/*
Theme Name: oldschool
Description: Old School is a modern minimalistic WordPress theme for internet-magazines and blogs.
Author: Denis Ivaschenko
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.8
Version: 1.1.6.2
License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Text Domain: oldschool
Tags: one-column, right-sidebar, custom-menu, custom-background, editor-style, translation-ready   
*/

/*-----------------------------------------------------------
  TABLE OF CONTENTS:
-------------------------------------------------------------
 Reset
 Global
   Headlines
   Images and Icons
   Text elements
   Links
   Blockquote
   Forms
   Video
   Tables
   Search block
 Main block
 Header
   Header -> logo & title block
     Header -> desktop logo
     Header -> desktop title 
     Header -> desktop description
   Header -> social block
     Header -> desktop social icons
     Header -> desktop search block
   Header -> meta block
   Header -> desktop red menu
     Sub menu
     Fixed menu
   Header mobile menu, if desktop
   Header ----------> viewport 1023px
     Header mobile navigation bar
       Hamburger icon
       Mobile header logo
       Mobile header title
     Mobile navigation list (open if click on icon)
       Content list: tabs, site menu and block with social icons
         Mobile menu tabs
           Mobile meta
           Mobile search block
         Mobile site menu
         Bottom red block with social icons
   Header ----------> viewport 800(782)px
   Header ----------> viewport 600px
 Sidebar
   Sidebar ----------> viewport 1023px
   Sidebar ----------> viewport 800px
   Sidebar ----------> viewport 600px
 Error 404
 Site widgets
   Site widgets -> global
   Site widgets -> icons
   Site widgets -> li
   Site widgets -> links
   Site widgets -> hover effects
   Site widgets ----------> ratings widget
   Site widgets ----------> calendar widget
   Site widgets ----------> tagcloud widget
   Site widgets ----------> comments widget
   Site widgets ----------> pages widget
   Site widgets ----------> categories widget
   Site widgets ----------> nav-menu widget
   Site widgets ----------> archive widget
   Site widgets ----------> text widget
   Site widgets ----------> image, video and audio
   Site widgets ----------> gallery
   Site widgets ----------> rss widget
 Footer
   Footer -> top block: title, copyright, menu, social icons
     Footer -> logo & title block
       Footer -> logo
       Footer -> title
       Footer -> copyright
       Footer -> top menu
       Footer -> social block
   Footer -> middle block
     Footer -> widgets
   Footer -> bottom menu
   Footer -> back to top button
   Footer -> creators
   Footer ----------> viewport 1023px
   Footer ----------> viewport 800px
   Footer ----------> viewport 600px
 Other Styles
/*-----------------------------------------------------------
 
IMPORTANT!

Any changes made to this or any other of the theme's files 
will be lost at the next update.

To safely make customizations to the theme, for CSS-only 
consider using the theme's dedicated "Custom CSS" field 
found under the Miscellaneous section of the theme 
settings page;
-----------------------------------------------------------*/
/*-----------------------------------------------------------
 Reset
------------------------------------------------------------*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  font-family: inherit
}

::before,
::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit;
  box-sizing: inherit
}

/*------------------------------------------------------------
 Global
------------------------------------------------------------*/

html {
  overflow-y: scroll;
  /* Keeps page centred in all browsers regardless of content height */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
}

:root {
  --red: #e52d27;
  --red2: #bd5f5f;
  --red3: #b71c1c;
  --red4: #b31217;
  --red5: #730b0b;
  --grey: #eee;
  --grey2: #a0a0a0;
  --grey3: #f3f3f3;
  --grey4: #f2f2f2;
  --grey5: #bbb;
  --grey6: #ccc;
  --grey7: #f0f0f0;
  --grey8: #e8e8e8;
  --black: #000;
  --black2: #333;
  --black3: #2d1e2f;
  --white: #fff;
  --green: #a9e5bb;
  --orange: #f96;
  --orange2: #ff5e62;
  --font: 'Montserrat', Arial, sans-serif;
  --fontSize: 16px;
}

body {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  font-family: var(--font);
  color: var(--black2);
}

::selection,
::-moz-selection {
  background-color: var(--grey5);
  color: var(--white)
}

/* If posts have no thumbnails */
.svg-background-icon {
  background: url("css/images/sprite.svg#cover-lt") no-repeat;
  border-radius: 3px;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2)
}

/* Headlines
------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.5;
  color: var(--black2)
}

h1 {
  font-size: 33px
}

h2 {
  font-size: 30px
}

h3 {
  font-size: 27px
}

h4 {
  font-size: 24px
}

h5 {
  font-size: 21px
}

h6 {
  font-size: 18px
}


/* Images and Icons
------------------------------------------------------------*/

svg {
  overflow: visible
}

img {
  display: block;
  height: auto;
  font-size: 0.001px
}


/* if the image is in the right corner */

.alignright {
  float: right;
  margin-left: 1rem
}


/* if the image is in the left corner */

.alignleft {
  float: left;
  margin-right: 1rem
}


/* if the image centered */

.aligncenter {
  margin: 0 auto
}


/* if the image has text */

.wp-caption {
  max-width: 100%
}

.wp-caption-text {
  margin: 0 0 20px;
  padding: 5px 0;
  max-width: 760px;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  font-style: italic;
  color: var(--black2)
}

.wp-caption-text a,
.wp-caption-text a:hover {
  color: var(--red2);
  font-weight: 600
}


/*  Text elements
------------------------------------------------------------*/

b,
strong {
  font-weight: bolder;
  text-transform: uppercase
}

dfn,
cite,
em,
i {
  font-style: italic
}

kbd,
tt,
var {
  font-size: 12px;
  line-height: 25px
}

code {
  display: inline-table
}

code,
pre {
  position: relative;
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 400;
  line-height: 19px;
  font-family: 'lucida console', monospace;
  padding: 0 3px;
  overflow-x: visible;
  overflow-y: hidden;
  border-radius: 4px
}

p code,
p pre {
  margin: 0;
}

code,
kbd,
tt,
var {
  color: var(--black2);
}

code,
pre {
  background-color: var(--grey7);
  border: 1px solid var(--grey7);
}

samp {
  font-size: var(--fontSize);
  line-height: 25px
}

big {
  font-size: 125%;
  line-height: 25px
}

small {
  font-size: 80%;
  line-height: 25px
}

hr {
  border: 0;
  height: 1px;
  margin: 20px auto;
  max-width: 40px
}

mark,
ins {
  text-decoration: none
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

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

address {
  font-style: italic;
  color: var(--black2)
}

abbr[title] {
  border-bottom: 0;
  text-decoration: 2px underline;
  text-decoration: 2px underline dotted
}

abbr,
acronym {
  cursor: help
}

hr {
  background-color: var(--grey6);
}

mark {
  background: #efd177
}

/*  Links
------------------------------------------------------------*/

a {
  text-decoration: none
}

* a:focus {
  background-color: var(--green);
}

a img {
  border: 0
}

*|*:any-link:not(svg|a) {
  text-decoration: 2px underline;
  text-decoration-thickness: 1px;
}

/*  Buttons
------------------------------------------------------------*/
button {
  cursor: pointer;
}

/*  Blockquote
------------------------------------------------------------*/

blockquote {
  margin-bottom: 20px;
  padding: 5px 20px;
  border-radius: 4px;
  border-bottom: 1px solid var(--orange);
  background: linear-gradient(to left, var(--orange2), var(--orange))
}

blockquote>p,
.article-content__page blockquote>p {
  padding: 0;
  font-weight: 600;
  color: var(--black);
  font-size: var(--fontSize)
}

.article-content__page blockquote>p a {
  color: var(--red);
}

.article-content__page blockquote>p a:focus {
  padding: 0;
  transition: none
}

.article-content__page blockquote>p a code {
  border-bottom: 2px solid var(--black)
}


/*  Forms
------------------------------------------------------------*/

input,
textarea,
select {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  resize: none
}


textarea,
*>input,
input[type="text"] {
  padding: 0 10px;
  margin: 0;
  font-style: italic;
  color: var(--black2);
  border: 1px solid var(--grey8);
  border-radius: 4px
}

input[type="submit"] {
  padding: 3px 10px;
  cursor: pointer;
  font-style: normal
}


input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-image: none;
  background-color: var(--white);
  color: var(--black2)
}


.post-password-form {
  padding: var(--fontSize)
}

.post-password-form label input {
  padding: 2px 10px;
  margin: 0 10px;
  border-radius: 4px;
  font-style: normal;
  font-family: initial;
  background-color: var(--white);
  border: 1px solid var(--grey6);
  color: var(--black2)
}

.post-password-form input[type="submit"] {
  padding: 3px 10px 1px;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  line-height: 17px;
  font-family: var(--font);
  border: 1px solid var(--grey6);
  color: var(--red3);
  background-color: var(--white)
}

.post-password-form input[type="submit"]:hover {
  opacity: .6
}


/*  Video
------------------------------------------------------------*/

.oldschool-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden
}

.oldschool-video-container iframe,
.oldschool-video-container object,
.oldschool-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

embed,
iframe,
object,
video {
  width: 100%
}


/*  Tables
------------------------------------------------------------*/

table {
  /* tables still need 'cellspacing="0"' in the markup */
  margin: 0 0 16px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: var(--fontSize)
}

table th {
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  padding: 8px;
  word-break: break-all;
  border: 1px solid var(--grey6);
  background-color: var(--white)
}

table td {
  padding: 8px;
  word-break: break-all;
  border: 1px solid var(--grey6)  
}

table tr.odd {
  background-color: var(--white)
}

table tr.even {
  background-color: var(--grey3);
}

table a {
  font-weight: 600;
  text-decoration: 2px underline;
  color: var(--red2)
}

table a:hover {
  opacity: 0.6;
}

dt {
  font-weight: 600
}

dd {
  margin: 0 var(--fontSize) var(--fontSize)
}

dl {
  color: var(--black2)
}

dl a {
  font-weight: 600;  
  text-decoration: 2px underline;
  color: var(--red2);
}

dl a:hover {
  opacity: 0.6;
}


/*  Search block
------------------------------------------------------------*/

.search-result {
  margin: var(--fontSize) 0 0 0;
  font-size: 27px;
  font-weight: 600;
  line-height: 27px;
  font-family: var(--font);
  color: var(--black2);
}

::placeholder,
.search-form input::placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-moz-placeholder {
  color: var(--black2);
  font-weight: lighter
}

.search-form {
  position: relative;
  margin: 0 auto;
  height: 33px;
  font-size: 12px;
  line-height: 25px
}

.search-form .search-form__field {
  padding-left: 10px;
  width: 100%;
  height: 33px;
  font-size: 12px;
  font-weight: lighter;
  line-height: 2;
  border-radius: 4px;
  background-color: var(--white);
  border: 1px solid var(--grey6);
  opacity: 0.7
}

.search-form__button {
  position: absolute;
  top: 4px;
  right: 5px;
  margin-right: 1%;
  width: 24px;
  height: 24px;
  background: 0;
  border: 0;
  cursor: pointer
}

.search-form__icon {
  width: 27px;
  height: 27px;
  fill: var(--grey6)
}

.search-form input:focus {
  border: 1px solid var(--grey5);
  opacity: 1
}

.search-form__button:hover .search-form__icon,
.search-form input:focus~.search-form__button .search-form__icon {
  fill: var(--black2);
}

.search-form__field:focus::-webkit-input-placeholder,
.search-form__field:focus::-moz-placeholder {
  color: transparent;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -ms-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
  color: var(--black2)
}

@media screen and (min-width:1px) and (max-width:1023px) {
  blockquote p {
    font-size: var(--fontSize);
    color: var(--black2)
  }
}

@media all and (min-width:1px) and (max-width:800px) {
  img.alignright,
  img.alignleft {
    float: none;
    margin: 0 auto;
    text-align: center
  }
}


/*------------------------------------------------------------
 Main block
------------------------------------------------------------*/

.main-grid-container {
  margin: 10px auto;
  padding: 20px 10px 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: var(--white)
}

.wrapper-size-small {
  max-width: 960px
}

.wrapper-size-medium {
  max-width: 1100px
}


/*------------------------------------------------------------
 Header
------------------------------------------------------------*/


/*  Skip Link
------------------------------------------------------------*/

.skip-link {
  position:absolute;
  top:auto;
  left: -999px;
  z-index: -999;
  margin-bottom: 20px;
  padding: 5px 30px 5px 10px;
  width: 1px;
  height: 1px;
  font-weight: 600;
  transition: all .15s ease-in-out;
  background-color: var(--white);
  color: var(--black);
  border: 3px solid var(--green);
  border-radius: 8px 
}

.skip-link::after {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 11px;
  content: '';
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .2s ease-in-out;
  background: transparent url("css/images/sprite.svg#sub-menu-arrow-lt") no-repeat;
  background-size: 21px;
  -webkit-background-size: var(--fontSize);
  background-size: var(--fontSize);
  -o-background-size: var(--fontSize);

}

.skip-link:focus {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 10px;
  z-index: 999;
  padding: 5px 44px 5px 10px;
  max-height: 100px;  
  height: 100%;
  max-width: 170px;
  width: 100%;  
  font-size: var(--fontSize);
  border-radius: 8px;
  background-color: var(--red);
  color: var(--white);
  border: 3px solid var(--white);
  transition: all .09s ease-in-out;  
  word-wrap: normal;
  word-break: normal;
}

.skip-link:focus::after {
  background: transparent url("css/images/sprite.svg#menu-arrow-lt") no-repeat;
  top: 33px;
  -webkit-background-size: 22px;
  background-size: 22px;
  -o-background-size: 22px;
}

.arrow-down-stick {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 3px;
  height: 0;
  background-color: var(--white);
  transition: all .22s ease-in-out;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.skip-link:focus .arrow-down-stick {
  height: 30px
}

.mobile-skip-link {
  display: inline;
  position: fixed;
  top: -999px;
  right: 5px;
  padding: 5px 0 5px 10px;
  width: 170px;
  height: auto;
  line-height: 1.5;
  font-weight: 600;
  text-align: left;
  border-radius: 4px;
  background-color: var(--red);
  color: var(--white);  
  z-index: 1;
  border: 2px solid var(--white);
}

.mobile-skip-link:focus {
  top: 380px;
}

.mobile-skip-link::after {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 23px;
  height: 23px;
  content: '';
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .2s ease-in-out;
  background: transparent url("css/images/sprite.svg#menu-arrow-lt") no-repeat;
  -webkit-background-size: var(--fontSize);
  background-size: var(--fontSize);
  -o-background-size: var(--fontSize);
  background-position: 0px 3px;
  -webkit-background-position: 0px 3px;
  -moz-background-position: 0px 3px;
  -o-background-position: 0px 3px;
}

/*  Header 
------------------------------------------------------------*/

.header__content-block {
  margin: 0px auto 5px;
  height: auto;
  width: 100%
}

.desktop-content {
  width: 100%;
  height: auto
}

.header__top {
  display: table;
  margin: 0 auto;
  width: 100%;
  height: 83px;
  font-size: 0.001px
}

.header-top__main,
.header-top__social,
.header-top__meta {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 33.3%;
  height: 100%
}

.header-top__main {
  font-size: var(--fontSize);
  font-weight: 600;
  line-height: 25px
}

.header-main__block {
  height: 100%;
  width: 100%;
  overflow: hidden
}

.header-desktop-block__logo,
.header-desktop-block__description {
  width: 100%
}


/*  Header -> logo & title block
------------------------------------------------------------*/

.header-main-content__logo {
  position: relative;
  width: 100%;
  letter-spacing: -1px;
  overflow: hidden;
  text-transform: capitalize;
  text-align: center
}


/*    Header -> desktop logo
------------------------------------------------------------*/

.header-main-content__logo .custom-logo {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 37px;
  max-height: 40px;
  font-size: 0.001px
}


/*    Header -> desktop title
------------------------------------------------------------*/

.header-oldschool-logo__title {
  height: auto;
  width: auto;
  text-align: center;
  border: 0;
  background: 0;
  font-size: 26px;
  line-height: 1.2
}

.header-logo__link {
  font-size: 26px;
  font-weight: 800;
  line-height: 37px;
  font-family: var(--font);
  color: var(--red);
  background: linear-gradient(to right, var(--red) 0%, var(--red4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  word-wrap: break-word;
}


/*    Header -> desktop description
------------------------------------------------------------*/

.header-main-content__site-description {
  position: relative;
  padding: 0;
  height: auto;
  width: 100%;
  text-align: center;
  font-size: var(--fontSize);
  font-weight: 600;
  line-height: 16px;
  font-family: var(--font);
  text-transform: uppercase;
  overflow: hidden;
  color: var(--black2);
}


/*  Header -> social block
------------------------------------------------------------*/

.header-top___social {
  width: calc(100% - 620px);
  font-size: var(--fontSize);
  line-height: 25px
}

.header-social__block {
  width: 94%;
  margin: 0 auto
}

.header-social-content__social-block {
  position: relative;
  max-height: 40px;
  line-height: 35px
}


/*    Header -> desktop social icons
------------------------------------------------------------*/

.header-social-icons__list {
  display: inline-block;
  height: 40px;
  width: 70%;
  overflow: hidden;
  font-size: 0.001px
}

.social-icons-list__item {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 40px;
  list-style: none;
  text-align: center;
  line-height: 40px
}

.social-icons-list__item:hover .header-social-icon__svg {
  opacity: .6
}

.soc-icons-item__link {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.soc-icons-item__link:focus .header-social-icon__svg{
  background-color: var(--green);
}

.header-social-icon__svg {
  max-width: 30px;
  height: 19px;
  vertical-align: middle;
  fill: var(--red);
}

.vk-icon {
  width: 28px;
  height: 22px
}

.ok-icon {
  width: 28px;
  height: 20px
}

.tlg-icon {
  width: 28px;
  height: 21px
}

.inst-icon {
  width: 28px;
  height: 20px
}

.soc-icons-item__link:hover svg,
.soc-icons-item__mail:hover svg {
  fill: var(--red2);
}


/*    Header -> desktop search block
------------------------------------------------------------*/

.header-social-content__search {
  margin: 0 auto;
  width: 100%;
  clear: both
}


/*  Header -> meta block
------------------------------------------------------------*/

.header-top__meta {
  font-size: var(--fontSize);
  line-height: 25px
}

.header-meta__block {
position: relative;  
margin: 0 auto 0 43px;
height: 100%;
width: 89%;
border-left: 1px solid var(--grey6)
}

.header-meta__block a {
  letter-spacing: 1px
}

.header-meta-block__list {
  margin: 0 auto 0 5px;
  height: 100%;
  width: 100%;
  line-height: 80px;
  text-align: center;
  overflow: hidden;
  font-size: 0.001px
}

.header-meta-block__list li:first-child {
  max-width: 90px
}

.header-meta__block li:last-child::before {
  color: var(--black2)
}

.header-meta-block__list .meta-stick {
  width: auto;
  font-size: var(--fontSize);
}

.header-meta-block__list .meta-stick:before {
  content: '|';
  padding: 3px var(--fontSize)
}

.header-meta-block__list li {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  max-width: 185px;
  list-style: none;
  overflow: hidden
}

.header-meta-block__list li a,
.header-meta__time {
  font-size: 12px;
  font-weight: 800;
  font-family: var(--font);
  letter-spacing: 1px;
  color: var(--black2)
}

.header-meta-block__list li a:hover {
  text-decoration: 2px underline;
  color: var(--red2);
}

.header-meta__time {
  cursor: text
}

.header-time__block {
  display: inline-block;
}

.meta-icon-time__date-block {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  font-family: var(--font)
}

.header-time-icon__svg {
  position: relative;
  top: 3px;
  margin: 0 10px 0 0;
  height: var(--fontSize);
  width: 17px
}


/*  Header -> desktop red menu
------------------------------------------------------------*/

.header-bottom__navigation {
  margin-top: 20px;
  z-index: 5;
  width: 100%;
  font-size: 0.001px
}

.oldschool-header-menu {
  display: table;
  min-height: 35px;
  height: 100%;
  width: 100%;
  text-align: center;
  border-top: 1px solid var(--red4);
  border-bottom: 1px solid var(--red4);
  background: linear-gradient(to left, var(--red4), var(--red));
  border-radius: 3px;
}

.header-bottom__navigation .oldschool-header-menu .page_item,
.header-bottom__navigation .oldschool-header-menu>li {
  display: inline-block;
  text-align: center;
  list-style: none;
  vertical-align: top
}

.header-bottom__navigation .oldschool-header-menu li a {
  display: block;
  padding: 0px var(--fontSize);
  height: 100%;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  line-height: 34px;
  color: var(--white)
}


/* if list items has sub-menu */

.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children {
  position: relative;
  padding-right: 5px;
  vertical-align: top
}


/* arrow */

.header-bottom__navigation .oldschool-header-menu>li.menu-item-has-children>a:after {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 10px;
  height: 11px;
  content: '';
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .15s ease-in-out;
  background: transparent url("css/images/sprite.svg#menu-arrow-lt") no-repeat;
  -webkit-background-size: var(--fontSize);
  background-size: var(--fontSize);
  -o-background-size: var(--fontSize)
}

.header-bottom__navigation .oldschool-header-menu li:hover {
  background-color: var(--red5);
  color: var(--white)
}

.header-bottom__navigation .oldschool-header-menu li:focus-within {
  background-color: var(--green);
  border-radius: 4px;
}


.header-bottom__navigation .oldschool-header-menu a:focus-within {
  color: var(--black)
}

/* arrow animate effect */

.header-bottom__navigation .oldschool-header-menu li:hover>a::after,
.header-bottom__navigation .oldschool-header-menu li:focus-within>a::after {
  top: 12px;
  right: 4px;
  width: 10px;
  height: 11px;
  content: '';
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}


/*    Sub menu
------------------------------------------------------------*/

.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children:hover > ul,
.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children:focus-within > ul {
  visibility: visible
}

.header-bottom__navigation .oldschool-header-menu li ul {
  visibility: hidden;
  position: absolute;
  z-index: 4;
  height: auto;
  -webkit-box-sizing: unset;
  -moz-box-sizing: unset;
  box-sizing: unset;
  background-color: var(--white);
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--grey6)
}

.header-bottom__navigation .oldschool-header-menu li ul li {
  display: block;
  position: relative;
  margin: 0;
  min-width: 100px;
  max-width: 400px;
  height: 35px;
  text-align: left;
  float: unset;
  border-left: 1px solid var(--grey6);
  border-right: 1px solid var(--grey6)
}

.header-bottom__navigation .oldschool-header-menu li ul li:focus-within {
  background-color: var(--green)
}

.header-bottom__navigation .oldschool-header-menu li ul a {
  padding: 6px var(--fontSize);
  height: 100%;
  max-width: 400px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--black2);
}

.header-bottom__navigation .oldschool-header-menu li ul a:hover {
  text-decoration: 2px underline
}

/* sub-menu arrows, if sub-menu list item has children */

.header-bottom__navigation .oldschool-header-menu>li ul li.menu-item-has-children a:after {
  display: none
}

.header-bottom__navigation .oldschool-header-menu>li.menu-item-has-children ul li.menu-item-has-children a {
  display: block;
  padding: 6px var(--fontSize)
}

.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children>ul>li li.menu-item:hover,
.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children>ul>li li.menu-item-has-children:hover,
.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children>ul>li li.menu-item:focus,
.header-bottom__navigation .oldschool-header-menu li.menu-item-has-children>ul>li li.menu-item-has-children:focus {
  border-left: 1px solid #aaa
}

.header-bottom__navigation .oldschool-header-menu>li.menu-item-has-children ul li.menu-item-has-children>a:after {
  display: block;
  position: absolute;
  right: 8px;
  top: 13px;
  width: 9px;
  height: 11px;
  content: '';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background: transparent url("css/images/sprite.svg#sub-menu-arrow-lt") no-repeat;
  background-size: 13px;
  -webkit-background-size: 13px;
  -o-background-size: 13px
}

.header-bottom__navigation .oldschool-header-menu li ul li:hover,
.header-bottom__navigation .oldschool-header-menu li ul li:focus {
  background-color: var(--grey6);
  color: var(--black2);
}

/* children's children */

.header-bottom__navigation .oldschool-header-menu li ul ul {
  margin: -36px 0 0 100%;
  padding: 0
}

.header-bottom__navigation .oldschool-header-menu li ul ul li {
  text-align: center
}

.header-bottom__navigation .oldschool-header-menu li ul ul a {
  padding: 6px 3px;
  height: 100%;
  text-align: center;
}


/*    Fixed menu
------------------------------------------------------------*/

.header-bottom__fixed-nav-block {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9
}

.nav--fixed {
  position: fixed;
  top: 2px;
  width: 100%;
  height: auto
}

.admin-bar .nav--fixed {
  position: fixed;
  top: 34px
}

.menu--position--static {
  position: static;
  height: 0
}

.header-fixed-nav__menu {
  width: 100%
}

.header-fixed-nav__menu .header__top-navigation {
  border: 0
}


/*  Header mobile menu, if desktop
------------------------------------------------------------*/

.header-block__mobile-nav-bar,
.header-block__mobile-nav-content,
.mobile-nav-content-show__list {
  display: none
}

.header-block__mobile-nav-bar,
.mobile-nav-show-item__main-nav {
  visibility: hidden
}

.prgrss-blck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: transparent;
  z-index: 4
}

.prgrss__bar {
  width: 0;
  height: 3px;
  transition: none
}

.prgrss__bar,
.admin-bar .prgrss__bar {
  background-color: var(--red);
}

.admin-bar .prgrss-blck {
  position: fixed;
  top: 32px;
  background-color: transparent;

}


/*  Header ----------> viewport 1023px
------------------------------------------------------------*/

@media screen and (min-width:1px) and (max-width:1023px) {
  .main-grid-container {
    margin: -5px auto 0;
    padding: 0
  }
  .site-layer__top {
    height: 45px
  }
  .header__top,
  .header__bottom {
    display: none
  }

  .mobile-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    
    height: 100%;
    width: 100%
  }

  /*    Header mobile navigation bar
------------------------------------------------------------*/
  body.admin-bar .main-grid-container {
    border-radius: 0
  }

  body.admin-bar .header-block__mobile-nav-bar {
    top: 35px
  }
 
  .header-block__mobile-nav-bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 60px;
    visibility: visible;
    background-color: var(--white);
    border-bottom: 1px solid var(--grey6)
  }
  .nav-bar-mobile__icon,
  .nav-bar-mobile__icon--pressed,
  .nav-bar-mobile__logo {
    position: relative;
    height: 100%
  }


  /*      Hamburger icon 
------------------------------------------------------------*/
  .nav-bar-mobile__icon,
  .nav-bar-mobile__icon--pressed {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
    width: 60px;
    height: 100%;
    background-color: var(--grey3)
  }

  .nav-bar-mobile__icon:hover,
  .nav-bar-mobile__icon--pressed:hover {
    background-color: var(--grey2);
  }

  .nav-bar-mobile__icon:focus,
  .nav-bar-mobile__icon--pressed:focus {
    background-color: var(--green); 
  }
  
  .hamburger-icon-button__icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;	  
    margin: auto;
    width: 25px;
    height: 34px;
    overflow: hidden;
  }
  .header-hamburger__bar-1,
  .header-hamburger__bar-2,
  .header-hamburger__bar-3 {
    margin: 7px 0;
    width: 30px;
    height: 2px;
    background-color: var(--black2)
  }

  .nav-bar-mobile__icon:hover .hhb,
  .nav-bar-mobile__icon--pressed:hover .hhb {
    background-color: var(--white);
  }

  .button--pressed .header-hamburger__bar-1 {
    transform: rotate(-45deg) translate(-8px, 4px)
  }
  .button--pressed .header-hamburger__bar-2 {
    opacity: 0;
    transition: none
  }
  .button--pressed .header-hamburger__bar-3 {
    transform: rotate(45deg) translate(-8px, -5px)
  }


  /*      Mobile header logo 
------------------------------------------------------------*/
  .nav-bar-mobile__logo {
    width: auto;
    overflow: hidden
  }
  .header-mobile-block__logo .custom-logo-link {
    display: inline-block;
    float: right
  }
  .header-mobile-block__logo .custom-logo-link .customize-partial-edit-shortcut-button {
    top: 0
  }
  .header-mobile-block__logo .custom-logo {
    display: block;
    float: right;
    margin: 2px 0;
    height: 24px;
    width: auto;
    font-size: 0.001px
  }
  .header-mobile-block__logo {
    height: 100%;
    width: auto
  }
  .header-mobile-block__logo .header-main-content__logo {
    position: relative;
    top: -1px;
    height: 100%;
    width: 100%
  }
  .header-main-content__logo .site-logo {
    position: relative;
    top: 5px;
    width: 100%;
    height: 100%
  }

  
  /*      Mobile header title 
------------------------------------------------------------*/
  .header-oldschool-logo__title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: auto;
    height: 37px;
    text-align: right;
    font-size: 37px;
    font-weight: 800;
    line-height: 37px;
    font-family: var(--font);
    letter-spacing: -2px;
    color: var(--red)
  }

  .mobile-to-tabs-focus {
    position: absolute;
    left: 99999px;
  }

  /*  Mobile navigation list (open if click on icon)
------------------------------------------------------------*/
  /* block with all content */
  .header-block__mobile-nav-content {
    display: none;
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    overflow: scroll;
    overflow-x: unset;
    background-color: var(--white)
  }


  /*    Content list: tabs, menu and block with social icons
------------------------------------------------------------*/
  .mobile-nav-content-show__list {
    display: block;
    position: relative;
    top: 35%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-transition-timing-function: ease
  }
  .header-block__mobile-nav-content .mobile-list__item:first-child {
    margin-bottom: -1px
  }  
  .header-block__mobile-nav-content .mobile-list__item {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: var(--fontSize);
    font-weight: bold;
    line-height: 25px;
    list-style: none;
    border-top: 1px solid var(--grey6)
  }
  .header-block__mobile-nav-content .mobile-list__item a {
    transition: none;
    text-transform: none
  }
  /*      Mobile menu tabs
------------------------------------------------------------*/
  .mobile-nav-show-item__top-nav {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 60px
  }
  .mob-top-nav__list {
	height: 100%;
    width: 100%;
    background-color: var(--white)
  }
  .mob-top-nav__list .top-nav-list__item {
    display: inline-block;
    vertical-align: top;
    float: left;
    position: relative;
    height: auto;
    width: calc(100% / 2);
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 25px;
    list-style: none
  }
  /* If no installed "Old School - contact form" plugin */
  .top-nav-item__tab-1,
  .top-nav-item__tab-3 {
    display: block;
    position: static;
    width: 100%;
    height: 60px
  }
  .top-nav-item__tab-1 .mob-top-tab__link,
  .top-nav-item__tab-3 .mob-top-tab__link {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: var(--white)
  }

  .mob-top-tab__link:hover {
    background-color: var(--grey);
  }

  .mob-top-tab__link:focus {
    border-radius: 0;
    background-color: var(--grey);
  }

  .mob-top-tab__link:focus .add-user-icon::before,
  .mob-top-tab__link:focus .add-user-icon::after {
    border: 2px solid var(--red);
  }
  .mob-top-tab__link:focus .mob-top-link-icon__search-svg-close::before,
  .mob-top-tab__link:focus .mob-top-link-icon__search-svg-close::after {
    border: 1px solid var(--red);
  }
  .mob-top-tab__link:focus .mob-top-link-icon__search-svg-close {
    border: 2px solid var(--red);
  }

  /* top tabs icons */
  
  .email__svg,
  .mob-top-link-icon__search-svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 26px;
    width: 100%
  }
  .mob-top-link-icon__search-svg-close {
    display: none
  }
  .mob-top-tab__link {
    border-right: 1px solid var(--grey6);
    border-bottom: 1px solid var(--grey6);
    background-color: var(--white)
  }
  
  .top-nav-item__tab-2 {
    border-right: 1px solid var(--grey6);
    background-color: var(--grey6)
  }
  .top-nav-item__tab-1 {
    border-left: none
  } 

  .mob-top-tab__link:hover svg,
  .mob-top-tab__link--email:hover svg {
    fill: var(--red);
  }


  /*        Mobile meta
------------------------------------------------------------*/
  .header-meta-block__list {
    margin: 0 auto;
    padding: 0;
    height: auto;
    line-height: 60px;
    max-width: 100%;
    color: var(--black2);
    background-color: var(--grey)
  }
  .header-meta-block__list li {
    display: inline-block;
    position: relative;
    width: auto;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    list-style: none
  }  
  .header-meta-block__list li:last-child::before {
    color: var(--black2);
  }
  .header-meta-block__list li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    color: var(--black2)
  }
  .header-meta-block__list .meta-stick,
  .header-meta__time,
  .header-time__block {
    height: 25px;
    line-height: 25px
  }
  .mobile-nav-show-item__meta-nav {
    display: none
  }
  .mobile-meta-nav__point {
    width: 100%;
    margin: 0 auto
  }
  /*        Mobile search block
------------------------------------------------------------*/
  .mobile-nav-show-item__search-block {
    display: none;
    max-width: 100%;
    height: 60px;
    background-color: var(--white)
  }
  .mobile-nav-show-item__search-block .search-form {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    height: 100%;
    width: 100%;
    line-height: 60px;
    text-align: left;
  }

  .mobile-nav-show-item__search-block .search-form__button:hover .search-form__icon {
    fill: var(--black2);
  }

  .mobile-nav-show-item__search-block .search-form input:focus .search-form__button .search-form__icon {
    fill: var(--black2);
  }

  .header__content-block>input,
  .header__content-block input[type="text"] {
    width: calc(100% - 68px);
    font-size: 16px;
    border-radius: 2px;
    border: 2px solid var(--red);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 98%;
  }
  .mobile-nav-show-item__search-block .search-form__field {
    padding-left: 10px;
    width: 100%;
    height: 47px;
    border: 0;
    background-color: var(--grey3)
  }
  .mobile-nav-show-item__search-block .search-form__button {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: var(--red);
    border-left: 1px solid var(--red)
  }

  .mobile-nav-show-item__search-block .search-form__button:focus {
    background-color: var(--green);
  }

  .mobile-nav-show-item__search-block .search-form__button:focus .search-form__icon {
    fill: var(--black);
  }  

  .mobile-nav-show-item__main-nav {
    display: block;
    position: relative;
    text-align: center;
    font-size: var(--fontSize);
    font-weight: bold;
    line-height: 25px
  }
  .search-tab:focus .search-form .search-form__field {
    display: block;
  }
  /*      Mobile site menu 
------------------------------------------------------------*/
  .mobile-navigation-show {
    display: block;
    visibility: visible;
    font-size: var(--fontSize);
    font-weight: 800;
    line-height: 25px
  }
  .mobile-navigation-show .oldschool-header-menu {
    display: block;
    visibility: visible;
    border: 0;
    background-color: var(--white)
  }
  .mobile-navigation-show .oldschool-header-menu ul {
    box-shadow: none;
    margin-top: 1px;
    background-color: var(--white)
  }
  
  .mobile-navigation-show .oldschool-header-menu li {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: var(--fontSize);
    font-weight: bold;
    line-height: 25px;
    list-style: none;
    background-color: var(--white);
    border: 1px solid var(--grey6);
    border-left: none
  }
  
  .mobile-navigation-show .oldschool-header-menu li a:focus {
    background-color: var(--green);
  } 

  .mobile-navigation-show .oldschool-header-menu li a:hover {
    background-color: var(--grey);
  }

  .mobile-navigation-show .oldschool-header-menu li a {
    display: block;
    position: relative;
    z-index: 999;
    padding: 16px 0 16px 23px;
    text-align: left;
    width: 100%;
    height: auto;
    min-height: 58px;
    font-size: 16px;
    background-color: var(--white);
    color: var(--black2)
  }

  
/* Mobile Menu - Sub Menu */
	
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children ul {
  visibility: hidden;
  display: none;
  height: 0;
  border-left: 10px solid var(--grey6);
  transition: all 0.6s ease-in-out 0s;
  transform-origin: center top 0px;
  transform: scaleY(0);
}	

/* If Sub Menu Open */
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children ul.active {
  visibility: visible;
  display: block;
  height: 100%;
  transform: scaleY(1);
}

/* Mobile menu - arrow */
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children>a:after {
  display: none
}

.mobile-navigation-show .oldschool-header-menu li:hover {
  background-color: var(--grey);
  color: var(--black2)
}	

/*  Has children button */	
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  padding: 0;
  width: 70px;
  height: 58px;
  background-color: var(--white);
  border-left: 1px solid var(--grey6);
  cursor: pointer
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn:hover {
  background-color: var(--red);
  padding: 0;
}
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn:focus {
  background-color: var(--green);
  padding: 0;
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .15s ease-in-out;
  background: transparent url("css/images/sprite.svg#sub-menu-arrow-lt") no-repeat;
  -webkit-background-size: 25px;
  background-size: 25px;
  -o-background-size: 25px;
  background-position: 26px 20px;
  -webkit-background-position: 26px 20px;
  -o-background-position: 26px 20px
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn:hover:after {
  background: transparent url("css/images/sprite.svg#menu-arrow-lt") no-repeat;
  -webkit-background-size: 25px;
  background-size: 25px;
  -o-background-size: 25px;
  background-position: 26px 20px;
  -webkit-background-position: 26px 20px;
  -o-background-position: 26px 20px  
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn--pressed {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 70px;
  height: 58px;
  visibility: visible;
  cursor: pointer;
  background-color: var(--red)
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn--pressed:hover,
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn--pressed:focus {
  padding: 0;
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn--pressed:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all .15s ease-in-out;
  background: transparent url("css/images/sprite.svg#menu-arrow-lt") no-repeat;
  -webkit-background-size: 25px;
  background-size: 25px;
  -o-background-size: 25px;
  background-position: 28px 20px;
  -webkit-background-position: 28px 20px;
  -o-background-position: 28px 20px
}

.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn--pressed:after:hover,
.mobile-navigation-show .oldschool-header-menu>li.menu-item-has-children .has-children-btn--pressed:after:focus {
  background: transparent url("css/images/sprite.svg#sub-menu-arrow-lt") no-repeat;
  -webkit-background-size: 25px;
  background-size: 25px;
  -o-background-size: 25px;
  background-position: 28px 14px;
  -webkit-background-position: 28px 14px;
  -o-background-position: 28px 14px 
}		
 
  /*      Bottom red block with social icons
------------------------------------------------------------*/
  .mobile-nav-content-show__social {
    position: fixed;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 4;
    height: 60px;
    visibility: visible;
    background-color: var(--red)
  }
  .header-social-icons__list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center
  }
  .header-social-icons__list li {
    position: relative;
    height: 100%;
    width: 10%;
    background-color: var(--red)
  }
  .header-social-icons__list li a {
    display: block;
    position: relative;
    left: 0;
    right: 0
  }
  .header-social-icons__list a:hover {
    opacity: 1
  }
  .header-social-icons__list svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    max-width: 30px;
    fill: var(--white)
  }
  .header-social-icons__list svg:hover {
    fill: #ffcece
  }
  .header-block__mobile-nav-bar .prgrss__bar {
    background-color: var(--red);
  }
  .header-block__mobile-nav-bar .prgrss-blck {
    top: 32px;
    background: transparent
  }
  .header-ads {
    position: relative;
    top: 60px
  }
  body.admin-bar .main-grid-container {
    margin-top: 33px;
    border-radius: 0
  }
  body.admin-bar .header-block__mobile-nav-bar {
    top: 34px
  }
  body.admin-bar .header-block__mobile-nav-content {
    top: 94px
  }
}


/*  Header ----------> viewport 800(782)px
------------------------------------------------------------*/

@media all and (min-width:1px) and (max-width:782px) {
  .admin-bar .prgrss-blck {
    top: 46px
  }
  
  body.admin-bar .header-block__mobile-nav-bar {
    top: 47px
  }
  body.admin-bar .header-block__mobile-nav-content {
    top: 107px
  }

  .header-logo__link {
    padding-right: 5px;
    font-size: var(--font-size);
    line-height: 45px;
    white-space: nowrap;
  }
}


/*  Header ----------> viewport 600px
------------------------------------------------------------*/

@media all and (min-width:1px) and (max-width:600px) {
  .admin-bar .prgrss-blck {
    top: 0
  }
}


/*------------------------------------------------------------
 Sidebar
------------------------------------------------------------*/

.content-block__sidebar,
.content-section__sidebar-single {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 auto;
  width: 28.2%;
  word-break: break-all
}

.sidebar-widget-block {
  margin: 0 0 10px;
  width: 100%;
  background-color: var(--grey3);
  border-radius: 4px;
  padding: 10px 0;
}

.sidebar-widget-block.widget_search {
  padding: 0;
  background-color: var(--white);
}

.sidebar-widget-block li,
.sidebar-widget-block a,
.sidebar-widget-block p,
.sidebar-widget-block pre, 
.sidebar-widget-block button {
  font-size: 12px;
}

.content-block__sidebar img:hover,
.content-section__sidebar-single img:hover {
  opacity: .6
}

aside h1,
aside h2,
aside h3,
aside h4,
aside h5,
aside h6,
.sidebar-widget-title {
  margin: 0 auto 0 15px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: capitalize;
}

.content-block__sidebar .oldschool-video-container,
.content-section__sidebar-single .oldschool-video-container {
  position: unset;
  padding-bottom: 0
}

.sidebar-ads-fixed {
  position: fixed;
  top: 16px
}


aside .widget_recent_comments,
aside .widget_recent_entries,
aside .widget_pages,
aside .widget_ratings-widget ul li a {
  color: var(--black2);
}

aside .widget_ratings-widget ul li {
  background-color: var(--white);
}

aside .widget_calendar #calendar_wrap {
  color: var(--black2);
  background-color: var(--grey4);
}

aside .widget_calendar td,
aside .widget_ratings-widget li {
  height: 30px;
  line-height: 30px;
  background-color: var(--white)
}

aside .widget_calendar a {
  color: var(--red2);
}

aside .widget_calendar tbody a::after {
  background-color: var(--white);
  color: var(--red2);
}

aside .widget_calendar tfoot a {
  color: var(--red2);
}

aside .widget_calendar #today {
  background-color: var(--white);
  color: var(--red3);
}

aside .widget_calendar #today:hover {
  background-color: var(--red3);
  color: var(--white)
}

aside .tag-cloud-link {
  background-color: var(--white);
  color: var(--grey2);
}

aside .tag-cloud-link:hover {
  background-color: var(--red2);
  color: var(--white)
}

aside .wp-block-latest-comments__comment-author,
aside .widget_recent_comments .comment-author-link,
aside .widget_recent_comments .url {
  color: var(--red2);
}

aside .widget_recent_comments .url:hover {
  color: var(--red3);
}

aside .widget_recent_comments li,
aside .widget_recent_entries li,
aside .widget_pages li,
aside .widget_meta li,
aside .widget_categories li,
aside .widget_nav_menu li,
aside .widget_archive li,
aside .widget_rss li,
aside .children .cat-item,
aside .children .page_item,
aside .children .menu_item {
  border-bottom: 1px solid var(--grey4);
}

aside li .children .cat-item:last-child,
aside li .children .page_item:last-child,
aside li .children .menu_item:last-child {
  border: 0
}

aside .widget_categories .screen-reader-text {
  color: var(--black2);
}

aside .widget_categories .postform {
  border: 1px solid var(--grey5);
}

aside .widget_archive select {
  border: 1px solid var(--grey6);
}

aside .textwidget {
  background-color: #fff;
  padding: 5px 10px;
  margin: 15px;
}

aside .textwidget h1,
aside .textwidget h2,
aside .textwidget h3,
aside .textwidget h4,
aside .textwidget h5,
aside .textwidget h6 {
  color: var(--black2);
  background: 0
}

aside .textwidget blockquote p,
aside .textwidget p {
  color: var(--black2);
}

aside .textwidget a {
  color: var(--red2);
}

aside li a:hover {
  color: var(--red2);
  text-decoration: 2px underline;
}



/*  Sidebar ----------> viewport 1023px
------------------------------------------------------------*/

@media screen and (min-width:1px) and (max-width:1023px) {
  .content-block__sidebar {
    margin-top: 40px;
    width: 100%;
    max-width: 762px
  }
  .sidebar-ads-fixed {
    position: static
  }
}


/*  Sidebar ----------> viewport 800px
------------------------------------------------------------*/

@media all and (min-width:1px) and (max-width:800px) {
  .content-block__sidebar {
    max-width: 480px
  }
  .sidebar-widget-block {
    position: static
  }
}


/*  Sidebar ----------> viewport 600px
------------------------------------------------------------*/

@media all and (min-width:1px) and (max-width:600px) {
  .sidebar-widget-area {
    margin: 0 auto;
    width: 100%
  }
}


/*------------------------------------------------------------
 Error 404
------------------------------------------------------------*/

.error404 .header__bottom {
  display: none
}

.error404 .article__block {
  min-height: 300px
}

.error404 .article-content__title {
  margin: 20px auto 10px
}



/*------------------------------------------------------------
 Site widgets
------------------------------------------------------------*/
aside li:before,
footer li:before {
  filter: grayscale(1)
}

/*  Site widgets -> global
------------------------------------------------------------*/

.widget_ratings-widget ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
aside .widget_pages ul,
footer .widget_pages ul,
.widget_meta ul,
.widget_categories>ul,
.widget_nav_menu ul:first-child,
.widget_archive ul:first-child,
.widget_rss ul {
  padding: 0 17px;
  overflow: hidden
}

.widget_ratings-widget ul {
  margin: -10px 0 0
}

footer .widget_categories>ul,
footer .widget_nav_menu ul:first-child {
  margin-top: 12px
}

footer .widget_pages ul {
  padding: 10px 0 0 10px
}

.sidebar-widget-block li:before,
.footer-widget-block li:before {
  display: inline-block;
  top: 5px;
  margin: 0 10px 0 0;
  content: ''
}


/*  Site widgets -> icons
------------------------------------------------------------*/

.widget_recent_entries li:before,
.widget_pages li:before,
.widget_rss li:before {
  position: relative;
  height: 21px;
  width: 20px
}

aside .widget_recent_entries li:before,
aside .widget_pages li:before,
aside .widget_rss li:before {
  background: url("css/images/sprite.svg#newspaper-lt-sb") top left no-repeat;
  background-size: 34px;
  -webkit-background-size: 34px;
  -o-background-size: 34px
}

footer .widget_recent_entries li:before,
footer .widget_pages li:before,
footer .widget_rss li:before {
  background: url("css/images/sprite.svg#newspaper-lt-ftr") top left no-repeat;
  background-size: 34px;
  -webkit-background-size: 34px;
  -o-background-size: 34px
}



/* Widget Meta */

.widget_meta li:before {
  position: relative;
  top: 5px;
  height: 21px;
  width: 24px
}

aside .widget_meta li:before {
  background: url("css/images/sprite.svg#meta-lt-sb") top left no-repeat;
  background-size: 35px;
  -webkit-background-size: 35px;
  -o-background-size: 35px;
  background-position: 2px 0px;
  filter: grayscale(1);
  border-radius: 33%;
}

footer .widget_meta li:before {
  background: url("css/images/sprite.svg#meta-lt-ftr") top left no-repeat;
  background-size: 35px;
  -webkit-background-size: 35px;
  -o-background-size: 35px;
  background-position: 2px 0px;
}

/* WP Block Login Out*/

.wp-block-loginout a {
  margin: 0 17px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  text-transform: uppercase;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: var(--white);
  border-radius: 4px;
  color: var(--red);
}

.wp-block-loginout a:hover {
  text-decoration: 2px underline;
}


/* Widget Comments */

.widget_recent_comments .recentcomments:before {
  position: relative;
  height: 24px;
  width: 24px;
}

aside .widget_recent_comments .recentcomments:before {
  display: inline-block;
  top: 5px;
  margin: 0 10px 0 0;
  content: '';
  background: var(--black) url("css/images/sprite.svg#chat-lt-sb") top left no-repeat;
  background-size: 46px;
  -webkit-background-size: 46px;
  -o-background-size: 46px;
  background-position: -3px -3px;
  border: 1px solid #000;
  border-radius: 16px;
  filter: grayscale(0);
}


footer .widget_recent_comments .recentcomments:before {
  background: url("css/images/sprite.svg#chat-lt-ftr") top left no-repeat;
  background-size: 46px;
  -webkit-background-size: 46px;
  -o-background-size: 46px;
  background-position: -3px -1px;
}

.sidebar-widget-block .wp-block-latest-comments__comment::before, 
.footer-widget-block .wp-block-latest-comments__comment::before {
  display: none;
}

.widget_recent_comments ol {
  padding: 0 15px;
}

.wp-block-latest-comments__comment-avatar {
  font-size: small;
}

/* Widget Verse Block */
.wp-block-verse {
  margin: 0 auto 0 15px;
}



/* Widget Categories */

.widget_categories li::before,
.widget_nav_menu li:before {
  position: relative;
  top: 2px;
  width: 20px;
  height: 20px;
}

aside .widget_categories li::before,
aside .widget_nav_menu li:before {
  background: url("css/images/sprite.svg#menu-lt-sb") top left no-repeat;
  background-size: 40px;
  -webkit-background-size: 40px;
  -o-background-size: 40px;
}

footer .widget_categories li::before,
footer .widget_nav_menu li:before {
  background: url("css/images/sprite.svg#menu-lt-ftr") top left no-repeat;
  background-size: 40px;
  -webkit-background-size: 40px;
  -o-background-size: 40px;
}

/* Widget Archive */

.widget_archive li::before {
  position: relative;
  height: 22px;
  width: 22px
}

aside .widget_archive li::before {
  background: url("css/images/sprite.svg#calendar-lt-sb") top left no-repeat;  
  background-size: 32px;
  -webkit-background-size: 32px;
  -o-background-size: 32px
}

footer .widget_archive li::before {
  background: url("css/images/sprite.svg#calendar-lt-ftr") top left no-repeat;
  background-size: 32px;  
  -webkit-background-size: 32px;
  -o-background-size: 32px
}


/*  Site widgets ----------> rss widget
------------------------------------------------------------*/

.widget_rss .sidebar-widget-title,
.widget_rss .footer-widget-title {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: capitalize;
  overflow: hidden
}

.widget_rss h2 a {
  width: 100%;
  text-align: center;
  color:  var(--white);
}

aside .widget_rss .sidebar-widget-title {
  margin: 0 auto 20px
}

footer .widget_rss .footer-widget-title {
  margin: 0 auto 10px
}

.sidebar-widget-title .rsswidget:first-child,
.footer-widget-title .rsswidget:first-child {
  position: relative;
  top: 4px;
  float: left;
  margin-left: 5px;
  width: 16px;
  height: 12px;
}

.rsswidget:first-child .rss-widget-icon {
  width: 100%
}

.widget_rss a {
  text-align: left
}

.widget_rss ul li .rss-date,
.widget_rss ul li .sub-menu,
.widget_rss ul li .rssSummary {
  display: none
}

/*  Site widgets -> li
------------------------------------------------------------*/

.sidebar-widget-block li,
.footer-widget-block li {
  list-style: none
}

.sidebar-widget-block .wp-block-latest-comments__comment .wp-block-latest-comments__comment-author {
  color: var(--red2);
}

.sidebar-widget-block .wp-block-latest-comments__comment-link,
.sidebar-widget-block li a {
  color: var(--black2);
}

.widget_ratings-widget li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li,
.widget_archive li,
.widget_rss li {
  position: relative;
  min-height: 28px;
  width: 100%;
  overflow: hidden;
  text-align: left
}

aside .widget_archive li,
aside .widget_recent_comments li,
aside .widget_pages li,
aside .widget_recent_entries li,
aside .widget_categories li,
aside .widget_nav_menu li,
aside .widget_rss li {
  margin: 1px 0;
  padding: 5px 0;
  word-break: normal
}

.widget_ratings-widget li {
  margin: 5px 0;
  padding: 0 var(--fontSize)
}

footer .widget_recent_comments li,
footer .widget_pages li,
footer .widget_recent_entries li,
footer .widget_meta li,
footer .widget_rss li {
  padding: 5px 0
}

aside .widget_meta li,
footer .widget_categories li {
  margin: 0;
  padding: 5px 0
}


/*  Site widgets -> links
------------------------------------------------------------*/

.widget_ratings-widget li a,
.widget_recent_comments li,
.widget_recent_entries li a,
.widget_pages li a,
.widget_meta li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_archive li a,
.widget_rss li a,
.wp-block-pages-list__item a {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}


/*  Site widgets -> hover effects
------------------------------------------------------------*/

footer li a:hover {
  text-decoration: 2px underline;
  opacity: .6
}


/*  Site widgets ----------> ratings widget
------------------------------------------------------------*/

.widget_ratings-widget ul li img {
  display: block;
  float: left;
  max-width: 28px;
  max-height: 28px;
  border: 0
}

.site-layer__middle .widget_ratings-widget ul li img:last-child {
  float: none
}


/*  Site widgets ----------> calendar widget
------------------------------------------------------------*/

aside .widget_calendar {
  background-color: var(--grey3);
}

aside .sidebar-widget-title,
aside .calendar_wrap caption {
  font-size: 18px;
  font-weight: 800;
  line-height: 37px;
  font-family: var(--font);
  color: var(--red);
  background: linear-gradient(to right, var(--red) 0%, var(--red4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  text-decoration: 2px underline;
}

.widget_calendar .sidebar-widget-title,
.widget_calendar .footer-widget-title {
  display: none
}

#wp-calendar {
  padding: 5px;
  width: 100%;
  margin: 0;
  border-collapse: unset
}

.calendar_wrap,
#wp-calendar caption,
.widget_calendar a {
  font-weight: 800;
  line-height: 1.39
}

.calendar_wrap tr {
  width: 100%
}

.calendar_wrap td {
  position: relative;
  width: 14.28%
}

.calendar_wrap td,
.calendar_wrap th {
  border: 0;
  padding: 0;
  word-break: break-all;
  font-weight: 600;
  text-align: center;
  text-transform: unset;
  border: 1px solid var(--grey3);
}

.calendar_wrap th {
  background-color: transparent
}

.widget_calendar a {
  display: block
}

#wp-calendar a:hover {
  opacity: .6
}

#wp-calendar tbody a::after {
  position: absolute;
  right: -2px;
  top: -5px;
  padding: 0 2px;
  height: 10px;
  font-size: 7px;
  font-weight: 600;
  content: 'NEWS'
}

#wp-calendar tbody a:hover::after {
  display: none
}

#wp-calendar {
  box-shadow: none;
  background-color: none;
  font-weight: 600
}

#wp-calendar caption {
  margin: 0 auto 0 15px;
}

footer #wp-calendar tbody a::after {
  background-color: none;
  border: 0
}


/*  Site widgets ----------> tagcloud widget
------------------------------------------------------------*/

.tagcloud {
  text-align: center
}

.tag-cloud-link {
  display: inline-block;
  margin: 1px;
  padding: 5px 6px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px
}


/*  Site widgets ----------> comments widget
------------------------------------------------------------*/
.wp-block-latest-comments__comment-author,
.comment-author-link,
.comment-author-link .url {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: 2px underline
}

.wp-block-latest-comments__comment-author:hover,
.comment-author-link:hover,
.comment-author-link .url:hover {
  text-decoration: 0;
  opacity: .6
}

.wp-block-latest-comments__comment-author:before,
.wp-block-latest-comments__comment-author:after,
.comment-author-link .url:before,
.comment-author-link .url:after {
  content: ''
}

.recentcomments a:before,
.recentcomments a:after {
  content: '"'
}

.post-date {
  position: absolute;
  top: 23px;
  right: 0;
  font-size: 10px;
  font-weight: 400
}


/*  Site widgets ----------> pages widget
------------------------------------------------------------*/

aside .widget_pages ul .page_item_has_children {
  width: 100%
}

aside .widget_pages ul li ul {
  padding: 0 0 0 10px;
  overflow: hidden
}

.widget_pages ul li ul li:last-child {
  border: 0
}


/*  Site widgets ----------> categories widget
------------------------------------------------------------*/

.widget_categories li span {
  position: absolute;
  right: -4px;
  top: 5px
}

aside .widget_categories li ul {
  padding: 0 0 0 10px
}

footer .widget_categories li ul {
  padding: 10px 0 0 10px
}

footer .widget_categories ul li ul li:last-child {
  border: 0
}

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

.widget_categories .screen-reader-text {
  padding-right: 5px;
  font-size: var(--fontSize);
  font-weight: 400;
  line-height: 1.5;
  text-transform: capitalize
}

.widget_categories .postform {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-right: 0;
  border-radius: 4px
}


/*  Site widgets ----------> nav-menu widget
------------------------------------------------------------*/

.widget_nav_menu li ul {
  padding: 0 0 0 10px;
  overflow: hidden
}

.widget_nav_menu li:last-child {
  border: 0
}


/*  Site widgets ----------> archive widget
------------------------------------------------------------*/

.widget_archive ul {
  padding: 0 var(--fontSize)
}

.widget_archive .screen-reader-text {
  display: none
}

.widget_archive select {
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px
}

.widget_archive option {
  font-size: 12px;
  line-height: 1.5
}


/*  Site widgets ----------> text widget
------------------------------------------------------------*/

.widget_text {
  width: 100%;
  overflow: hidden
}

.textwidget {
  padding: 1px 10px 17px;
  border-radius: 4px;
  background-color: var(--white);
}

.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
  margin: 17px 0;
  border: 0;
  text-align: unset;
  text-transform: initial;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.textwidget .wp-caption-text b,
.textwidget .wp-caption-text strong {
  font-size: 11px
}

.textwidget h1 b,
.textwidget h2 b,
.textwidget h3 b,
.textwidget h4 b,
.textwidget h5 b,
.textwidget h6 b,
.textwidget h1 strong,
.textwidget h2 strong,
.textwidget h3 strong,
.textwidget h4 strong,
.textwidget h5 strong,
.textwidget h6 strong {
  font-size: 11px
}

.textwidget blockquote p,
.textwidget p {
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  color: var(--black2)
}

.textwidget blockquote p b,
.textwidget blockquote p strong,
.textwidget p b,
.textwidget p strong {
  font-size: 11px
}

.textwidget a {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

.textwidget li a {
  line-height: 1.5;
  color: var(--red2)
}

.textwidget a:hover {
  opacity: .6
}

.textwidget img {
  margin: 10px auto;
  max-width: 100%
}

.textwidget img:hover,
.textwidget ul li:hover {
  opacity: .6
}

.textwidget ul {
  display: block;
  margin: 20px auto 0;
  padding: 0
}

.textwidget ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
  overflow: hidden;
  list-style: none;
  font-size: 12px;
  line-height: 1.5;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}


/*  Site widgets ----------> image, video and audio
------------------------------------------------------------*/

.widget_media_image .image,
.widget_media_video .wp-video,
.widget_media_audio .wp-audio {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 3px
}

.widget_media_image .image:hover {
  opacity: .6
}


/*  Site widgets ----------> gallery
------------------------------------------------------------*/

.widget_media_gallery .gallery {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.widget_media_image .sidebar-widget-title,
.widget_media_gallery .sidebar-widget-title {
  margin: 0 auto
}

.widget_media_gallery .gallery-item {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  width: 100%;
  text-align: center
}

.widget_media_gallery .gallery-columns-1 .gallery-item {
  width: 100%
}

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

.widget_media_gallery .gallery-columns-3 .gallery-item {
  width: 33.33333%
}

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

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

.widget_media_gallery .gallery-columns-6 .gallery-item {
  width: 16.66666%
}

.widget_media_gallery .gallery-columns-7 .gallery-item {
  width: 14.28571%
}

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

.widget_media_gallery .gallery-columns-9 .gallery-item {
  width: 11.11111%
}

.widget_media_gallery .gallery-caption {
  display: block;
  margin: 0;
  padding: 5px;
  font-size: 10px;
  line-height: 0
}

.widget_media_gallery img {
  margin: 0 auto;
  width: 100%;
  height: auto
}

.widget_media_gallery .attachment-thumbnail:hover {
  opacity: .6
}


/*------------------------------------------------------------  
 Footer
------------------------------------------------------------*/

.site-layer__bottom {
  margin: 20px auto 0;
  width: 100%
}

.site-footer__block {
  margin: 0 auto;
  padding: 0;
  height: auto;
  width: 100%;
  border-radius: 4px 4px 0 0
}

.site-footer__block li .sub-menu {
  display: none
}

.site-footer__block p {
  font-weight: 400
}

.site-footer__block img {
  margin: 0 auto
}

.footer-part__top,
.footer-part__middle,
.footer-part__bottom {
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 2px var(--grey6);
  background-color: #f7f5f1
}

.footer-top-block__footer-site-information {
  display: inline-block;
  float: left;
  font-size: 0.0001px
}



footer .footer-widget-title {
  color: var(--black2);
}

.footer-widget-block .wp-block-latest-comments__comment-author {
  color: var(--red2);
}

.footer-widget-block li,
.footer-widget-block a,
.footer-widget-block p,
.footer-widget-block pre, 
.footer-widget-block button {
  font-size: 12px;
  color: var(--black2);
}

footer .widget_calendar td,
footer .widget_ratings-widget li {
  background-color: var(--white)
}

footer .widget_calendar a,
footer .comment-author-link,
footer .comment-author-link .url {
  color: var(--red2);
}

footer .widget_calendar tbody a::after {
  color: var(--red2);
}

footer .calendar_wrap,
footer .screen-reader-text,
footer #wp-calendar caption {
  color: var(--black2);
}

footer .widget_calendar #today {
  background-color: var(--white);
  color: var(--red2);
}

footer .widget_calendar #today:hover {
  background-color: var(--red2);
  color: var(--white)
}

footer .tag-cloud-link {
  background-color: var(--white);
  color: var(--black2);
  border: 1px solid whitesmoke
}

footer .tag-cloud-link:hover {
  background-color: var(--red2);
  color: var(--white);
  border: 1px solid var(--red2);
}

footer li {
  color: var(--black2);
}

footer li a,
.post-date {
  color: var(--black2)
}

footer a:hover {
  color: var(--red2);
}

footer .oldschool-creators__list li a {
  color: var(--black2);
}

footer .oldschool-creators__list li a:hover {
  text-decoration: 2px underline;
  color: var(--black2);
}

footer .widget_categories .screen-reader-text {
  color: var(--black2);
}

footer .widget_categories .postform {
  border: 1px solid var(--grey5);
}

footer .widget_archive select {
  border: 1px solid var(--grey6);
}

footer .textwidget h1,
footer .textwidget h2,
footer .textwidget h3,
footer .textwidget h4,
footer .textwidget h5,
footer .textwidget h6 {
  color: var(--black2);
  background: 0
}

footer .textwidget blockquote p,
footer .textwidget p {
  color: var(--black2);
}

footer .textwidget a {
  color: var(--red2);
}

footer .widget_rss .footer-widget-title {
  border-bottom: 2px solid #f0efed
}

footer .widget_rss li a {
  font-size: 12px;
  font-weight: 800;
  line-height: 318px;
  font-family: var(--font);
  color: var(--black2);
}

footer .widget_rss .footer-widget-title {
  color: var(--black2);
  border-bottom: 2px solid #efefef
}

footer .widget_rss .footer-widget-title .rsswidget:last-child {
  color: var(--black2);
}

/*  Footer -> top block: title, copyright, menu, social icons
------------------------------------------------------------*/

.footer-part__top {
  position: relative;
  min-height: 46px;
  text-align: center;
  border-top: 1px solid #f7f5f1;
  border-bottom: 1px solid var(--grey6)
}

.footer-site-information__footer-logo-block {
  display: inline-block;
  float: left;
  height: 100%;
  width: auto
}


/*  Footer -> logo & title block
------------------------------------------------------------*/

.footer-logo-block__logo {
  display: block;
  width: auto;
  height: 100%
}

.footer-top-layer__logo,
.footer-top-layer__title {
  padding: 2px 10px 0;
  width: auto;
  height: 100%;
  overflow: hidden;
  letter-spacing: -1px;
  text-transform: capitalize;
  color: var(--red);
  background: linear-gradient(to right, var(--red) 0%, var(--red4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*    Footer -> logo
------------------------------------------------------------*/

.footer-top-layer__logo .footer-logo__img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 37px;
  max-height: 40px;
  font-size: 0.001px
}


/*    Footer -> title
------------------------------------------------------------*/

.footer-title__text {
  width: auto;
  height: 100%;
  font-size: 33px;
  font-weight: bold;
  border: 0;
  background: 0;
  text-decoration: none;
  color: var(--red)
}


/*  Footer -> copyright
------------------------------------------------------------*/

.footer-site-information__copyright {
  display: inline-block;
  margin-top: 8px;
  width: 30px;
  height: auto;
  font-size: 10px;
  font-weight: 600;
  line-height: 25px;
  overflow: hidden
}

.copyright-block__foundation,
.copyright-block__current-year {
  position: relative;
  width: 100%;
  height: var(--fontSize)
}


.foundation-block__start-year {
  position: absolute;
  top: 0;
  height: 18px;
  font-size: 10px;
  font-weight: 600;
  line-height: 25px;
  color: var(--grey2);
}

.year-current__year {
  position: absolute;
  bottom: 0;
  height: 18px;
  font-size: 10px;
  font-weight: 600;
  line-height: 25px;
  color: var(--grey2)
}


/*    Footer -> top menu
------------------------------------------------------------*/

.footer-top-block__navigation {
  display: inline-block;
  text-align: center;
  font-size: 0.0001px
}

.footer-nav--width {
  width: 100%
}

.footer-top-navigation__list {
  margin: 0 auto;
  width: 100%;
  height: auto;
  line-height: 40px;
  border: 0;
  text-align: center
}

.footer-top-navigation__list li {
  display: inline-block;
  list-style: none
}

.footer-top-navigation__list li a {
  margin: 0 var(--fontSize);
  padding: 0;
  height: 44px;
  font-size: 10px;
  font-weight: bold;
  line-height: 44px;
  text-transform: uppercase;
  color: var(--grey2)
}

.footer-top-navigation__list li a:hover {
  color: var(--red2);
  opacity: .6
}

.footer-widgets__social-icons {
  display: inline-block;
  float: right;
  margin: 0 10px 0 0;
  height: 42px;
  line-height: 37px
}

.footer-soc-width {
  width: 100%
}


/*    Footer -> social block
------------------------------------------------------------*/

.footer-social-icons__list {
  height: 46px;
  font-size: 0.0001px
}

.footer-social-icons__list li {
  display: inline-block;
  position: relative;
  width: 28px;
  min-height: 46px;
  list-style: none;
  text-align: center;
  line-height: 40px;
  font-size: 0.0001px
}

.footer-social-icons__list .soc-icons-item__link {
  display: block;
  height: 46px;
  width: 100%;
  overflow: hidden
}

.footer-widgets__social-icons svg {
  fill: var(--grey2);
}

.footer-widgets__social-icons .soc-icons-item__link:hover svg {
  fill: var(--red2);
}


/*  Footer -> middle block
------------------------------------------------------------*/

.footer-part__middle ul {
  padding: 0 17px
}

.footer-part__middle li {
  margin: 1px 0;
  padding: 5px 0;
  width: 100%
}


/*  Footer -> widgets
------------------------------------------------------------*/

.footer-middle-block__footer-widgets {
  font-size: 0.0001px
}

.widgets-footer__widget-column {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  padding: 0 var(--fontSize);
  width: 25%
}

.footer-widget-block {
  padding: 20px 0;
  width: 100%
}

.footer-widget-block:last-child {
  margin-bottom: 20px
}

.footer-widget-block:first-child {
  margin: 0
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.footer-widget-title {
  margin: 0 auto 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  text-transform: capitalize;
  color: var(--black2);
  text-decoration: 2px underline;
}


/*  Footer -> bottom menu
------------------------------------------------------------*/

.footer-bottom-block__navigation {
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid var(--grey6)
}

.footer-bottom-navigation__list {
  margin: 0 auto;
  width: 100%;
  height: auto;
  line-height: 40px;
  border: 0
}

.footer-bottom-navigation__list li {
  display: inline-block;
  list-style: none
}

.footer-bottom-navigation__list li a {
  vertical-align: middle;
  margin: 0 var(--fontSize);
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 25px;
  text-transform: uppercase;
  color: var(--grey2)
}

.footer-bottom-navigation__list li a:hover {
  color: var(--red2);
  opacity: .6
}


/*  Footer -> back to top button
------------------------------------------------------------*/

.back-to-top__button {
  position: fixed;
  bottom: var(--fontSize);
  right: 30px;
  z-index: 2;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  transform: translateX(120px);
  color: var(--white)
}

.back-to-top-button__icon {
  width: 100%;
  height: 100%
}

.back-to-top-button:focus {
  border-radius: 50%;
}

.back-to-top-icon__arrow-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 13px;
  width: 13px;
  background: transparent;
  line-height: 0
}

.back-to-top-arrow-icon__svg {
  width: 13px;
  height: 13px;
  fill: var(--white)
}

@keyframes bounceAlpha {
  0% {
    opacity: 1;
    transform: translateY(0px) scale(1)
  }
  25% {
    opacity: 0;
    transform: translateY(-20px) scale(0.9)
  }
  50% {
    opacity: 0;
    transform: translateY(20px) scale(0.9)
  }
  90% {
    opacity: 1;
    transform: translateY(0px) scale(1)
  }
}

.bounceAlpha {
  animation-name: bounceAlpha
}

.back-to-top__button {
  display: block
}

.back-to-top__button:hover .back-to-top-icon__arrow-icon {
  animation-name: bounceAlpha;
  animation-duration: .4s;
  animation-iteration-count: 1;
  animation-timing-function: linear
}

.back-to-top__button::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  content: '';
  border-radius: inherit;
  box-shadow: inset 0 0 0 35px var(--red)
}

.back-to-top__button:focus {
  border-radius: 50%;
}

.back-to-top__button:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  box-shadow: inset 0 0 0 2px var(--red);
  background-color: var(--white)
}

.back-to-top__button:hover .back-to-top-icon__arrow-icon {
  background-color: var(--white)
}

.back-to-top__button:hover .back-to-top-arrow-icon__svg {
  fill: var(--black2);
}

.back-to-top__btn {
  background-color: var(--white)
}

.back-to-top__btn:hover .arrow-icon svg {
  fill: var(--black2);
}

@media and (min-width: 1px) and (max-width: 800px) {
  .back-to-top__button::before {
    border: 1px solid var(--red3);
  }
}

/*  Footer -> creators
------------------------------------------------------------*/

.site-footer__oldschool-creators {
  position: relative;
  min-height: 28px;
  line-height: 28px
}

.oldschool-creators__list {
  padding-right: 4px;
  width: 100%;
  list-style: none;
  text-align: right
}

.footer-creators-list__item {
  display: inline-block;
  margin-left: 8px;
  font-size: 10px;
  line-height: 25px
}

.footer-creators-item__link.wp,
.footer-creators-item__link.wp:focus {
  padding: 0 10px;
  background-color: var(--green);  
  opacity: 1;
  font-weight: 600;
  border-radius: 3px;
  text-transform: uppercase;
  color: var(--black2)
}

.footer-creators-item__link {
  text-transform: uppercase;
  color: var(--black2)
}

.creators-developer__wp-donut {
  margin-left: 4px;
  font-weight: bold;
  color: var(--red2)
}

.footer-creators-icon__wp-svg-icon {
  position: relative;
  top: 6px;
  margin-left: 4px;
  width: 22px;
  height: 22px;
  fill: var(--black);
  background-color: var(--white);
  border-radius: 50%
}


/*  Footer ----------> viewport 1023px
------------------------------------------------------------*/

@media screen and (min-width:1px) and (max-width:1023px) {
  .site-footer__block {
    max-width: 762px
  }
  .footer-top-block__footer-site-information,
  .footer-widgets__social-icons {
    margin: 0 auto;
    float: unset;
    text-align: center
  }
  .footer-top-block__navigation {
    width: 100%
  }
  .footer-middle-block__footer-widgets {
    margin: 0 auto;
    width: 100%;
    max-width: 762px
  }
  .widgets-footer__widget-column {
    width: 49%
  }
  .oldschool-creators__list {
    text-align: center
  }
}


/*  Footer ----------> viewport 800px
------------------------------------------------------------*/

@media all and (min-width:1px) and (max-width:800px) {
  .site-layer__bottom {
    padding: 0 var(--fontSize);
    width: 100%;
    max-width: 480px
  }
  .site-footer__block,
  .footer-middle-block__footer-widgets {
    max-width: 480px
  }
  .widgets-footer__widget-column {
    width: 100%
  }
  .footer-widget-block {
    margin: 0 auto;
    padding: 40px 0
  }
  .widgets-footer__widget-column:last-child .footer-widget-block:last-child {
    border: 0
  }
  .adsbygoogle iframe {
    max-height: 1930px
  }
  .back-to-top__button {
    height: 55px;
    width: 55px
  }

 .footer-middle-block__footer-widgets .widgets-footer__widget-column .footer-widget-block {
   border-bottom: 1px solid var(--grey6);
 }

}


/*  Footer ----------> viewport 600px
------------------------------------------------------------*/

@media all and (min-width:1px) and (max-width:600px) {
  .site-footer__oldschool-creators {
    justify-content: center
  }
  .powered .creator-wp {
    font-size: 0.001px
  }
}


/*------------------------------------------------------------
 Other styles
------------------------------------------------------------*/

.bypostauthor {
  width: auto
}


/* focus styles */

.header-logo__link:focus {
  background: var(--green);
  border-radius: 4px;
  color: var(--black2);
  -webkit-text-fill-color: unset;
}

input:focus,
textarea:focus,
.search-form .search-form__field:focus,
.slider-title-block__link:focus,
.slider-link__title-post-headline:focus {
  border: 2px solid var(--green);
  border-radius: 4px;
  padding: 0 10px;
  color: var(--black3)
}

.search-form__button:focus,
.soc-icons-item__link:focus {
  background-color: var(--green);
  padding: 0
}

.soc-icons-item__link:focus-within .header-social-icon__svg {
  fill: var(--black2);
}

.search-form__button:focus-within .search-form__icon {
  fill: var(--black3)
}


/* Article Focus Styles */

.news-block__image-link:hover {
  box-shadow: 0 4px 40px 0 rgba(22,22,22,0.12);
}

.news-block__image-link:focus {
  background-color: var(--green)
}

.loop-type__columns .news-block__image-link .news-block__dark-background-hover:focus {
  display: block;
  background-color: var(--green);
  opacity: 1
}

.loop-type__columns .post:focus-within .news-block__meta-list,
.loop-type__columns .page:focus-within .news-block__meta-list {
  bottom: 25px;
  opacity: 1;
  visibility: visible
}

.post .post-text__page-category-mobile a:focus,
.post .post-text__page-category a:focus,
.page .post-text__page-category-mobile a:focus,
.page .post-text__page-category a:focus,
article .post-title__h2-headline a:focus {
  box-shadow: none;
  background-color: var(--green);
  color: var(--black3)
}

footer li a:focus {
  padding: 0 10px;
  box-shadow: none;
  background-color: var(--green);
  color: var(--black3)
}

aside .widget_calendar a:focus,
footer .widget_calendar a:focus,
.meta-item-article-edit__svg:focus {
  padding: 0
}

.page-category__block .page-category__links-list a:focus,
.post-widgets__tags a:focus {
  background-color: var(--green);
  border-radius: 4px;
  color: var(--black3)
}

.page-category__block .page-category__links-list a:focus {
  padding: 10px
}

.post-widgets__tags a:focus {
  border: 1px solid #7ec292
}

.content-block__thumbnail:focus-within .post-title__link:focus {
  background-color: var(--green)
}

.post-buttons__prev .prev__post-link:focus,
.post-buttons__next .next__post-link:focus {
  opacity: 0.3
}

/*------------------------------------------------------------
 Oldschool HTML & Css icons styles
------------------------------------------------------------*/


/*  Eye icon
------------------------------------------------------------*/
.eye-icon {
  position: relative;
  top: 2px;
  left: 3px;
  transform: rotate(45deg); 
  width: 12px;
  height: 12px;
  border-radius: 75% 15%
}

.eye-icon:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 0.5px;
  top: 0.5px;  
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

/*  Loop -> meta menu -> eye icon styles (display max res. 1023px)*/
.loop-type__columns .post-views__icon .eye-icon {
  border: solid 2px var(--white);
  background-color: var(--white)
}

.loop-type__list .post-views__icon .eye-icon {
  border: solid 2px var(--black2);
  background-color: var(--black2)
}

.loop-type__columns  .post-views__icon .eye-icon:after {
  border: solid 1.5px rgba(4, 4, 4);
  border: solid 1.5px rgba(4, 4, 4, 0.5);
  background-color: var(--white);
}

.loop-type__list  .post-views__icon .eye-icon:after {
  border: solid 1.5px rgba(255, 255, 255);
  border: solid 1.5px rgba(255, 255, 255, 0.9);
  background-color: var(--black2);
}

@media all and (min-width:1px) and (max-width:800px) {
  .loop-type__columns .post-views__icon .eye-icon,
  .loop-type__list .post-views__icon .eye-icon {
    border: solid 2px var(--black2);
    background-color: var(--black2)
  }
  .loop-type__columns .post-views__icon .eye-icon:after,
  .loop-type__list .post-views__icon .eye-icon:after {
    border: solid 1.5px var(--grey);
    background-color: var(--black2);
  }
}

/*  Page -> meta menu -> eye icon styles */
.meta-item__icon-views .eye-icon {
  top: 1px;
  left: 3px;
  width: 14px;
  height: 14px;
  border: solid 2px var(--black2);
  background-color: var(--black2)
}

.meta-item__icon-views .eye-icon:after {
  width: 8px;
  height: 8px;
  left: 1px;
  top: 1px;
  border: solid 1.5px rgba(255, 255, 255);
  background-color: var(--black2);
}

.posts-meta-views__svg-icon .eye-icon {
  top: 1px;
  left: 3px;
  width: 14px;
  height: 14px;
  border: solid 2px var(--black2);
  background-color: var(--black2)
}

.posts-meta-views__svg-icon .eye-icon:after {
  width: 8px;
  height: 8px;
  left: 1px;
  top: 1px;
  border: solid 1.5px rgba(255, 255, 255);
  background-color: var(--black2);
}



/*  Clock icon
------------------------------------------------------------*/
.clock-icon {
  position: relative;
  width: 14px;
  height: 14px;
  overflow: hidden;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: solid 1.5px var(--black2);
  border-radius: 50%;
}

.clock-icon:before {
  position: absolute;
  content: "";
  top: 18%;
  left: 9%;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 38%;
  background-color: var(--black2);
  border-radius: 28%;
}

.clock-icon:after {
  position: absolute;
  content: "";
  top: 48%;
  left: 19%;
  margin: 0 auto;
  width: 40%;
  height: 1px;
  background-color: var(--black2);
  border-radius: 35%;
}

.header-time__block .clock-icon {
  top: 3px;
  margin-right: 3px
}


/*  Close icon (mobile menu - search field)
------------------------------------------------------------*/
.icon-close {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 26px;
  height: 26px;
  overflow: hidden;
  border: 2px solid var(--black2);
  border-radius: 50%
}

.icon-close:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(44deg);
  width: 18px;
  height: 2px;
  background-color: var(--black2)
}

.icon-close:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-44deg);
  width: 18px;
  height: 2px;
  background-color: #000
}


/*  Add user icon (mobile menu - meta field)
------------------------------------------------------------*/
.add-user-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  width: 32px;
  height: 24px;
  overflow: hidden; 
  margin: auto;
  text-align: left;
}

.mob-top-tab__link:hover .add-user-icon:before,
.mob-top-tab__link:hover .add-user-icon:after {
  border: 2px solid var(--red);
}

.add-user-icon:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -10px;
  right: 0;
  margin: 0 auto;
  width: 13px;
  height: 13px;
  border: 2px solid var(--black2);
  border-radius: 50%;
  z-index: 1
}

.add-user-icon:after {
  content: "";
  position: absolute;
  bottom: -11px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--black2);
  border-radius: 50%
}

.user-icon-plus {
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 12px;
  height: 14px;
}

.user-icon-plus .hor-stk {
  position: absolute;
  top: 7px;
  left: -5px;
  right: 6px;
  margin: 0 auto;
  z-index: 3;
  width: 11px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--black);
}

.user-icon-plus .vert-stk {
  position: absolute;
  top: 3px;
  left: -11px;
  right: 0;
  margin: 0 auto;
  z-index: 3;
  width: 3px;
  height: 10px;
  border-radius: 4px;
  background-color: var(--black);
}


/*  Comment user icon 
------------------------------------------------------------*/
.comment-user-icon {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;  
  width: 26px;
  height: 26px;
  overflow: hidden;
  border: 2px solid var(--black2);
  border-radius: 50%;
}


.comment-user-icon:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  width: 13px;
  height: 13px;
  border: 2px solid var(--black2);
  border-radius: 50%;
  z-index: 1;
}

.comment-user-icon:after {
  content: "";
  position: absolute;
  bottom: -12px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--black2);
  border-radius: 50%;
}


/*  Comment icon 
------------------------------------------------------------*/
.comment-icon {
  position: relative;
  width: 14px;
  height: 16px;
  overflow: hidden
}

.comment-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: 60%;
  overflow: hidden;
  border-radius: 1.5px;
  background-color: var(--black2);
}

.comment-icon:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: -3px;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 0;
  border-color: var(--black2) transparent transparent transparent;
}


.news-block__image-link .comment-icon {
  width: 15px;
  height: 17px;
  margin-right: 5px
}

.news-block__image-link .comment-icon:before {
  background-color: var(--white);
}

.news-block__image-link .comment-icon:after {
  border-color: var(--white) transparent transparent transparent;
}


.post-widgets__posts-by-category .comment-icon {
  width: 15px;
  height: 17px;
}

@media all and (min-width:1px) and (max-width:800px) { 
  .news-block__image-link .comment-icon::before {
    background-color: var(--black2);
  }
  .news-block__image-link .comment-icon:after {
    border-color: var(--black2) transparent transparent transparent;
  }
}

/*  Tag icon
------------------------------------------------------------*/

.tag-icon {
  position: relative;
  float: left;
  margin-right: 18px;
  width: 18px;
  height: 26px;
  border-top-left-radius: 4px
}

.flag-icon {
  position: relative;
  width: 81%;
  height: 100%;
  background-color: var(--black);
  border-top-left-radius: 4px;
}

.top-line-icon {
  position: absolute;
  top: 0;
  left: 30%;
  right: 0;
  width: 70%;
  height: 20%;
  background-color: var(--black);
  border-top-right-radius: 4px;
}

.right-line-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 14%;
  height: 50%;
  background-color: var(--black);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.flag-triangle-bottom-icon {
  position: absolute;
  bottom: 0;
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 5px solid #fff;
}