/*
Theme Name: Fete
Theme URI: http://demos.mcnika.com/fete/
Author: mcnika
Author URI: http://themeforest.net/user/mcnika
Description: Fete is a beautiful, clean and minimalistic WordPress Blog Theme. It is perfect for bloggers/ writers who want to have modern and classic blog. Installing and customizing is very easy. Fete theme is based on Bootstrap framework.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fete
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General
2.0 Accessibility
3.0 Headings
4.0 Header
    4.1 Navigation   
5.0 Content
    5.1 Contact
    5.2 Blocks
6.0 Comments
7.0 Form
8.0 Sidebar
9.0 Widgets
10.0 Media
    10.1 Captions
    10.2 Galleries
    10.3 Slideshow 
11.0 Footer
12.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-color: transparent;
}

.container
{
    max-width: 900px;
}

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;

    display: inline-block;

    margin-bottom: 0;
    padding: 0 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';
}

blockquote cite
{
    font-style: normal;

    display: block;

    margin-top: 10px;
}

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

    text-align: center;

    border: 0;
}

.header-info
{
    margin-bottom: 70px;
    padding: 40px;
}

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

/*** 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;
}

.site-title
{
    font-family: 'Dancing Script', cursive;
    font-size: 70px;
    line-height: normal;

    margin-bottom: 0;

    letter-spacing: 2px;
}

.site-title img
{
    max-height: 80px;
}

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

.site-branding
{
    margin: 50px 0;

    text-align: center;
}

/*--------------------------------------------------------------
4.1 Navigation
--------------------------------------------------------------*/

.top-bar
{
    padding: 3px 0;
}

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

.main-navigation li
{
    position: relative;

    display: inline-block;
}

.main-navigation a
{
    display: block;

    padding: 10px 20px;
}

.main-navigation a:hover
{
    opacity: .7;
}

.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 span:after
{
    font-family: 'FontAwesome';
    font-size: 16px;

    padding-left: 10px;

    content: '\f107';
    vertical-align: middle;
}

.toggled .menu-toggle span:after
{
    content: '\f106';
}

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

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

.site-main
{
    overflow: hidden;
}

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

.entry-info
{
    margin: 0 auto;
    padding: 40px;
}

.entry-header
{
    margin-bottom: 30px;

    text-align: center;
}

.entry-header::before
{
    display: block;

    width: 100px;
    height: 1px;
    margin: 0 auto 30px;

    content: '';

    background: transparent;
}

.entry-content
{
    font-size: 16px;
}

/*** media ***/

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

    text-align: center;
}

/*** more link ***/

.more-link-wrapper
{
    display: block;

    margin-top: 30px;
}

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

    display: inline-block;

    margin: 0 2px;
    padding: 8px 40px;

    letter-spacing: 2px;

    border: 1px solid transparent;
}

/*** entry footer ***/

.entry-footer
{
    text-align: right;
}

.entry-footer .entry-meta-item
{
    display: block;

    margin-bottom: 5px;
}

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

.entry-footer .entry-meta-item:first-of-type
{
    margin-top: 30px;
}

/*** sticky post ***/

.sticky .entry-info
{
    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-right: auto;
    margin-left: auto;

    text-align: center;

    /* 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
{
    margin-bottom: 6px;

    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
{
    width: 100%;
    margin: 0 0 1rem;

    border-collapse: collapse;
}

td,
th
{
    padding: 7px;

    word-break: break-all;

    border: 1px solid transparent;
}

/*** post navigation ***/

.posts-navigation,
.post-navigation
{
    margin-bottom: 70px;
    padding: 40px;
}

.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 */

.no-results
{
    margin-bottom: 80px;
    padding: 40px;
}

/* 404 */

.error-404
{
    margin-bottom: 80px;
    padding: 40px;

    text-align: center;
}

.error-404-text
{
    font-size: 80px;
}

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

.wpcf7
{
    max-width: 450px;
}

.wpcf7 label
{
    font-weight: 400;

    display: block;
}

/*--------------------------------------------------------------
5.2 Blocks
--------------------------------------------------------------*/

.entry-content > *,
.entry-summary > *
{
    max-width: 100%;
    margin: 30px 0;
}

.entry-content > *:first-child,
.entry-summary > *:first-child
{
    margin-top: 0;
}

.entry-content > *:last-child,
.entry-summary > *:last-child
{
    margin-bottom: 0;
}

.entry-content > * > *:first-child,
.entry-summary > * > *:first-child
{
    margin-top: 0;
}

.entry-content > * > *:last-child,
.entry-summary > * > *:last-child
{
    margin-bottom: 0;
}

.entry-content .wp-block-audio
{
    width: 100%;
}

.entry-info .entry-content > *.alignfull,
.entry-info .entry-summary > *.alignfull
{
    max-width: calc( 100vw + 160px );
    margin-right: -80px;
    margin-left: -80px;
}

.entry-info .entry-content > .wp-block-cover.alignfull
{
    width: auto;
}

.wp-block-button__link
{
    font-size: 14px;

    padding: 10px 36px;

    letter-spacing: 2px;
}

.entry-content .wp-block-gallery
{
    margin-left: 0;
}

.wp-block-pullquote blockquote p
{
    padding: 0 42px;
}

.wp-block-pullquote blockquote
{
    margin-bottom: 0;
}

.wp-block-pullquote
{
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.entry-content > .alignleft
{
    margin-top: 0;
    margin-bottom: 0;
}

.entry-content > .alignleft
{
    margin-right: 20px;
    margin-bottom: 20px;
}

.entry-content > .alignright
{
    margin-bottom: 20px;
    margin-left: 20px;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-larg p
{
    padding: 0 35px;
}

.wp-block-file .wp-block-file__button
{
    font-size: 14px;

    padding: 10px 36px;

    letter-spacing: 2px;
}

ul.wp-block-archives,
ul.wp-block-categories,
ul.wp-block-latest-posts
{
    padding-left: 20px;
}

ul.wp-block-categories ul
{
    margin-top: 6px;
}

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

ol.wp-block-latest-comments li
{
    list-style-type: none;
}

.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment
{
    min-height: 36px;
}

.wp-block-latest-comments.has-avatars .avatar
{
    margin-right: 10px;
}

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

.wp-block-separator:not(.is-style-wide):not(.is-style-dots)
{
    max-width: 100px;
    margin-right: auto;
    margin-left: auto;
}

pre
{
    font-size: 14px;

    padding: .8em 1em;

    color: #23282d;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    background: none;
}

.entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry-content .wp-block-gallery .blocks-gallery-item:last-child
{
    margin-bottom: 16px;
}

.wp-block-latest-posts.is-grid li
{
    list-style-type: none;
}

p.has-drop-cap:not(:focus):first-letter
{
    font-size: 60px;

    margin-top: 8px;
}

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

.comments-content
{
    margin: 0 auto 70px;
    padding: 80px;
}

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

h3.comments-title
{
    margin-bottom: 50px;

    text-align: center;
}

.comments-content .media-left
{
    padding-right: 25px;
}

.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: 40px 0 45px;

    border-top: 1px solid transparent;
}

#commentform .comment-form-cookies-consent label
{
    font-weight: normal;

    display: inline-block;

    margin-left: 10px;
}

/*--------------------------------------------------------------
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: 16px 12px;

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

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

    display: inline-block;

    padding: 10px 36px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    letter-spacing: 2px;

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

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

    vertical-align: bottom;
}

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

.sidebar-opened
{
    overflow-y: hidden;
}

.site-header .container
{
    position: relative;
}

.sidebar-nav-open
{
    font-size: 20px;

    position: absolute;
    top: 20px;
    right: 15px;

    display: block;
}

.sidebar-nav-close
{
    display: block;

    margin-bottom: 50px;
}

.admin-bar .sidebar-content
{
    padding-top: 60px;
}

.page-sidebar
{
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    bottom: 0;

    overflow-y: scroll;

    width: 350px;

    -webkit-transition: all .3s ease 0s;
       -moz-transition: all .3s ease 0s;
         -o-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);

    box-shadow: 0 0 15px 15px rgba(200, 200, 200, .14);
}

.sidebar-opened .page-sidebar
{
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
}

.sidebar-opened .overlay
{
    visibility: visible;

    opacity: 1;
}

.overlay
{
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;

    visibility: hidden;

    width: 100%;

    -webkit-transition: opacity .3s ease 0s;
       -moz-transition: opacity .3s ease 0s;
         -o-transition: opacity .3s ease 0s;
            transition: opacity .3s ease 0s;

    opacity: 0;
}

.sidebar-content
{
    padding: 30px 50px;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

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

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

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

.widget-title
{
    margin-bottom: 30px;
}

.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;
}

.widget td a
{
    font-weight: bold;
}

/*** wp recent posts ***/

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

    display: block;
}

/*** instagram ***/

.instagram-pics
{
    margin-top: -5px;

    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%;
}

/*** about ***/

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

/*** fete recent posts ***/

.fete_recent_posts .media
{
    margin-bottom: 20px;
}
.fete_recent_posts .media:last-of-type
{
    margin-bottom: 0;
}

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

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

    margin-bottom: 10px;
}

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

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

    margin-bottom: 0;
}

/*** social widget ***/

.fete_social_widget li
{
    display: inline;
}

.fete_social_widget li a
{
    font-size: 16px;

    margin: 0 7px;
}

.fete_social_widget li:first-child a
{
    margin-left: 0;
}

.fete_social_widget li:last-child a
{
    margin-right: 0;
}

.site-info .fete_social_widget li a
{
    font-size: 16px;

    margin: 0 15px;
}

/*--------------------------------------------------------------
10.0 Media
--------------------------------------------------------------*/

embed,
iframe,
object
{
    max-width: 100%;
}

/*--------------------------------------------------------------
10.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;
}

/*--------------------------------------------------------------
10.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;
}

/*--------------------------------------------------------------
10.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;
}

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

.footer-widget
{
    padding: 100px 0 30px;

    border-bottom: 1px solid transparent;
}

.site-info
{
    padding: 40px 0 5px;

    text-align: center;
}

.site-info .container > div
{
    margin-bottom: 15px;
}

.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;
}

/*--------------------------------------------------------------
12.0 Media queries
--------------------------------------------------------------*/

@media (min-width: 1400px)
{
    .wrapper
    {
        border-width: 0 1px;
        border-style: solid;
    }
}

@media (max-width: 992px)
{
    .footer-widget
    {
        padding: 30px;
    }

    .footer .widget
    {
        margin-top: 50px;
    }

    .footer .widget:first-child
    {
        margin-top: 0;
    }

    .comments-content
    {
        padding: 30px;
    }

    .posts-navigation,
    .post-navigation,
    .no-results,
    .error-404
    {
        padding: 30px;
    }
}

@media (max-width: 768px)
{
    .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 .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: 10px;
    }

    .entry-info
    {
        padding: 10px;
    }

    .entry-info .entry-content > *.alignfull,
    .entry-info .entry-summary > *.alignfull
    {
        max-width: calc( 100vw + 160px );
        margin-right: -20px;
        margin-left: -20px;
    }

    .more-link
    {
        padding: 6px 34px;
    }

    p.has-background
    {
        padding: 10px 15px;
    }
}

@media (min-width: 600px)
{
    .wp-block-column:nth-child(odd)
    {
        margin-right: 15px;
    }
    .wp-block-column:nth-child(even)
    {
        margin-left: 15px;
    }
    .wp-block-column:not(:first-child)
    {
        margin-left: 15px;
    }
    .wp-block-column:not(:last-child)
    {
        margin-right: 15px;
    }
}

@media (max-width: 350px)
{
    .page-sidebar
    {
        width: 100%;
    }

    .sidebar-content
    {
        padding: 30px;
    }
}