/*!
Theme Name: Bulletin News
Theme URI:http://shadowthemes.com/downloads/bulletin-news/
Author: Shadow Themes
Author URI: https://shadowthemes.com
Description: The Bulletin News theme is excellent for news, magazines, publishing, and review sites.Bulletin News is a blog and magazine-specialized WordPress theme. The theme is lightweight and performs at high speeds.Bulletin News is widget ready and comes with many blog/magazine-customized widget options. This theme makes website design an effortless task, for novice and expert users alike. Get polished results like the pros without writing a line of code. 
Version: 1.0.5
Requires PHP: 5.6
Tested up to: 5.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bulletin-news
Tags: two-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.

Bulletin News 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:
----------------------------------------------------------------

# Normalize
# font
# Elements
# Navigation
  ## Links
  ## Menus
# Forms
# Widgets
# Accessibility
# Clearings
# Alignments
# Content
  ## Posts and pages
  ## Comments
# Layouts and Titles
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Social Icons
# Breadcrumb
# Sections
# Footer

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

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

#page {
    max-width: 1920px;
    margin: 0 auto;
}

#page {
    position: relative;
    overflow-x: hidden;
}

.overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   background-color: #000;
   opacity: 0.2;
   
}
.boxed-layout,
.frame-layout {
    background-image: url('assets/uploads/pattern.png');
}
.boxed-layout #page {
    background-color: #f6f6f4;
}
#content {
    position: relative;
/*    max-width: 1365px;
    margin: 0 auto;*/
}
article,
details,
figure,
header,
section {
  display: block;
}

aside,
figcaption,
footer,
main,
menu,
nav,
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;
}

a:active,
a:hover {
  outline: 0;
}
/*a:focus{
  outline: dotted;
}*/

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 50px;
  font-size: 3.25rem;
}

h2 {
  font-size: 40px;
  font-size: 2.625rem;
}

h3 {
  font-size: 30px;
  font-size: 2rem;
}

h4 {
  font-size: 26px;
  font-size: 1.75rem;
}

h5 {
  font-size: 22px;
  font-size: 1.5rem;
}

h6 {
  font-size: 18px;
  font-size: 1.25rem;
}

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

mark {
  background: #fff;
  color: #000;
}

small {
  font-size: 79%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 41px;
}

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

pre {
  overflow: auto;
}

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

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

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

button {
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: visible;
  -webkit-appearance: button;
  cursor: pointer;
  text-transform: none;
}

select {
  text-transform: none;
}


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

button[disabled] {
  cursor: default;
}


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

html input[disabled] {
  cursor: default;
}

button::-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 {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 3px;
  border: 1px solid #c0c0c0;
  }

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;

}
table {

  border-spacing: 0;
}
td,
th {
  padding: 7px;
    border: 1px solid #959595;
}

td#next {
    text-align: right;
}

.backtotop {
    background-color: #eb2f21;
    z-index: 300;
    font-size: 18px;
    width: 39px;
    height: 39px;
    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;
    line-height: 36px;
    bottom: -100px;
    right: 24px;
    text-align: center;
    position: fixed;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
    width:30px;
    height: 30px;
}
.backtotop:hover,
.backtotop:focus {
    background-color: #000;
}
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
body,
input,
textarea {
  color: #222;
  font-size: 14px;
  line-height: 27px;
}

button,
select {
  color: #222;
  font-size: 14px;
  line-height: 28px;
}
p {
  margin: 0.7em 0;
  color: #222;
}
dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.4em;
}

address {
  margin: 0 0 1.4em;
}

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

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

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

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

big {
  font-size: 125%;
}

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

*,
*:before,
*:after { /* Inherit box-sizing to  is that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #f6f6f6; 
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

blockquote {
  background-color: #f6f6f6;
    padding: 16px;
    border-left: 5px solid #ccc;
}

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; 
  max-width: 100%; 
  vertical-align: middle;
}

figure {
  margin: 1em 0; 
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

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


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

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

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


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"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 3px;
}

select {
  border: 1px solid #ccc;
}


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

textarea {
  width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline: none;
    height: 40px;
    padding: 0 16px;
}

#respond input,
.wpcf7 input {
    width: 100%;
    border-radius: 0;
    height: 40px;
    padding: 0 16px;
    outline: none;
    border: 1px solid #e9e9e9;
    
}
#respond textarea {
    height: 180px;
    padding: 10px 15px;
}
#respond input[type="submit"] {
  border-color: #343b3d;
}
#respond input[type="submit"]:hover {
  border-color: #eb2f21; 
}

#respond input[type="submit"]:focus {
  border-color: #eb2f21; 
}
p.form-submit {
    clear: both;
    display: table;
    float: right;
}
p.form-submit {
    margin-bottom: 0;
    width: 100%;
}
.comment-notes {
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 21px;
    font-style: italic; 
}
#respond label {
    color: #959595;
    margin-bottom: 4px;
    display: table;
}
#respond .comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 6px;
} 
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 5px;
}

.comment-form-cookies-consent label {
    display: table;
    line-height: 1;
    margin: 0;

}
#respond .comment-form-cookies-consent label{
    display: table;
    margin: 0;
    line-height: 1;
}
p.comment-subscription-form input[type="checkbox"] {
    float: left;
    margin-right: 14px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #eb2f21;
  text-decoration: none;
}

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

textarea:focus,
.page-section a:focus {
  color: #eb2f21;
  outline: dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#topbar-menu {
    padding: 0;
    background-color: #000;
    text-align: center;
}
#topbar-menu > svg.dropdown-icon.icon-up,
#topbar-menu > svg.dropdown-icon.icon-down {
    margin: auto;
    display: block;
    cursor: pointer;
    fill: #fff;

}

#topbar-menu ul {
    padding: 0;
    list-style: none;
}
#topbar-menu svg.dropdown-icon.icon-up,
#topbar-menu.topbar-menu-active svg.dropdown-icon.icon-down {
    display: none;
}
#topbar-menu.topbar-menu-active svg.icon-up {
    display: block;
}
.social-menu li:not(:last-child) {
    margin-right: 2px;
}
.secondary-menu {
    float: left;
    line-height: 39px;
}
.social-menu {
    float: right;
}
.social-menu svg {
    fill: #fff;
    width: 24px;
    height: 24px;
}
.secondary-menu a,
.shadow-main-navigation a {
    font-family: 'Khand', sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    padding: 0 8px;
}
.secondary-menu a:hover,
.secondary-menu a:focus {
  color: #eb2f21;
}
#shadow-masthead {
    position: relative;
    z-index: 3000;
    -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;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.shadow-site-branding {
    text-align: center;
    padding: 30px 0;
} 
.site-title {
    font-size: 32px;
    margin: 0;
}
.site-title a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.site-description {
    margin: 10px 0 0;
    line-height: 1;
    color: #fff;
}
#site-details {
    margin-top: 16px;
}
.shadow-main-navigation {
  display: block;
    position: relative;
}
.nav-shrink .shadow-main-navigation:before, 
.nav-shrink .shadow-main-navigation:after {
  display: none;
}
.nav-shrink .shadow-main-navigation {
  border: none;
}
.shadow-main-navigation ul.sub-menu,
#topbar-menu ul.sub-menu {
    background-color: #f2f2f2;
    text-align: left;
    padding: 0;
    border-top: 1px solid;
    border-top-color:#eb2f21; 
}
.shadow-main-navigation ul.sub-menu li a,
#topbar-menu ul.sub-menu li a {
    padding: 10px 16px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(52, 59, 61, 0.10);
}
.shadow-main-navigation ul.sub-menu li a:focus{
color: #eb2f21; 
}
.shadow-main-navigation ul.sub-menu a:after,
#topbar-menu ul.sub-menu a:after {
    float: right;
}
#topbar-menu .current-date{
    color: #eb2f21;
    font-weight: bold;
    padding-top: 7px;
}
.shadow-main-navigation{
    background-color: #000;
}
.shadow-main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;

}
p.menu-item-description {
    position: absolute;
    font-size: 10px;
    background-color: red;
    color: #fff;
    padding: 0 7px;
    top: -2px;
    right: 0;
    letter-spacing: 1px;
    line-height: 18px;
    border-top-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

.shadow-main-navigation li,
#topbar-menu li {
  position: relative;
}

.shadow-main-navigation ul.nav-menu > li > a {
    text-transform: uppercase;
    padding: 17px;
    position: relative;
}
.shadow-main-navigation ul.nav-menu > li > a.search {
  display: inline-block;
  vertical-align: middle;
}
.shadow-main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.shadow-main-navigation ul.nav-menu > li > a.search:focus svg.icon-search {
  fill: #eb2f21;
}
.shadow-main-navigation ul.menu li.current-menu-item > a,
.shadow-main-navigation ul.nav-menu > li > a:hover,
.shadow-main-navigation ul.nav-menu > li > a:focus {
    color: #fff;
    background-color: #eb2f21
}
.shadow-main-navigation a:hover,
.shadow-main-navigation a:focus {
    color: #eb2f21;
}
.shadow-main-navigation ul.nav-menu {
    margin-right: -25px;
}
.shadow-main-navigation a {
    display: block;
    text-decoration: none;
    letter-spacing: 2px;
    color: #fff;
}
#topbar-menu a {
    display: block;
    color: #fff;
}
.shadow-main-navigation ul ul,
#topbar-menu ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.shadow-main-navigation ul ul ul,
#topbar-menu ul ul ul {
  left: -999em;
  top: -1px;
}
.shadow-main-navigation ul ul a,
#topbar-menu ul ul a {
  width: 225px;
}
#search {
    display: none;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.shadow-main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 16px;
    width: 100%;
    outline: none;
}
#search button.search-submit {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
}
#search button.search-submit svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.shadow-main-navigation svg.icon-close,
.shadow-main-navigation .search.search-open svg.icon-search {
    display: none;
}
.shadow-main-navigation .search.search-open svg.icon-close {
  display: block;
}
svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 16px;
    height: 16px;
    fill: #fff;
}
svg.icon-search {
    margin-top: -4px;
}
.shadow-main-navigation svg.icon-down,
#topbar-menu ul svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #fff;
}
#topbar-menu ul svg.icon-down {
    fill: #000;
}
.shadow-main-navigation ul ul svg.icon-down,
#topbar-menu ul ul svg.icon-down {
    width: 12px;
    height: 12px;
    fill: #343b3d;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    outline: none;
    display: block;
    height: 50px;
    position: relative;
    background-color: #eb2f21;
    min-width: 64px;
    border-top: 1px solid #343b3d;
    border: none;
}
.menu-toggle:hover,
.menu-toggle:focus{
  background-color: #000;
}

#topbar-menu button svg:focus,
.shadow-site-branding img.custom-logo:focus,
.menu-toggle:focus,
button.dropdown-toggle:focus{
  outline: dotted;
  color: #eb2f21;
}


svg.icon-menu,
svg.icon-close {
    fill: #fff;
    width: 35px;
    height: 35px;
    vertical-align: baseline;
}
span.menu-label {
    display: none;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    outline: none;
}
.shadow-main-navigation .dropdown-toggle.active > svg,
#topbar-menu .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%;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 50px 0;
  overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.post-navigation a, 
.posts-navigation a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.post-navigation:before,
.posts-navigation:before,
.post-navigation:after,
.posts-navigation:after {
    content: "";
    background-color: #d8d8d8;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.post-navigation:after,
.posts-navigation:after {
  top: auto;
  bottom: 2px;
}
.post-navigation,
.posts-navigation,
.post-navigation,
.posts-navigation {
    padding: 16px;
    background-color: #fff;
}
.pagination .page-numbers {
    font-size: 22px;
    border: 1px solid rgba(190, 190, 190, 0.50);
    min-width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    color: #000;
    -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;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    fill: #322d2d;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
    margin-right: 7px;
}
.pagination .next.page-numbers svg {
    margin-left: 7px;
    margin-right: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pagination .page-numbers.dots {
  -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.pagination .page-numbers.current {
    color: #eb2f21;
}
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
  color: #eb2f21;
  border-color: #eb2f21;
}
.pagination .page-numbers:last-child {
  margin-right: 0;
}
/*--------------------------------------------------------------
# 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: 16px 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,
.shadow-entry-content:before,
.shadow-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,
#related-posts:before,
#related-posts:after,
.shadow-comments-area:before,
.shadow-comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.shadow-section-content:before,
.shadow-section-content:after,
.widget_instagram ul:before,
.widget_instagram ul:after,
.widget_media_gallery .gallery:before,
.widget_media_gallery .gallery:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.shadow-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,
#related-posts:before,
#related-posts:after,
.shadow-comments-area:before,
.shadow-comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.shadow-section-content:before,
.shadow-section-content:after,
.widget_instagram ul:before,
.widget_instagram ul:after,
.widget_media_gallery .gallery:before,
.widget_media_gallery .gallery:after {
  clear: both;
}

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

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

.widget input {
    outline: none;
    height: 40px;
    border-radius: 0;
    padding: 0 16px;
    border: none;
}

form.search-form button.search-submit {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #eb2f21;
    border: none;
    width: 40px;
    border-radius: 0;
    outline: none;
}
.widget_search form.search-form button.search-submit {
    width: auto;
    font-size: 14px;
    color: #fff;
    background-color: #eb2f21;
    min-width: 91px;
}
.widget_search .search-field:focus {
  outline: dotted;
}
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus {
  background-color: #000;
}
.widget_search form.search-form input {
  border: none;
}
.widget_search form.search-form input {
    padding: 0 100px 0 16px;
    background-color: #f6f6f6;
}
form.search-form {
    position: relative;
}

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

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

#wp-calendar caption {
    margin-bottom: 16px;
}

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

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

.widget_media_image img{
    width: 100%;
}

.widget_media_image{
  background-color: #fff;
  padding: 10px;
  margin:10px 0;
}

#secondary section.widget ul,
#secondary section.widget div {
  text-align: left;
}

#secondary .widget-title,
#secondary .widgettitle {
    text-transform: uppercase;
    font-size: 22px;
}
#secondary .widget:not(:last-child) {
  margin-bottom: 36px;
}
input[type="submit"] {
    background-color: #343b3d;
    color: #fff;
    font-size: 14px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #eb2f21;
}
.jetpack_subscription_widget {
  text-align: center;
}
.jetpack_subscription_widget input[type="email"] {
  width: 100%;
  margin-bottom: 10px;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    margin-bottom: 0;
}
.widget_popular_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li {
  clear: both;
  margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child {
  margin-bottom: 0;
}
.widget_popular_post h3 {
    font-size: 16px;
    line-height: 22px;
    display: table-row;
}
.widget_popular_post h3 a {
  display: block;
}
.widget_popular_post time {
    margin-top: 5px;
    display: inline-block;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time {
    color: #343b3d;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a time,
.widget_popular_post time {
    color: #eb2f21;
}
.widget_popular_post img {
    max-width: 95px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
#instagram-section img {
    width: 100%;
}
#instagram-section .hentry{
  padding: 0 16px;
  margin-bottom: 30px;
}
#instagram-section .shadow-entry-content {
    margin: 0 -16px;
}
#instagram-section .shadow-entry-header {
    text-align: center;
    margin-bottom: 30px;
}
#instagram-section .column-3 .hentry:nth-child(3n+1) {
    clear: left;
}
#instagram-section .column-4 .hentry:nth-child(4n+1) {
    clear: left;
}
#instagram-section .column-5 .hentry:nth-child(5n+1) {
    clear: left;
}
.widget_categories li {
    text-align: right;
    clear: both;
    display: table;
    width: 100%;
}
.widget_categories li a {
    float: left;
}
#secondary ul {
    list-style: none;
    margin: 0;
    background-color: #fff;
}
#secondary .widget.widget_recent_entries ul,
#homepage-secondary .widget.widget_recent_entries ul {
    padding: 10px;

}
#homepage-secondary ul li a{
    color: #333;
}
#homepage-secondary .widget.widget_recent_entries a{
    font-size:18px;
}
.widget.widget_search {
  background-color: #fff;
}
#secondary ul li a {
    color: #697275;
    font-size: 16px;
}
#homepage-secondary ul li a:hover,
#secondary ul li a:hover,
#secondary ul li a:focus {
    color: #eb2f21;
}
#secondary .widget {
    padding: 10px;
}
#secondary .widget li:not(:last-child) {
    margin-bottom: 10px;
}
/*#secondary ul li:before {
    content: "-";
    margin-right: 10px;
    float: left;
}*/
#homepage-secondary .shadow-popular-news .section-content,
#secondary .shadow-popular-news .section-content,
#colophon .shadow-popular-news .section-content {
  margin: 0;
}

#secondary .shadow-popular-news,
#homepage-secondary .shadow-popular-news,
#colophon .shadow-popular-news {
    margin: 0;
}

#secondary .shadow-popular-news .wrapper,
#homepage-secondary .shadow-popular-news .wrapper,
#colophon .shadow-popular-news .wrapper {
  width: 100%;
  padding: 0;
}
#secondary .shadow-popular-news .popular-post-wrapper,
#homepage-secondary .shadow-popular-news .popular-post-wrapper,
#colophon .shadow-popular-news .popular-post-wrapper,
#secondary #featured-articles article:first-child .shadow-entry-container,
#homepage-secondary #featured-articles article:first-child .shadow-entry-container,
#colophon   #featured-articles article:first-child .shadow-entry-container {
    width: 100%;
}

#secondary .shadow-popular-news article,
#homepage-secondary .shadow-popular-news article,
#colophon .shadow-popular-news article {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
#secondary #featured-articles article,
#homepage-secondary #featured-articles article,
#colophon #featured-articles article {
  width: 100%;
  margin-bottom: 15px;
  padding: 0 10px;
}
#featured-articles article, 
#secondary #featured-articles article:first-child .featured-image,
#homepage-secondary #featured-articles article:first-child .featured-image,
#colophon #featured-articles article:first-child .featured-image {
    width: 100%;
    float: left;
}

.sidebar-popular-news ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.sidebar-popular-news ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 15px;
    padding: 9px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
.widget.sidebar-popular-news 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;
}
.sidebar-popular-news .shadow-entry-meta {
    padding-top: 8px;
}
.sidebar-popular-news h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 18px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.sidebar-popular-news h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
  display: block;
}
#secondary .sidebar-popular-news h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
  font-weight: 500;
}
.sidebar-popular-news time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.sidebar-popular-news h3 a,
.sidebar-popular-news a:hover time,
.sidebar-popular-news 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;
}
.sidebar-popular-news h3 a:hover,
.sidebar-popular-news h3 a:focus,
.sidebar-popular-news a:hover time,
.sidebar-popular-news 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: #ff4443;
}
.sidebar-popular-news a time,
.sidebar-popular-news time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #555;
}
#colophon .sidebar-popular-news a time,
#colophon .sidebar-popular-news time,
#colophon .widget_latest_post a time,
#colophon .widget_latest_post time,
#colophon .widget_featured_post a time,
#colophon .widget_featured_post time {
    color: #fff;
    opacity: 0.8;
}
.sidebar-popular-news img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 80px;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 14px;
}
.site-footer .textwidget p {
    color: #fff;
}
/*--------------------------------------------------------------
# Shadow Popular News Widget
--------------------------------------------------------------*/
.shadow-popular-news article {
  text-align: left;
}
.shadow-popular-news article .post-wrapper {
  display: flex;
  align-items: center;
}
.shadow-popular-news article.half-width .post-wrapper {
    background-color: #fff;
    padding: 10px;
}
.shadow-popular-news article.full-width .post-wrapper {
  display: initial;
}
.shadow-popular-news article .shadow-entry-title {
    margin-bottom: 5px;
    margin-top: 5px;
}
.shadow-popular-news article.half-width .shadow-entry-container {
  padding: 0 0 0 10px;
}
.shadow-popular-news article.full-width .shadow-entry-container {
  padding: 10px 11px 10px 16px;
  background-color: #fff;
}
.shadow-popular-news article.full-width .featured-image {
  position: relative;
}
.shadow-popular-news ul.post-categories li:after {
  content: none;
}
/*.shadow-popular-news ul.post-categories li {
  margin: 10px 0 5px;
}
.shadow-popular-news ul.post-categories li a {
  color: #fff;
    padding: 3px 7px;
    font-size: 12px;
    background-color: #cd0000;
}*/
.shadow-popular-news article.half-width ul.post-categories li {
  margin: 0;
}
.shadow-popular-news img {
    width: 100%;
}
.shadow-popular-news .half-width img {
    width: 90%;
    height: 80px;
}
.shadow-popular-news article.half-width .cat-links a {
    background-color: transparent;
    color: #eb2f21;
    margin-right: 5px;
}
.shadow-popular-news article.half-width .shadow-entry-title {
  margin-top: 5px;
}
.shadow-popular-news article.half-width .featured-image {
  width: 25%;
}
.shadow-popular-news article.half-width .shadow-entry-container {
  width: 75%;
}
.shadow-popular-news article span.posted-on a {
    color: #555;
}
.shadow-popular-news article span.posted-on a:hover {
    color: #eb2f21;
}
.shadow-popular-news .section-content {
    margin: 0 -10px;
}

.shadow-popular-news .section-content article {
    padding: 0 7px;
    margin-bottom: 15px;
}
.shadow-popular-news .section-content article:last-child {
    clear:left;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}

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

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

.page-content,
.shadow-entry-content,
.entry-summary {
  margin: 0;
}
.single .featured-image{
  padding: 10px 0;
}
#shadow-banner-image {
    padding: 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 50%;
    background-color: #f6f6f6;
}
.home.blog #shadow-banner-image{
  padding: 0;
}
.archive #shadow-banner-image {
    padding: 150px 0;
}
.page-site-header {
    position: relative;
}
.page-site-header .shadow-page-title {
    color: #222;
    font-size: 32px;
    line-height: 1.3;
}
.search .page-site-header .shadow-page-title {
    color: #fff;
}

.author img {
    display: block;
    text-align: center;

}
.author .featured-image img {
    border-radius: 0%;
}
span.tags-links a:not(:last-child):after {
    content: ", ";
}
.site-info {
    padding: 20px 0;
}
.shadow-page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.shadow-page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #343b3d;
    font-family: 'Roboto', sans-serif;
}
.shadow-page-header small {
    font-size: 12px;
    color: #cea35f;
}
.blog-posts-wrapper .featured-image img {
    width: 100%;
}
.blog #inner-content-wrapper .posts-wrapper .hentry .featured-image {
    padding: 0;
}
nav.navigation.pagination {
    clear: both;
    display: inline-block;
    width: 100%;
    margin:30px auto;
    text-align: center;
}
.navigation.pagination svg {
    fill: #343b3d;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 20px;
    height: 20px;
    fill: #000;
    display: inline-block;
    vertical-align: middle;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.nav-links a {
    color: #000;
}
.nav-links a:hover,
.nav-links a:hover svg {
    color: #eb2f21;
    fill: #eb2f21;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
  margin-right: 10px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
  margin-left: 10px;
}
.wrapper.page-section {
    padding: 30px 0;
    margin-bottom: 0;
}
.blog-posts-wrapper {
    margin: 0 -10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#reply-title,
.comments-title {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}
.comments-title {
    margin-bottom: 30px;
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    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: 140px;
}
.says {
    display: none;
}
.comment-meta img {
    max-width: 81px;
    width: 81px;
    float: left;
    border-radius: 50%;
    margin-right: 40px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    margin-left: 120px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  border-bottom: 1px solid #d8d8d8;
}
#comments article {
    margin-bottom: 30px;
}
#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 {
  border-bottom: 1px solid #d8d8d8;
    padding-top: 30px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
  border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    color: #fff;
    font-weight: 400;
    background-color: #343b3d;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 28px;
}
.reply a:hover,
.reply a:focus {
  color: #fff;
  background-color: #eb2f21;
}
#related-posts .shadow-entry-title a:hover,
#related-posts .shadow-entry-title a:focus,
#related-posts ul.post-categories li a:hover,
#related-posts ul.post-categories li a:focus {
  color: #eb2f21;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: capitalize;
    color: #343b3d;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
  color: #eb2f21;
}
.comment-metadata {
    display: block;
}
.comment-content {
    padding-bottom: 10px;
}
.single-post article.hentry {
    background-color: #fff;
    margin-bottom: 0;
    padding: 20px;
}
.single-post h1.shadow-entry-title {
    font-size: 36px;
    margin-bottom: 20px;
}
.single-post .blog-post h2.shadow-entry-title {
    color: #444444;
}
.single-post ul.post-categories {
    display: inline-block;
}
.single-post .shadow-entry-meta span,
.single-post .shadow-entry-meta span a {
    color: #343b3d;
}
.single-post .shadow-entry-meta > span {
    display: block;
}
.single-post .shadow-entry-meta > span:not(:first-child):before {
  display: none;
}
.single-post .post-wrapper {
    padding-top: 50px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
.single-post .shadow-entry-meta {
    max-width: 980px;
    position: relative;
}
.single .shadow-entry-meta a {
    font-size: 16px;
}
.single .shadow-entry-meta > span {
    display: inline-block;
    margin-right: 10px;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    display: table;
    margin-bottom: 1em;
}
.single-post article blockquote {
    background-color: transparent;
    border: 3px solid #cea35f;
    padding: 63px 80px;
    font-size: 22px;
    line-height: 38px;
    font-family: 'Playfair Display', serif;
    position: relative;
    margin: 16px -90px;
    text-align: center;
}
.single-post article blockquote:before {
    content: "";
    background-image: url('assets/uploads/blockquote.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 25px;
    background-color: #f2f2f2;
    margin-top: -12px;
    background-position: 50%;
}
#related-images {
    background-color: #f2f2f2;
    position: relative;
}
#related-images .wrapper {
    max-width: 980px;
    position: relative;
    z-index: 10;
}
#related-images h2 {
    font-size: 22px;
    font-weight: 400;
    max-width: 800px;
    margin: auto;
    padding: 50px 0 30px;
}
#related-images:after {
    content: "";
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}
.related-gallery-slider {
    margin: 0 -10px;
}
.related-gallery-slider img {
    padding: 0 10px;
}
.related-gallery-slider .slick-prev, 
.related-gallery-slider .slick-next {
  top: auto;
  bottom: -100px;
  border: 1px solid #343b3d;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  left: 41%;
}
.related-gallery-slider .slick-next {
    left: auto;
    right: 41%;
}
.related-gallery-slider .slick-prev:before,
.related-gallery-slider .slick-next:before {
    background-image: url('assets/svg/down-arrow.svg');
}
.related-gallery-slider .slick-prev:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.related-gallery-slider .slick-next:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
span.pagingInfo {
    position: absolute;
    left: 50%;
    bottom: -70px;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.share-this-post small {
    font-size: 12px;
}
.single-post .share-this-post ul li {
    display: block;
    margin-bottom: 7px;
}
.single-post .share-this-post {
    position: absolute;
    left: -190px;
}
.single-post .share-this-post .social-icons {
    margin-left: -10px;
}
#about-author {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
.admin-image {
    max-width: 111px;
    max-height: 111px;
    display: inline-block;
    margin-bottom: 22px;
}
.admin-image img {
  max-width: 111px;
  border-radius: 50%;
  position: relative;
    z-index: 1;
}
.author-content .shadow-entry-title {
  margin-bottom: 0;
  line-height: 1;
}
.author-content .shadow-entry-title a {
  color: #cea35f;
}
.author-content .shadow-entry-title a:hover,
.author-content .shadow-entry-title a:focus {
  color: #343b3d;
}
.author-content span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.admin-image .separator {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    height: 1px;
    width: 100%;
}
/*--------------------------------------------------------------
# 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;
}
.shadow-entry-content {
  margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
}
.row {
    margin: 0 -16px;
}
/*.page-section {
    padding:15px 0;
}*/
.shadow-entry-title {
    font-size: 22px;
    margin: 0 ;
    word-wrap: break-word;
    color: #000;
    font-weight: 400;
}

.shadow-section-title {
  text-align: left;
  font-size: 26px;
  background-color: #f6f6f4;
  display: inline-block;
  position: relative;
  padding: 0 20px 0 7px;
  border-left: 5px #eb2f21 solid;
}
.shadow-section-header {
  text-align: left;
  padding: 0;
  font-size: 26px;
  position: relative;
  overflow: hidden;
}
.shadow-section-header::before {
    content: "";
    position: absolute;
    bottom: 22px;
    background-color: #eb2f21;
    width: 100%;
    height: 1px;
    left: 0;
}
.shadow-section-subtitle{
  margin: 15px auto 0;
  color:#6f6f6f;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  max-width: 600px;
  line-height: 24px;
}
.btn {
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 30px;
    display: inline-block;
    color: #eb2f21;
    border: none;
    position: relative;
    text-align: center;
    font-weight: 400;
    font-family: 'Khand', sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 0;
    -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 svg {
  fill:#eb2f21;
} 
.btn:hover svg {
  fill:#000;
}    
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.shadow-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
--------------------------------------------------------------*/
figure {
    margin: 0;
}
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
    vertical-align: top;
    width: 100%;
    float: left;
    padding: 5px;
}

.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;
}
.social-icons {
    margin: 0;
    padding: 0;
}
ul.social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
.social-icons a:focus,
.social-menu ul li a:focus {
  outline: none;
}
ul.social-icons li a:hover svg,
ul.social-icons li a:focus svg {
  fill: #fff;
}
.social-menu ul li a:hover svg,
.social-menu ul li a:focus svg,
ul.social-icons li a:hover svg,
ul.social-icons li a:focus svg {
  fill: #fff;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-menu li a[href*="facebook.com"]:hover,
.social-menu li a[href*="fb.com"]:hover,
.social-menu li a[href*="facebook.com"]:focus,
.social-menu li a[href*="fb.com"]:focus {
  background-color: #3c5798;
}
.social-menu li a[href*="twitter.com"]:hover,
.social-menu li a[href*="twitter.com"]:focus {
  background-color: #1ea0f1;
}
.social-menu li a[href*="linkedin.com"]:hover,
.social-menu li a[href*="linkedin.com"]:focus {
  background-color: #0077B5;
}
.social-menu li a[href*="plus.google.com"]:hover,
.social-menu li a[href*="plus.google.com"]:focus {
  background-color: #ec7161;
}

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

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

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

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

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

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

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

}

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

}

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

}

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

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

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

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

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

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

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

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

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

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

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

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

.social-menu li a[href*="slack.com"]:hover svg,
.social-menu li a[href*="slack.com"]:focus svg {
  background-color: #E60264;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
ul.trail-items {
    list-style: none;
    margin: 0;
    padding: 20px 0 0;
}
ul.trail-items li.trail-item.trail-end {
    color: #eb2f21;
}
ul.trail-items li {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
ul.trail-items li a {
    color: #333;
}
ul.trail-items li a:hover,
ul.trail-items li a:focus {
    color: #eb2f21;
}
ul.trail-items li:after {
    content: "/";
    color: #000;
    margin: 0 5px;
}
ul.trail-items li:last-child:after {
    display: none;
}
.display-block{
  display: block;
}
.display-none{
  display: none;
}
/*--------------------------------------------------------------
#  Breaking News Section
--------------------------------------------------------------*/
#breaking.page-section{
  padding: 0;
}
#breaking .breaking-header {
    margin-bottom: 15px; 
    
}
#breaking .shadow-section-header::before{
  background-color: transparent;
}
#breaking .shadow-section-title{
  background-color: transparent;
  color:#fff;
  animation: pulse 2s infinite;
  padding: 6px 10px;
}
/*@keyframes pulse {
  0% {
    background-color: #eb2f21;
  }
  25% {
    background-color: #a31bb3;
  }
  50% {
    background-color: #1f46d1;
  }
  75% {
    background-color: #118519;
  }
  100% {
    background-color: #FF4136;
  }
}*/
@keyframes pulse {
  0% {
    background-color: #000;
  }
  100% {
    background-color: #eb2f21;
  }
}
#breaking .breaking-title {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
#breaking .shadow-entry-title {
    font-weight: 400;
    border-bottom: 1px solid;
    border-color: #eb2f21;
    padding:7px;
    background-color: #fff;
}
#breaking .shadow-entry-title a {
    color: #222;
    font-size: 18px;
    padding: 10px;
}
#breaking .shadow-entry-title a:hover,
#breaking .shadow-entry-title a:focus {
    color: #FF0030;
}
#breaking .slick-arrow {
    top: 20px;
    transform: none;
    width: 40px;
    height: 40px;
      
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#breaking .slick-prev {
    left: auto;
    right: 46px;
}
#breaking .slick-arrow:before {
    font-size: 27px;
}
#breaking .slick-next{
  right: 0;
}

/*--------------------------------------------------------------
#  Hero-section Section
--------------------------------------------------------------*/
#hero-section{
  padding-top: 0px;
}
#breaking + #hero-section{
  padding-top: 0px;
}
#hero-section .grid article:nth-child(1n) {
    width: 100%;
}
#hero-section .grid article:nth-child(1n) .featured-image {
    padding: 190px 0;
}
#hero-section .grid article:nth-child(2n) .featured-image,
#hero-section .grid article:nth-child(3n) .featured-image,
#hero-section .grid article:nth-child(4n) .featured-image,
#hero-section .grid article:nth-child(5n) .featured-image {
    padding: 90px 0;
}

#hero-section .grid,
#media-news .grid {
    margin: 0 -15px;
}
#hero-section .grid article,
#media-news .grid article {
    width: 100%;
    padding: 0 9px;
    margin-bottom: 20px;
}
.grid .featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
#hero-section .grid article:nth-child(2n),
#hero-section .grid article:nth-child(3n),
#hero-section .grid article:nth-child(4n),
#hero-section .grid article:nth-child(5n) {
    width: 100%;
}
#hero-section article.grid-item:first-child .shadow-entry-container{
  width: 97%;
  padding: 20px;
  background-image: linear-gradient( rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.4));
}
#homepage-primary #hero-section article.grid-item:first-child .shadow-entry-container{
  width: 96%;
}
#hero-section .grid-item .shadow-entry-container {
    position: absolute;
    width: 94%;
    bottom: 0; 
    background-image: linear-gradient( rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.4));
}
#homepage-primary #hero-section .grid-item .shadow-entry-container {
    width: 92%;
}
#hero-section .grid article:nth-child(2n).grid-item .shadow-entry-container,
#hero-section .grid article:nth-child(3n).grid-item .shadow-entry-container,
#hero-section .grid article:nth-child(4n).grid-item .shadow-entry-container,
#hero-section .grid article:nth-child(5n).grid-item .shadow-entry-container{
   padding: 10px 13px ;
}
#hero-section .grid article:nth-child(2n).grid-item .shadow-entry-container .shadow-entry-title,
#hero-section .grid article:nth-child(3n).grid-item .shadow-entry-container .shadow-entry-title,
#hero-section .grid article:nth-child(4n).grid-item .shadow-entry-container .shadow-entry-title,
#hero-section .grid article:nth-child(5n).grid-item .shadow-entry-container .shadow-entry-title{
   font-size: 18px;
}
#hero-section article.grid-item .shadow-entry-container .shadow-entry-title {
    font-size: 26px;
    font-weight: 400;
    margin: 5px 0 0 0;
}
#hero-section .grid-item .shadow-entry-container .shadow-entry-title,
#media-news .grid-item .shadow-entry-container .shadow-entry-title {
    margin: 0;
}
#hero-section .grid-item .shadow-entry-container .shadow-entry-title a{
    color: #fff;
}
#hero-section .grid-item .shadow-entry-container .posted-on a {
    color: #fff;
}
#hero-section .grid-item .shadow-entry-container .shadow-entry-title a:hover,
#hero-section .grid-item .shadow-entry-container .posted-on a:hover {
    color: #fe463a;
}
#hero-section .grid-item .post-categories a:hover {
    color: #fff;
}
#hero-section .byline a{
    color: #fff;
}
#hero-section .byline svg{
    fill: #fff;
}
#hero-section .shadow-entry-meta > span:not(:first-child)::before {
    color: #fff;
}

/*--------------------------------------------------------------
#  Trending News Section
--------------------------------------------------------------*/

.trending-wrapper {
    margin: 0 -15px;
}
#trending.page-section {
    padding-top: 0;
}
#trending span.cat-links{
    position: absolute;
    left: 15px;
    bottom: 10px;
}
#trending article .shadow-entry-meta{
    position: relative;
}
#trending article {
   width: 25%;
   float: left;
   padding: 0 7px;
}
#trending .featured-image {
    padding: 110px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}

.item-wrapper .shadow-entry-container,
.recent-posts-tabs .shadow-entry-container,
#trending .shadow-entry-container {
    background-color: #fff;
    padding: 18px 20px;
    position: relative;
}
.item-wrapper .shadow-entry-title,
#trending .shadow-entry-title {
    font-size: 24px;
    font-weight: 400;
    margin: 7px 0 10px;
    line-height: 30px;
}

/*--------------------------------------------------------------
#  Featured Articles Section
--------------------------------------------------------------*/
#featured-articles .section-content {
    margin: 0 -10px;
}
#featured-articles article {
    padding: 0 7px;
    margin-bottom: 16px;
}
#featured-articles article:last-child {
    margin-bottom: 0;
}
#featured-articles article:nth-child(-n+1) .featured-articles-item {
    padding-bottom: 30px;
}
#featured-articles .featured-articles-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    
}
#featured-articles .featured-image {
    padding: 125px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#featured-articles .featured-image .shadow-entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 15px;
}
/*#featured-articles .shadow-entry-header {
    margin-bottom: 5px;
}*/
#featured-articles .shadow-entry-content p {
    margin:0;
}
#featured-articles article:first-child .featured-image{
  width: 50%;
  float: left;
}
#featured-articles article:not(:first-child){
  line-height: 23px;
}
#featured-articles article:not(:nth-child(-n+1)).has-post-thumbnail .featured-articles-item{
    background-color: #fff;
    padding: 10px;
}
#featured-articles article:first-child .shadow-entry-container{
  width: 50%;
  float: right;
  padding: 20px 15px;
  background-color: #fff;
}
#featured-articles article .cat-links a{
  background-color: transparent;
  color: #eb2f21;
}
#featured-articles article:nth-child(-n+1) .shadow-entry-title {
    font-size: 22px;
}

#featured-articles article .shadow-entry-title {
    font-size: 20px;
    padding: 5px 0;
}
#featured-articles .shadow-entry-title a,
#featured-articles .author.vcard a:hover,
#featured-articles .author.vcard a:focus {
    color: #000;
    font-weight: bold;
}
#featured-articles .shadow-entry-title a:hover,
#featured-articles .shadow-entry-title a:focus{
    color: #FF0030;
}
article .author.vcard a {
    color: #555;
}

#featured-articles article .shadow-entry-meta .posted-on a{
  color:#555;

}
#featured-articles article:not(:nth-child(-n+1)) .featured-image .shadow-entry-meta,
#featured-articles article:not(:nth-child(-n+1)) .shadow-entry-meta.author-posted-on .byline,
#featured-articles article:not(:nth-child(-n+1)) .shadow-entry-content {
    display: none;
}
#featured-articles article:not(:nth-child(-n+1)).has-post-thumbnail {
    display: table;
    width: 100%;
    position: relative;
}
#featured-articles article:not(:nth-child(-n+1)).has-post-thumbnail .featured-image,
#featured-articles article:not(:nth-child(-n+1)).has-post-thumbnail .shadow-entry-container {
    display: table-cell;
}
#featured-articles article:not(:nth-child(-n+1)).has-post-thumbnail .featured-image {
    width: 97px;
    padding: 0;
    height: auto;
}
#featured-articles article:not(:nth-child(-n+1)).has-post-thumbnail .shadow-entry-container {
    padding: 7px 10px 7px 15px;
}
.featured-image{
  position: relative;
}

.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*--------------------------------------------------------------
## .shadow-featured-slider
--------------------------------------------------------------*/
.shadow-featured-slider{
    margin: 0 0 20px;
}

.shadow-featured-slider .page-section{
    padding: 0;
}

.shadow-featured-slider article {
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding:190px 0;
    vertical-align: middle;
    position: relative;
}
.double-slider article{
  width: 97% !important;
}
.shadow-featured-slider .wrapper {
    position: relative;
}
.featured-content-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 114px;
    width:100%;
    padding:20px 20px 15px; 
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    background: rgba(0, 0, 0, 0.6);
}
.cat-links a {
    font-size: 13px;
    background-color: #eb2f21;
    color: #fff;
    padding: 4px 5px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
  }

.featured-content-wrapper h2.shadow-entry-title a{
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    padding: 10px 0 5px;
    color: #fff;
}
.featured-content-wrapper span.posted-on {
    display: block;
}
.featured-content-wrapper span.posted-on a {
  color: #fff;
}
.featured-content-wrapper span.posted-on a:hover {
  color: #eb2f21;
}

.shadow-featured-slider .cat-links a:hover,
.shadow-featured-slider .cat-links a:focus {
    color: #fff;
}
.shadow-featured-slider .slick-prev {
  left: 0;
}
.shadow-featured-slider .slick-next {
  right: 0;
}
.shadow-featured-slider .slick-arrow{
    top: -37px;
}
.shadow-featured-slider .slick-prev{
  left: auto;
  right: 36px;
}
.shadow-featured-slider .slick-arrow:before {
    font-size: 27px;
}
#homepage-secondary .shadow-featured-slider article {
    padding:150px 0;
}
#homepage-secondary .featured-content-wrapper {
    top: 75px;
    padding:10px;
  }

/*--------------------------------------------------------------
#  Must Read News Section
--------------------------------------------------------------*/
.must-read-wrapper {
    margin: 0 -15px;
}
.breaking-wrapper,
#trending .shadow-section-header,
#must-read .shadow-section-header {
    margin: 0 -7px;
}
#featured-articles .shadow-section-header {
    margin: 0 -3px;
}
#must-read.page-section {
    margin: 15px 0 25px;
}
#must-read span.cat-links{
    
}
#must-read article .shadow-entry-meta{
    position: relative;
}
#must-read article {
   width: 25%;
   float: left;
   padding: 0 7px;
   position: relative;
}
#must-read .featured-image {
    padding: 110px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}

.item-wrapper .shadow-entry-container,
.recent-posts-tabs .shadow-entry-container,
#must-read .shadow-entry-container {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 11px;
    position: absolute;
    left: 14px;
    bottom: 6px;
    right: 14px;

}
.item-wrapper .shadow-entry-title,
#must-read .shadow-entry-title {
    font-size: 24px;
    font-weight: 400;
    margin: 7px 0 2px;
    line-height: 26px;
}
#must-read .shadow-entry-title a{
  color: #fff;
}

/*--------------------------------------------------------------
#  Featured Posts Section
--------------------------------------------------------------*/
#featured-posts {
    padding: 80px 0 50px;
}
#featured-posts .shadow-section-content {
    margin: 0 -16px;
}
#featured-posts article {
    padding: 0 16px;
    text-align: center;
    margin-bottom: 30px;
}
#featured-posts article:last-child {
    margin-bottom: 0;
}
#featured-posts article .shadow-entry-content p {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 0;
}
#featured-posts article .read-more {
    margin-top: 20px;
}
#featured-posts .post-title {
    color: #fff;
}
#featured-posts .post-title:hover,
#featured-posts .post-title:focus {
    color: #fff;
    opacity: 0.8;
}
#featured-posts article .featured-item-wrapper:after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#featured-posts article:hover .featured-item-wrapper:after {
    background-color: #eb2f21;
    opacity: 0.5;
}
.featured-item-wrapper .shadow-entry-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.featured-item-wrapper {
    background-color: #000;
    padding: 120px 0;
    text-align: center;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.featured-item-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.40);
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 1;
}
#featured-posts article .cat-links a {
    background-color: #eb2f21;
    padding: 5px;
}
#featured-posts .cat-links {
    margin-bottom: 10px;
    display: block;
    color: transparent;
}
#featured-posts .posted-on a {
    color: #fff;
    font-size: 14px;
}
#featured-posts .posted-on a:hover,
#featured-posts .posted-on a:focus {
    opacity: 0.8;
}
.featured-item-wrapper .shadow-entry-title {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 2px;
}
.featured-item-wrapper .featured-image {
    position: relative;
}

/*--------------------------------------------------------------
## Latest Video
--------------------------------------------------------------*/
#latest-video {
    padding: 90px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
}
#latest-video .wrapper {
    position: relative;
}
.video-content-wrapper {
    text-align: center;
    margin: auto;
    max-width: 600px;
}
.video-content-wrapper .shadow-entry-title a {
    color: #fff;
    margin: 16px 0 0 0;
    display: inline-block;
}
.video-content-wrapper .shadow-entry-title a:hover,
.video-content-wrapper .shadow-entry-title a:focus {
    opacity: 0.8;
}
.video-content-wrapper .cat-links a,
.video-content-wrapper  span.posted-on time {
    color: #fff;
}
#latest-video .cat-links,
#latest-video .posted-on {
    color: #fff;
}
.popup-video {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    fill: #fff;
    display: block;
    border-radius: 50%;
    margin-top: 30px;
    padding-left: 5px;
    display: inline-block;
    position: relative;
}
.popup-video:hover {
    background-color: #eb2f21;
}
.video-popup {
    max-width: 50%;
    margin: auto;
    top: 50%;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 30000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-popup .pop-wrapper {
    display: none;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#latest-video .overlay {
    opacity: 0.4;
}
#latest-video.active .overlay {
    background-color: #000;
    opacity: 0.8;
    top: 0;
    bottom: 0;
    z-index: 30000;
    width: 100%;
    height: 100%;
    position: fixed;
    visibility: visible;
    display: block;
}
#latest-video .wp-video {
    margin: 0 auto;
}


/*--------------------------------------------------------------
## Recent posts
--------------------------------------------------------------*/
#recent-posts .shadow-entry-container .shadow-entry-title {
    margin-bottom: 0;
}
#recent-posts article:last-child {
    margin-bottom: 0;
}



.more-link svg {
    vertical-align: middle;
    margin-top: -5px;
}
#list-articles .shadow-entry-container .more-link svg {
    fill: #eb2f21;
}
.post-archive .shadow-entry-container {
    background-color: #fff;
    padding: 42px 30px;
    margin-top: -20px;
    position: relative;
    box-shadow: 0px 0px 25px 0px rgba(12, 12, 12, 0.1); 
}
.post-archive.half .shadow-entry-container {
    margin-right: 20px;
}
.post-archive.half .no-post-thumbnail .shadow-entry-container {
    margin-right: 0;
    margin-top: 0;
}
.post-archive article .shadow-entry-container .cat-links {
    margin-bottom: 16px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.post-archive article .shadow-entry-container .shadow-entry-title a,
#popular-post ul li h3 a {
  color: #322d2d;
}
.hover-default .post-archive article .shadow-entry-container .shadow-entry-title a:hover,
.hover-default .post-archive article .shadow-entry-container .shadow-entry-title a:focus{
  color: #eb2f21;
}
.post-archive article .shadow-entry-container .shadow-entry-meta a {
  color: #9e9da7;
  font-size: 14px;
} 
.post-archive article .shadow-entry-container span.posted-on {
    font-weight: 600;
    color: #9e9da7;
    font-size: 14px;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
## Featured Posts
--------------------------------------------------------------*/
#featured-posts .wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 3px;
}

#featured-posts .featured-image img,
#recent-posts .featured-image img  {
  width: 100%;
}
#featured-posts article .post-wrapper,
.blog-posts-wrapper article .post-wrapper {
    border: 1px solid #d8d8d8;
}
#featured-posts article .shadow-entry-container,
.blog-posts-wrapper article .shadow-entry-container {
    padding: 15px;
}
.blog-posts-wrapper article .shadow-entry-container {
    background-color: #fff;
}
.shadow-entry-header .posted-on {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
span.posted-on a, 
span.posted-on time,
.comment-metadata a time, 
.comment-metadata time {
    
    font-size: 14px;
}
span.posted-on a:hover, 
span.posted-on time:hover,
span.posted-on a:focus, 
span.posted-on time:focus {
    color: #eb2f21;
}
article .shadow-entry-title a {
    color: #000;
    padding-top: 3px;
}
article .shadow-entry-title a:hover,
article .shadow-entry-title a:focus {
    color: #eb2f21;
}
ul.post-categories {
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
ul.post-categories li {
    display: inline-block;
        margin-right: 5px;
}
.shadow-entry-meta > span {
    display: inline-block;
    font-size: 16px;
}

.shadow-entry-meta > span:not(:first-child):before {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-style: italic;
    color: #807e8c;
}

.shadow-entry-meta.shadow-posted {
  padding: 10px 0;
  margin-top: 26px;
}
.archive .shadow-entry-meta.shadow-posted {
  margin-top: 0px;
}
.cat-links a:hover,
.cat-links a:focus {
    background-color: #333;
    color: #fff;
  }

.slick-prev, 
.slick-next {
    background-color: #eb2f21;
    width: 30px;
    height: 30px;
    z-index: 1;
    border-radius: 0;
  }
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus {
  background-color: #333;
}
.slick-next {
  right: 20px;
  left: auto;
}
element {
    display: block;
}
.slick-prev {
    right: auto;
    left: 20px;
}
.slick-prev:before, 
.slick-next:before {
  font-family: '';
}

.slick-dots li {
    margin: 0;
    width: auto;
    margin-right: -5px !important;
    opacity: 0.4;
}
.slick-dots li.slick-active {
  opacity: 1;
}
.slick-dots li button {
    font-size: 35px;
    padding: 5px;
    color: transparent;
    background-color: #eb2f21;
    line-height: 1;
    margin-right: 15px;
    width: 12px;
    height: 12px;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #cea35f;
    background-color: transparent;
}
.slick-dots {
  bottom: -35px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);

}
.slick-dots li button:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #f6f4ef;
    position: relative;
    display: block;
    margin-left: 29px;
    vertical-align: middle;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
##                      Font Switcher
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5 {
    font-family: 'Rajdhani', sans-serif;
 }
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5 {
    font-family: 'Cherry Swash', cursive;
}
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5 {
    font-family: 'Philosopher', sans-serif;
}
.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5 {
    font-family: 'Slabo 27px', serif;
}
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5 {
    font-family: 'Dosis', sans-serif;
}

body.body-font-1,
body.body-font-1 .shadow-main-navigation .container ul li a,
body.body-font-1 .wpcf7 input, 
body.body-font-1 .wpcf7 textarea {
    font-family: 'News Cycle', sans-serif;
 }
body.body-font-2,
body.body-font-2 .shadow-main-navigation .container ul li a,
body.body-font-2 .wpcf7 input, 
body.body-font-2 .wpcf7 textarea {
    font-family: 'Pontano Sans', sans-serif;
}
body.body-font-3,
body.body-font-3 .shadow-main-navigation .container ul li a,
body.body-font-3 .wpcf7 input, 
body.body-font-3 .wpcf7 textarea {
    font-family: 'Gudea', sans-serif;
}
body.body-font-4,
body.body-font-4 .shadow-main-navigation .container ul li a,
body.body-font-4 .wpcf7 input, 
body.body-font-4 .wpcf7 textarea {
    font-family: 'Quattrocento', serif;
}
body.body-font-5,
body.body-font-5 .shadow-main-navigation .container ul li a,
body.body-font-5 .wpcf7 input, 
body.body-font-5 .wpcf7 textarea {
    font-family: 'Khand', sans-serif;
}
/*--------------------------------------------------------------
## Hover Effect text
--------------------------------------------------------------*/
:root {
  --mainColor: #eb2f21;;
}
.hover-1 .shadow-entry-header h1 a,
.hover-1 .shadow-entry-header h2 a,
.hover-1 .shadow-entry-header h3 a,
.hover-1 .shadow-entry-header h4 a,
.hover-1 .shadow-entry-header h5 a {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 0%,
       
       
     );
    background-repeat: repeat-x;
    background-size: 100%;
  color: #000 ;
  padding: 10px 10px 10px 5px;
  text-decoration: none;
}

.hover-1 .shadow-entry-header h1 a:hover,
.hover-1 .shadow-entry-header h2 a:hover,
.hover-1 .shadow-entry-header h3 a:hover,
.hover-1 .shadow-entry-header h4 a:hover,
.hover-1 .shadow-entry-header h5 a:hover,
.hover-1 .latest-featured .shadow-entry-header h2 a:hover{
  background:
     linear-gradient(
       to right,
       var(--mainColor) 0%,
       var(--mainColor) 5px,
       transparent
     );
     color:#333;
}


.hover-2 .shadow-entry-header h1 a:hover,
.hover-2 .shadow-entry-header h2 a:hover,
.hover-2 .shadow-entry-header h3 a:hover,
.hover-2 .shadow-entry-header h4 a:hover,
.hover-2 .shadow-entry-header h5 a:hover,
.hover-2 .latest-featured .shadow-entry-header h2 a:hover{
  text-decoration: underline;
  color: #eb2f21;
}

/* effect-shine */
.hover-3 .shadow-entry-header h3 a:hover,
.hover-3 .shadow-entry-header h2 a:hover,
.hover-3 .shadow-entry-header h3 a:hover,
.hover-3 .shadow-entry-header h4 a:hover,
.hover-3 .shadow-entry-header h5 a:hover,
.hover-3 .latest-featured .shadow-entry-header h2 a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 70%, rgba(0,0,0,.5) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1s infinite;
  color: #eb2f21;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
.hover-3 .shadow-entry-container a:hover
 {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 70%, rgba(0,0,0,.5) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
/*--------------------------------------------------------------
#           BUtton Hover
--------------------------------------------------------------*/


.btn-hover-1 .btn:hover, 
.btn-hover-1 .featured-content-wrapper .btn:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

.btn-hover-2 .btn:hover, 
.btn-hover-2 .featured-content-wrapper .btn:hover
{
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
}



.btn-hover-3 .btn:hover, 
.btn-hover-3 .featured-content-wrapper .btn:hover
{
        -webkit-transform: rotateZ(-20deg);
        -ms-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
}



.btn-hover-4 .btn:hover, 
.btn-hover-4 .featured-content-wrapper .btn:hover
{
        box-shadow:
                1px 1px #333,
                2px 2px #333,
                3px 3px #333;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
}

/* Sweep To Right */
.btn-hover-5 .btn,
.btn-hover-5 .featured-content-wrapper .btn,
.btn-hover-6 .btn,
.btn-hover-6 .featured-content-wrapper .btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-hover-5 .btn:before,
.btn-hover-5 .featured-content-wrapper .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-hover-5 .btn:hover,
.btn-hover-5 .btn:focus, 
.btn-hover-5 .btn:active,
.btn-hover-5 .featured-content-wrapper .btn:hover,
.btn-hover-5 .featured-content-wrapper .btn:focus, 
.btn-hover-5 .featured-content-wrapper .btn:active,
.btn-hover-6 .btn:hover,
.btn-hover-6 .btn:focus, 
.btn-hover-6 .btn:active,
.btn-hover-6 .featured-content-wrapper .btn:hover,
.btn-hover-6 .featured-content-wrapper .btn:focus, 
.btn-hover-6 .featured-content-wrapper .btn:active {
  color: white;
}
.btn-hover-5 .btn:hover:before, 
.btn-hover-5 .btn:focus:before, 
.btn-hover-5 .btn:active:before,
.btn-hover-5 .featured-content-wrapper .btn:hover:before, 
.btn-hover-5 .featured-content-wrapper .btn:focus:before, 
.btn-hover-5 .featured-content-wrapper .btn:active:before,
.btn-hover-6 .btn:hover:before, 
.btn-hover-6 .btn:focus:before, 
.btn-hover-6 .btn:active:before,
.btn-hover-6 .featured-content-wrapper .btn:hover:before, 
.btn-hover-6 .featured-content-wrapper .btn:focus:before, 
.btn-hover-6 .featured-content-wrapper .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn-hover-6 .btn:before,
.btn-hover-6 .featured-content-wrapper .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


/*--------------------------------------------------------------
#           Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #292525;
}
.footer-widgets-area {
    padding: 80px 0;
}
.info-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0;
}

footer .site-info {
    border-top: 1px solid;
    color: #fff;
}
.site-info p {
  margin: 0;
  color: #aeafb0;
}
.site-info a {
  color: #fff;
}
.site-info .footer-copyright a:hover,
.site-info .footer-copyright a:focus {
  border-bottom: 1px solid #cea35f;
}
.site-footer .widget-title {
    margin-top: 0;
    color: #fff;
    text-transform: uppercase;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area ul li:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #fff;
}
.footer-widgets-area .widget ul li {
    margin-bottom: 16px;
    display: inline-block;
}
.footer-widgets-area .widget ul li a {
    color: #fff;
    font-size: 16px;
}
.footer-widgets-area .widget ul li a:hover {
    color: #eb2f21;
}
.footer-widgets-area .widget ul li:last-child {
  margin-bottom: 0;
}
.textwidget {
    line-height: 24px;
}
.textwidget img {
    max-width: 263px;
    display: block;
    margin: 30px 0 0 0;
}
.footer-widgets-area .column-wrapper .widget_text {
    padding-right: 40px;
}
.footer-widgets-area .widget.sidebar-popular-news ul li {
    background-color: transparent;
    padding: 0 3px;
}
.footer-widgets-area .column-wrapper{
  padding-right: 10px;
}
.footer-widgets-area .sidebar-popular-news .shadow-entry-meta {
    padding-top: 0;
}
.footer-widgets-area .widget::before {
    content: "";
    position: absolute;
    top: 22px;
    background-color: #eb2f21;
    width: 100%;
    height: 1px;
    left: 0;
}
.footer-widgets-area .widget-title{
    text-align: left;
    font-size: 22px;
    background-color: #292525;
    display: inline-block;
    position: relative;
    padding: 0 10px 0 7px;
    border-left: 5px #eb2f21 solid;
}
.site-footer .social-menu li:not(:last-child) {
    margin-right: 5px;
}

/*--------------------------------------------------------------
# Custom css
--------------------------------------------------------------*/
#topbar-menu button {
    background-color: transparent;
    border: none;
}
#topbar-menu button:focus {
    background-color: transparent;
    border: 2px dotted #fff;
}
#topbar-menu button svg {
    fill: #fff;
}
@media screen and (min-width: 1024px) {
    #topbar-menu button {
        display: none;
    }
}