/*
Theme Name: Mora
Theme URI: http://demos.mcnika.com/mora/
Author: mcnika
Author URI: http://themeforest.net/user/mcnika
Description: Mora is a beautiful Responsive WordPress Blog Theme. It is modern, clean and simple theme, perfect for bloggers. Installing and customizing is very easy. Mora theme is based on Bootstrap framework.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mora
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General
2.0 Accessibility
3.0 Headings
4.0 Header
    4.1 Top Bar
    4.2 Navigation
    4.3 Featured Content
5.0 Content
    5.1 Contact
6.0 Comments
7.0 Form
8.0 Widgets
9.0 Media
    9.1 Captions
    9.2 Galleries
    9.3 Slideshow 
10.0 Footer
11.0 Media queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/

body
{
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8;

    -ms-word-wrap: break-word;
        word-wrap: break-word;        
}

.wrapper
{
    max-width: 1400px;
    margin: 0 auto;

    border-width: 0 1px;
    border-style: solid;
    border-color: transparent;
}

img
{
    max-width: 100%;
    height: auto;
}

a
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

a,
a:hover,
a:visited,
a:focus
{
    text-decoration: none;

    outline: none;
}

ol,
ul
{
    margin: 0;
    padding: 0;
}

ol,
ul,
li
{
    list-style: none;
}

p
{
    margin-bottom: 20px;
}

blockquote
{
    font-size: 15px;

    border: 0;
}

blockquote p
{
    position: relative;

    padding-left: 25px;
}

blockquote p:before
{
    font-family: 'FontAwesome';

    position: absolute;
    left: 0;

    content: '\f10d';
}

blockquote p:after
{
    font-family: 'FontAwesome';

    position: absolute;

    margin-left: 10px;

    content: '\f10e';
}

.page-header
{
    margin-top: 0;
    margin-bottom: 40px;
    padding: 40px;

    text-align: center;
}

.page-content p
{
    margin-bottom: 0;
}

/*** social icons ***/

.social-icons li
{
    display: inline;
}

/*** clearings ***/

.entry-header:after,
.entry-content:after,
.nav-links:after
{
    clear: both;
}

.entry-header:before,
.entry-header:after,
.entry-content:before,
.entry-content:after,
.nav-links:before,
.nav-links:after
{
    display: table;

    content: '';
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
}

/* Form style */
#commentform label
{
    display: none;
    float: none;

    height: 0;
}

/*--------------------------------------------------------------
3.0 Headings
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;

    margin: 0;

    letter-spacing: 2px;
}

h1
{
    font-size: 35px;
}

h2
{
    font-size: 32px;
}

h3
{
    font-size: 24px;
}

h4
{
    font-size: 20px;
}

h5
{
    font-size: 16px;
}

h6
{
    font-size: 13px;
}

.entry-content h1,
.comments-area h1,
.entry-content h2,
.comments-area h2,
.entry-content h3,
.comments-area h3,
.entry-content h4,
.comments-area h4,
.entry-content h5,
.comments-area h5,
.entry-content h6,
.comments-area h6
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.site-title
{
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    line-height: 1.2;

    margin: 0;

    letter-spacing: 2px;
}

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

.site-branding
{
    padding: 50px 0 50px;

    text-align: center;
}

.site-description
{
    margin-bottom: 0;
}

/*--------------------------------------------------------------
4.1 Top Bar
--------------------------------------------------------------*/

.top-bar
{
    font-size: 13px;
    line-height: 35px;
}

.top-social-media .widget-title
{
    display: none;
}

.top-bar .top-social-media
{
    text-align: right;
}

.top-bar .social-icons li
{
    padding-right: 8px;
}

.top-bar .social-icons li:last-of-type
{
    padding-right: 0;
}

/*--------------------------------------------------------------
4.2 Navigation
--------------------------------------------------------------*/

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

.main-navigation li
{
    position: relative;

    display: inline-block;
}

.main-navigation a
{
    display: block;

    padding: 12px 20px;
}

.main-navigation ul ul
{
    position: absolute;
    z-index: 99999;
    top: 36px;
    left: auto;

    visibility: hidden;

    transition: all .3s ease;
    transform: translateY(20px);
    text-align: left;

    opacity: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}

.main-navigation ul ul a
{
    width: 200px;
    padding: 12px 20px 0;
}

.main-navigation ul ul li:last-child a
{
    padding-bottom: 12px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul
{
    visibility: visible;

    transition-delay: 0s, 0s, .3s;
    transform: translateY(0%);

    opacity: 1;
}

.menu-toggle-wrapper
{
    display: none;

    padding: 5px 0 1px 5px;
}

.menu-toggle
{
    padding: 0;

    border: none;
    border-radius: 4px;
    background-color: transparent;
}

.menu-toggle .icon-bar
{
    display: block;

    width: 22px;
    height: 2px;

    border-radius: 1px;
}

.menu-toggle .icon-bar + .icon-bar
{
    margin-top: 4px;
}

.main-navigation.toggled ul
{
    display: block;
}

/*--------------------------------------------------------------
4.3 Featured Content
--------------------------------------------------------------*/

.feat-bg
{
    height: 310px;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover !important;
}

.feat-content
{
    position: relative;

    width: 80%;
    height: 200px;
    margin: -30px auto 0;

    text-align: center;
}


.feat-box
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    padding: 12px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.feat-separator
{
    display: block;

    width: 10px;
    height: 2px;
    margin: 7px auto 6px;
}

.feat-title
{
    font-weight: bold;
    line-height: 24px;

    overflow: hidden;

    max-height: 75px;
}

.feat-desc
{
    margin: 5px;
}

.feat-title a:hover
{
    opacity: .7;
}

/*--------------------------------------------------------------
5.0 Content
--------------------------------------------------------------*/

.site-content
{
    margin-top: 60px;
    margin-bottom: 50px;
}

article
{
    margin-bottom: 50px;
    padding: 40px;
}

.entry-header
{
    padding-bottom: 20px;

    text-align: center;
}

.entry-content a:hover,
.comment-content a:hover
{
    opacity: .8;
}

/*** date ***/

.entry-date
{
    display: block;

    margin-top: 10px;
}

/*** categories ***/

.post-categories
{
    margin-bottom: 10px;
}

.post-categories .sep
{
    padding: 0 10px;
}

.post-categories .sep:after
{
    content: '\00b7';
}

/*** media ***/

.entry-media
{
    margin-bottom: 25px;

    text-align: center;
}

/*** more link ***/

.more-link-wrapper
{
    display: block;

    text-align: center;
}

.more-link
{
    line-height: 38px;

    display: inline-block;

    margin: 0 2px;
    padding: 0 17px;

    letter-spacing: 1px;

    border: 1px solid transparent;
}

/*** entry footer ***/

.entry-footer
{
    font-size: 13px;

    padding-top: 20px;
}

.entry-footer ul
{
    margin-bottom: 6px;
}

.entry-footer ul:last-child
{
    margin-bottom: 0;
}

.entry-footer li
{
    display: inline-block;

    padding-right: 2px;
}

.entry-footer li:first-child
{
    font-weight: bold;
}

.entry-footer li:last-child
{
    padding-right: 0;
}

/*** layout ***/

.min-light .entry-container,
.min-dark .entry-container
{
    border: 1px solid transparent;
}

.min-light .entry-container,
.min-dark .entry-container
{
    padding: 40px;
}

.min-dark a:hover
{
    opacity: .7;
}

.min-dark .more-link:hover
{
    opacity: 1;
}

.min-light .entry-footer,
.min-dark .entry-footer
{
    text-align: center;
}

/*** sticky post ***/

.sticky .entry-container
{
    padding: 40px;

    border: 3px double transparent;
}

/*** author post ***/

.bypostauthor .media-heading
{
    font-weight: bold;
}

/*** alignments  ***/

.alignleft
{
    display: inline;
    float: left;

    margin-right: 20px;
}

.alignright
{
    display: inline;
    float: right;

    margin-left: 20px;
}

.aligncenter
{
    display: block;
    clear: both;

    margin: 0 auto;
}

/*** lists ***/

.entry-content ul,
.comment-content ul
{
    margin-left: 20px;
}
.entry-content ol,
.comment-content ol
{
    margin-left: 20px;
}

.entry-content ul li,
.comment-content ul li
{
    list-style-type: disc;
}

.entry-content ol li,
.comment-content ol li
{
    list-style-type: decimal;
}

.entry-content ul ul,
.entry-content ol ul,
.comment-content ul ul,
.comment-content ol ul
{
    margin-left: 20px;
}
.entry-content ol ol,
.entry-content ul ol,
.comment-content ol ol,
.comment-content ul ol
{
    margin-left: 20px;
}

/*** definition lists ***/

dl
{
    margin-bottom: 20px;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-bottom: 20px;
}

/*** tables ***/

table,
th,
td
{
    border: 1px solid transparent;
    border: 1px solid transparent;
}

table
{
    line-height: normal;

    width: 100%;
    margin-bottom: 22px;

    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;

    border-width: 1px 0 0 1px;
}

caption,
th,
td
{
    font-weight: normal;

    text-align: left;
}

th
{
    font-weight: 700;

    border-width: 0 1px 1px 0;
}

td
{
    border-width: 0 1px 1px 0;
}

th,
td
{
    padding: 7px;
}

/*** post navigation ***/

.posts-navigation,
.post-navigation
{
    padding: 25px;
}

.nav-links > div
{
    display: inline;
}

.nav-next
{
    float: right;
}

.nav-next a:after
{
    position: relative;
    top: 1px;

    margin-left: 5px;

    content: '>>';
}

.nav-previous a:before
{
    position: relative;
    top: 1px;

    margin-right: 5px;

    content: '<<';
}

/* no results */

.not-found-block
{
    padding: 40px;
}

/* 404 */

.error-404-text
{
    font-size: 60px;

    margin-bottom: 20px;
}

.error-404 .page-content
{
    text-align: center;
}

.error-404 p
{
    margin-bottom: 0;
}

/*--------------------------------------------------------------
5.1 Contact
--------------------------------------------------------------*/

.wpcf7
{
    max-width: 450px;
}

.wpcf7 label
{
    font-weight: 400;

    display: block;
}

/*--------------------------------------------------------------
6.0 Comments
--------------------------------------------------------------*/

.comments-area
{
    font-size: 13px;

    margin-top: 50px;
    padding: 40px;
}

.comments-area p.form-submit
{
    margin-bottom: 0;
}

.comments-title
{
    text-align: center;
}

.comment-content
{
    margin-top: 5px;
}

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

.comments-area .media-heading
{
    font-size: 15px;

    margin-top: 0;
    margin-bottom: 5px;
}

.comment-reply-title
{
    margin-top: 0;
}

.comment .entry-meta-item
{
    margin-right: 7px;

    white-space: nowrap;
}

.comment .avatar
{
    max-width: none;
}

.comment-list
{
    padding-left: 0;
}

.list-sub
{
    margin-left: 30px;
}

.comment-line
{
    position: relative;

    display: block;

    width: auto;
    height: 1px;
    margin: 20px 0 25px;

    border-top: 1px solid transparent;
}

.comment-respond
{
    margin-bottom: 25px;
}

/*--------------------------------------------------------------
7.0 Form
--------------------------------------------------------------*/

textarea,
select,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='file']
{
    font-family: 'Open Sans', sans-serif;
    line-height: normal;

    display: block;
    float: none;

    width: 100%;
    max-width: 100%;
    padding: 8px 12px;

    border-width: 1px;
    border-style: solid;
    background: none;

    -webkit-appearance: none;
}

input[type='submit']
{
    font-family: 'Open Sans', sans-serif;

    display: inline-block;

    padding: 4px 20px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    border: none;
    border: 1px solid transparent;
}

.post-password-form input[type='submit']
{
    margin-bottom: 6px;

    vertical-align: bottom;
}

/*--------------------------------------------------------------
8.0 Widgets
--------------------------------------------------------------*/

.page-sidebar .widget
{
    margin-bottom: 30px;
    padding: 40px;
}

.page-sidebar .widget:last-of-type
{
    margin-bottom: 0;
}

.widget-title
{
    padding-bottom: 25px;

    text-align: center;
}

.widget ul li
{
    padding-bottom: 10px;
}

.widget ul li:last-child
{
    padding-bottom: 0;
}

.widget ul ul
{
    padding-top: 10px;
}

.widget ul.menu li ul
{
    padding-left: 10px;
}

/*** table ***/

.widget_calendar td,
.widget_calendar th
{
    text-align: center;
}

/*** wp recent posts ***/

.widget_recent_entries .post-date
{
    font-size: 13px;
    font-style: italic;

    display: block;
}

/*** instagram ***/

.instagram-pics
{
    text-align: center;
}

.null-instagram-feed ul li
{
    display: inline-block;

    margin-bottom: 0;
    margin-bottom: 0;
    padding: 5px;

    text-align: center;

    border-bottom: none;
}

.instagram-size-thumbnail li
{
    width: 25%;
}

.instagram-size-small li
{
    width: 33%;
}

.instagram-size-large li
{
    width: 50%;
}

/*** mora recent posts ***/

.mora_recent_posts .media
{
    margin-top: 20px;
}
.mora_recent_posts .media:first-of-type
{
    margin-top: 0;
}

.mora_recent_posts .media-object
{
    width: 100px;
    max-width: none;
}

.mora_recent_posts .media-heading
{
    font-size: 15px;
    font-weight: 400;

    margin-bottom: 10px;
}

.mora_recent_posts .media-heading a:hover
{
    opacity: .7;
}

.mora_recent_posts p
{
    font-size: 13px;
    line-height: 20px;

    margin-bottom: 0;
}

/*** about ***/

.mora_about_widget img
{
    margin-bottom: 10px;
}

/*** social widget ***/

.page-sidebar .mora_social_widget ul,
.footer .mora_social_widget ul
{
    text-align: center;
}

.page-sidebar .mora_social_widget ul li,
.footer .mora_social_widget ul li
{
    padding: 5px;
}

.page-sidebar .mora_social_widget li a,
.footer .mora_social_widget li a
{
    font-size: 16px;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/

iframe
{
    width: 100%;
    max-height: 400px;
}

/*--------------------------------------------------------------
9.1 Captions
--------------------------------------------------------------*/

.wp-caption
{
    max-width: 100%;
    margin-bottom: 20px;
}

.wp-caption img[class*='wp-image-']
{
    display: block;

    margin: 0 auto;
}

.wp-caption-text
{
    font-size: 13px;
    line-height: 1.5;

    text-align: center;
}

.wp-caption .wp-caption-text
{
    margin: 10px 0;
}

/*--------------------------------------------------------------
9.2 Galleries
--------------------------------------------------------------*/

.gallery
{
    margin-bottom: 1.5em;
}

.gallery-item
{
    display: inline-block;

    width: 100%;
    margin-bottom: 5px;
    padding-right: 5px;

    text-align: center;
    vertical-align: top;
}

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

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

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

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

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

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

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

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

.gallery-caption
{
    margin-top: 5px;
}

/*--------------------------------------------------------------
9.3 Slideshow 
--------------------------------------------------------------*/

.bx-wrapper
{
    margin: 0 auto 15px;
}

.bxslider-wrap
{
    visibility: hidden;
}

.bx-pager-img
{
    text-align: center;
}

.bx-pager-img img
{
    width: 70px;
    height: 70px;
    margin: 3px;
}

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

.footer .row
{
    display: flex;

    flex-wrap: wrap;
}

.footer-widget
{
    padding: 40px 0 0;

    border-bottom: 1px solid transparent;
}

.footer-widget .widget{
    margin-bottom: 40px;
}

.site-info
{
    font-size: 13px;

    padding: 25px 0;

    text-align: center;
}

.move-up
{
    font-size: 15px;
    line-height: 31px;

    position: fixed;
    z-index: 100;
    right: 15px;
    bottom: 10px;

    display: none;

    width: 35px;
    height: 35px;

    text-align: center;

    border: 1px solid transparent;
}

.move-up .fa
{
    display: inline-block;

    margin-top: -5px;
}

/*--------------------------------------------------------------
11.0 Media queries
--------------------------------------------------------------*/

@media (min-width:1500px)
{
    .container
    {
        width: 100%;
    }

    .site-content .container
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 992px)
{
    .footer .row
    {
        display: block;
    }   
}

@media (max-width: 768px)
{
    .top-bar
    {
        line-height: 25px;

        padding: 10px 0;
    }

    .top-bar,
    .top-bar .top-social-media
    {
        text-align: center;
    }

    .toggled .nav-container
    {
        padding-bottom: 10px;
    }

    .menu-toggle-wrapper
    {
        display: block;
    }

    .main-navigation
    {
        text-align: left;
    }

    .main-navigation ul
    {
        display: none;
    }

    .main-navigation li
    {
        display: block;
    }

    .main-navigation ul ul
    {
        position: static;

        visibility: visible;

        margin-left: 15px;

        transition: none;
        transform: none;

        opacity: 1;
        background: none!important;
        box-shadow: none;
    }

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul
    {
        transform: none;
    }

    .main-navigation a,
    .main-navigation ul ul a
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .main-navigation ul ul li:last-child a
    {
        padding-bottom: 5px;
    }

    .page-sidebar
    {
        margin-top: 50px;
    }

    .page-sidebar .widget
    {
        margin-bottom: 50px;
    }

    .nav-links > div
    {
        display: block;
    }

    .nav-next
    {
        float: none;
    }

    .nav-links
    {
        text-align: center;
    }

    .nav-links div:nth-child(2)
    {
        margin-top: 10px;
    }
}

@media (max-width: 600px)
{
    article
    {
        padding: 15px;
    }

    .sticky .entry-container
    .min-light .entry-container
    .min-dark .entry-container
    {
        padding: 15px;
    }
}