/* --------------------------------------------------------------
Theme Name: Deep Free
Theme URI: https://webnus.net/deep-free-wordpress-theme/
Author: WEBNUS
Author URI: https://webnus.net
Description: Deep Free is a free, fully responsive, Retina-Ready WordPress theme with a minimal, clean design that allows visitors to focus on content. An ideal WordPress theme for novice users and designers is the one that provides all website elements (header, page and footer) in front-end editor by visual mode and also brings ability to edit the settings in real time. Now designers dream come true and by Deep theme you can design your website just like Photoshop application. This is a unique feature of the Deep theme, you can do entire edit operation (header, pages, footer) in back-end and also front-end environment. The choice is yours.
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deep-free
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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

    [Typography]

    Body copy: 14px/22px Rubik, Helvetica, Arial, sans-serif;
    Headers: Rubik, Helvetica, Arial, sans-serif;;
    Input,  textarea: 13px Rubik, Helvetica, Arial, sans-serif;
    Sidebar heading: 15px Rubik, Helvetica, Arial, sans-serif;


    [Color codes]

    Background: #ffffff (white)
    Content:    #424242 (light black)
    Header h1:  #0a0a0a (dark)
    Header h2:  #0a0a0a (dark)
    Footer:     #181818 (dark black)

    a (standard):   #2174e2 (blue)
    a (hover):  #fa5555 (ornage)

-------------------------------------------------------------- */
/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/* Galleries
-------------------------------------------------------------- */
.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    width: 50%;
}

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

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

/* -------------------------------------------------------------- */
/* -------------------- Blog Fronend Styles --------------------- */
/* -------------------------------------------------------------- */
/* Old Distance (Vertical Spaces) */
.vertical-space,
.vertical-space1,
.vertical-space2,
.vertical-space3,
.vertical-space4,
.vertical-space5 {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
    height: 20px;
}

.vertical-space2 {
    height: 40px;
}

/* Base
-------------------------------------------------- */
:focus,
a,
a:active,
select {
    outline: 0
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

h2,
h4 {
    margin-bottom: 10px
}

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

body {
    line-height: 1;
    background-color: #f4f7f8;
    font: 14px/25px sans-serif;
    font-family: Rubik, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #626262;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden
}

h3,
h4 {
    line-height: 1.2
}

h5,
h6 {
    line-height: 1.3
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #171c24;
    font-weight: 300
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}

h1 {
    font-size: 50px;
    line-height: 1.16;
    margin-bottom: 12px;
    letter-spacing: -1px
}

h2 {
    font-size: 40px;
    line-height: 1.14
}

h3 {
    font-size: 29px;
    margin-bottom: 8px
}

h4 {
    font-size: 23px
}

h5 {
    font-size: 18px;
    margin-bottom: 7px
}

h6 {
    font-size: 16px;
    margin-bottom: 4px
}

p,
p.slog {
    font-weight: 300
}

p {
    margin: 0 0 20px;
    color: #444;
    font-size: 17px;
    line-height: 1.68
}

strong {
    font-weight: 700
}

hr {
    border: solid #e5e5e5;
    border-width: 1px 0 0;
    clear: both;
    margin: 14px 0 35px;
    height: 0;
    width: auto
}

.container hr {
    margin-right: 10px;
    margin-left: 10px
}

::selection {
    background: #e4744f;
    color: #fff
}

a {
    color: #09f;
    text-decoration: none
}

a:focus,
a:hover {
    color: #f90
}

a:active {
    opacity: .92
}

ol,
ul {
    margin-bottom: 21px;
    margin-left: 3px
}

ul {
    list-style: inside
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 4px 0 5px 30px;
    font-size: 90%
}

li,
li.arrow,
li.arrow2,
li.check,
li.circle,
li.cross,
li.minus,
li.plus,
li.square,
li.star,
ul.arrow li,
ul.arrow2 li,
ul.check li,
ul.circle li,
ul.cross li,
ul.minus li,
ul.plus li,
ul.square li,
ul.star li {
    font-size: 15px
}

ol ol li,
ol ul li,
ul ol li,
ul ul li {
    margin-bottom: 6px
}

li {
    line-height: 1.6;
    margin-bottom: 4px;
    font-weight: 400
}

img {
    height: auto;
    vertical-align: middle
}

.button,
.button.green,
.wn-btn,
button.green,
input[type=submit],
input[type=submit].green,
input[type=reset],
input[type=reset].green,
input[type=button],
input[type=button].green {
    position: relative;
    border: 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 21px;
    margin-right: 10px;
    padding: 18px 26px;
    background: #437df9;
    -webkit-transition: all .21s ease;
    -moz-transition: all .21s ease;
    -o-transition: all .21s ease;
    transition: all .21s ease
}
a.button.rounded { border-radius: 50px;}

.button.bold,
label,
legend {
    font-weight: 700
}

fieldset,
form {
    margin-bottom: 20px
}

input[type=password],
input[type=email],
input[type=text],
input[type=tel],
select,
textarea,
input[type=url] {
    border: 1px solid #e1e1e1;
    padding: 6px 4px;
    outline: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    color: #888;
    margin: 0 0 20px;
    min-width: 60px;
    width: 99%;
    max-width: 100%;
    min-height: 36px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

textarea {
    min-height: 60px
}

label,
legend {
    display: block;
    font-size: 13px
}

address,
table {
    margin: 0 0 1.6em
}

td,
th {
    border-width: 0 1px 1px 0
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    table-layout: fixed;
    width: 100%
}

caption,
td,
th {
    font-weight: 400;
    text-align: left
}

.clear,
.clearfix:after,
.clr,
.container:after,
.row:after {
    clear: both
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

img {
    vertical-align: middle
}

.clear,
.clearfix:after,
.clearfix:before,
.clr {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after,
.clearfix:before {
    content: '\0020'
}

.container:after,
.container:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.clearfix {
    zoom: 1
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 480px) {
    .container {
        width: 98%
    }
}

@media only screen and (min-width: 481px) and (max-width:767px) {
    .container {
        width: 96%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .container {
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .container {
        width: 960px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1280px) {
    .container {
        width: 1156px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 1921px) {
    .container {
        max-width: 1690px
    }
}


/* Blog
-------------------------------------------------- */
/* blog type minimal */
.blog .blg-minimal-full .postmetadata,
.archive .blg-minimal-full .postmetadata,
.search .blg-minimal-full .postmetadata,
.single .blg-minimal-full .postmetadata {
    margin: 0;
    position: relative;
    background: transparent;
    display: inline-block;
    padding: 0;
}

.blg-minimal-full .blog-header-metadata {
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
}

.blg-minimal-full .au-avatar {
    position: absolute;
    width: 45px;
    left: 0;
    top: 2px;
}

.blg-minimal-full .au-avatar img {
    width: 45px;
    height: auto;
}

.blg-minimal-full .au-avatar-box {
    min-height: 1px;
}

.blog-post,
.blog-single-post {
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 10px
}

.blog-single-post {
    background: #fff;
    padding: 0;
    border: none
}

.postmetadata {
    margin-bottom: 10px;
    display: table;
    background: #f5f5f5;
    width: 100%;
    padding: 11px;
    border: none
}

.blog-post .au-avatar img,
.blog-single-post .au-avatar img {
    width: 33px;
    margin: 5px auto;
    background: #fff;
    border-radius: 55px
}

.blog-post.blgtyp2 .au-avatar,
.blog-single-post .au-avatar img {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 11px
}

.blog-post.blgtyp2 .au-avatar-box,
.blog-single-post .au-avatar-box {
    min-height: 100%;
    margin-bottom: 8px;
    overflow: hidden;
    display: inline
}

.au-avatar-box {
    min-height: 40px
}

.au-avatar-box .blog-author {
    padding-top: 6px;
    font-weight: 400
}

.blog-post h3.post-title,
.blog-single-post h1.post-title {
    font-size: 50px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0;
    word-wrap: break-word;
    margin-bottom: 20px
}

.blog-single-post h1.post-title,
.postshow1 h1.post-title {
    word-wrap: break-word;
    margin-top: 15px;
    margin-bottom: 30px;
    color: #1f2123;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1px
}

.blog-post div,
.blog-post p,
.blog-single-post p img,
.post img,
.row-wrapper-x div.wp-caption,
.row-wrapper-x img,
.row-wrapper-x p {
    max-width: 100%
}

.blog-single-post .au-avatar-box .au-avatar {
    overflow: hidden;
    margin-bottom: 10px
}

.blog .postmetadata,
.single .postmetadata {
    margin: 20px auto;
    position: relative
}

.single .postmetadata.postshow5 div a:hover {
    text-decoration: underline;
}

.post-trait-w,
.post-trait-w .single-featured-image {
    position: relative
}

.blog-post .wpb_gallery.wpb_content_element,
.blog-post iframe,
.blog-post img.full,
.blog-single-post .fluid-width-video-wrapper,
.blog-single-post .wpb_gallery.wpb_content_element,
.blog-single-post iframe,
.blog-single-post img.full {
    margin-bottom: 18px
}

.postmetadata i {
    padding: 0 7px
}

.post-tags {
    background: 0 0;
    padding: 16px;
    margin-top: 20px
}

.post-tags i {
    font-size: 24px;
    color: #303030;
    margin-right: 5px
}

.post-tags a {
    display: inline-block;
    color: #444;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
    padding: 3px 7px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    margin: 1px 3px
}

.post-tags a:hover {
    text-decoration: underline
}

.blog-social-3 {
    opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.blog-social-3 a i.sl-social-twitter {
    padding-top: 10px
}

.blog-social-3 a i.sl-social-linkedin {
    padding-top: 8px
}

.blog-social-3 a i {
    color: #222;
    font-size: 20px;
    width: 40px;
    height: 40px;
    font-weight: 100;
    vertical-align: middle;
    padding-top: 9px;
    border: 1px solid;
    border-radius: 50px;
    background: #fff
}

@media (min-width: 960px) {
    .blog-social-3 a {
        position: relative;
        display: block
    }

    .blog-social-3 a i {
        display: block;
        margin-bottom: 12px
    }

    .blog-social-3 {
        position: fixed;
        top: 50%;
        z-index: 2;
        left: 10px
    }

    .blog-social-3 .single-wntooltip:after {
        top: -12px;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
}

.single-wntooltip {
    position: relative
}

.single-wntooltip:after,
.single-wntooltip:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .18s ease;
    transition: all .18s ease
}

.single-wntooltip:before {
    position: absolute;
    top: -35px;
    left: 5px;
    padding: 0 8px;
    background-color: #010101;
    border-radius: 0;
    color: #fff;
    content: attr(data-wntooltip);
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    height: 23px;
    line-height: 24px;
    white-space: nowrap;
    letter-spacing: 1px;
    z-index: 2;
    box-shadow: 0 4px 18px -2px rgba(0, 0, 0, .5)
}

.single-wntooltip:after {
    content: '';
    position: absolute;
    top: -12px;
    left: 13px;
    width: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #010101 transparent transparent
}

.single-wntooltip:hover:after,
.single-wntooltip:hover:before {
    opacity: 1;
    visibility: visible
}

.container.rec-posts {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    width: auto;
    max-width: none
}

.commentbox h3.comment-reply-title,
.commentbox h4.comments-title,
.container.rec-posts h3.rec-title,
.rec-posts-type3 h3.rec-posts-type3-title {
    position: relative;
    margin: 40px 0 50px;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 27px;
    text-align: center;
    text-transform: none;
    letter-spacing: -1px;
    color: #000
}

.commentbox h3.comment-reply-title:before,
.commentbox h4.comments-title:before,
.container.rec-posts h3.rec-title:before,
.rec-posts-type3 h3.rec-posts-type3-title:before {
    content: "";
    height: 3px;
    width: 61px;
    background: #437df9;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0
}

.rec-post h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0;
    padding: 7px 1px 4px;
    letter-spacing: -.6px
}

a.addtocart,
a.magicmore,
a.select-options {
    position: relative;
    padding: 3px 11px 2px 0;
    color: #437df9;
    -webkit-transition: all .18s ease;
    -moz-transition: all .18s ease;
    -ms-transition: all .18s ease;
    -o-transition: all .18s ease;
    transition: all .18s ease
}

.magicmore:after {
    font-family: themify;
    font-size: 15px;
    content: "\e628";
    margin-right: 5px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

a.magicmore {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .1px;
    color: #437df9;
    line-height: 1
}

#wrap a.magicmore:after {
    content: "\e628";
    position: absolute;
    top: 50%;
    right: -10px;
    left: auto;
    margin: -4px 0 0;
    font-size: 10px;
    padding: 0 3px 0 4px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.dpr-discu-main-loop-wrap h3 {
    font-size: 19px;
    font-weight: 300;
    color: #888;
    text-align: center;
    padding: 15px;
    background: #fafafa;
    border: 1px solid #eee
}

.w-next-article,
.w-prev-article {
    margin-top: 30px
}

.w-next-article {
    text-align: right;
    position: relative;
    padding-right: 59px
}


.w-prev-article {
    text-align: left;
    position: relative;
    padding-left: 59px
}

.widget .socialfollow {
    float: none;
    clear: both;
    margin: 10px 0 0;
    overflow: hidden
}

.widget .socialfollow a i {
    margin: 1px;
    color: #555;
    font-size: 21px
}

/* Main Styles */
body {
    background-color: #f4f7f8
}

#wrap,
#wrap.boxed-wrap {
    margin: 0 auto;
    background: #fff;
    visibility: visible;
    display: block;
    overflow: hidden
}

#wrap {
    position: relative;
    padding: 0;
    clear: both
}

.socialfollow {
    float: right
}

.socialfollow a {
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 8px;
    padding: 0;
    margin-right: 7px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .31s ease;
    -moz-transition: all .31s ease;
    -ms-transition: all .31s ease;
    -o-transition: all .31s ease;
    transition: all .31s ease
}

#scroll-top a {
    transition: all .3s ease;
    padding: 3px 0 0;
    border-radius: 0;
    background: #000;
    position: fixed;
    bottom: 48px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 32px;
    display: none;
    box-shadow: 0 5px 23px -3px rgba(0, 0, 0, .5);
    opacity: .89;
    filter: alpha(opacity=89);
    z-index: 9999
}

#scroll-top a i {
    font-size: 26px;
    color: #fff
}

@media(max-width: 767px) {
    #scroll-top.disable-in-mobile {
        display: none
    }
}

#scroll-top a:hover {
    background-color: #437df9;
    cursor: pointer
}

#headline h1,
#headline h2,
#headline h3 {
    text-align: center;
    color: #101010;
    font-size: 33px;
    line-height: 1.1;
    margin: 20px 12px 16px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.col-md-4 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .col-md-4 {
        width: 33.33333333333333%
    }
}

#wrap #commentform input[type=submit],.widget form input[type=submit]#searchsubmit,a.readmore {
    position: relative;
    text-align: left;
    display: inline-block;
    letter-spacing: 2px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 16px 24px;
    border: 1px solid #e4e4e4;
    color: #437df9;
    margin-bottom: 12px;
    z-index: 1;
    box-shadow: 0 3px 13px -4px rgba(0,0,0,.09);
    transition: all .22s ease-in-out
}

#wrap .postmetadata h6 {
    display: table-cell;
    letter-spacing: 0;
    font-size: 11px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    padding-right: 4px;
    margin-bottom: 0;
    border-right: 1px solid #ddd;
    color: #707070
}

#wrap #commentform input[type=submit]:hover, .widget form input[type=submit]#searchsubmit:hover, a.readmore:hover {
    background: #292929;
    color: #fff!important;
    border-color: #292929;
}

#wrap .wp-pagenavi a,#wrap .wp-pagenavi span {
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ebebeb;
    border-radius: 0;
    color: #707070;
    line-height: 1;
    padding: 10px 14px;
    font-size: 13px;
    margin: 3px;
    transition: all .3s ease
}

#wrap .wp-pagenavi span.pages {
    color: #707070;
    padding: 10px 23px
}

#wrap .wp-pagenavi span.current {
    border-color: #437df9;
    font-weight: 400;
    color: #437df9
}

#wrap .wp-pagenavi a:hover {
    border-color: #437df9;
    background: #437df9;
    color: #fff!important
}

@media (max-width: 480px) {
    #wrap .wp-pagenavi span.pages {
        display:none
    }
}