/*
Theme Name: IkonWP
Theme URI: https://ikonwp.com/
Description: Ikon is the perfect theme for your website. Lightweight and highly extendable, fast, responsive, translation ready, vibrant color scheme, beautiful typography and works with the most popular page builder Elementor.
Author: IkonWP Team
Author URI: https://ikonwp.com/about/
Version: 3.1.0
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, flexible-header, footer-widgets, full-width-template, theme-options, translation-ready, blog

Tested up to: 5.6
Requires PHP: 5.6

Text Domain: ikonwp
Domain Path: /languages

License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* =Page Templates
-------------------------------------------------------------- */
#content-100w {
    padding: 0;
}

.container-100w {
    padding: 0 20px;
}

/* =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: 10px 4px 5px;
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

.sticky,
.bypostauthor,
.screen-reader-text {
    outline: none;
}

.gallery-item .gallery-caption {
    text-align: center;
    padding: 0 20px 15px;
}

/* WordPress admin bar fix
/* ----------------------------------------------- */
html {
    margin-top: 0 !important;
}

body.admin-bar {
    margin-top: 32px !important;
}

body.admin-bar .header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        margin-top: 46px !important;
    }

    body.admin-bar .header {
        top: 46px !important;
    }
}

@media (min-width: 783px) {
    body.admin-bar .header__navbar.fixed-top {
        margin-top: 32px !important;
    }
}

@media (min-width: 600px) and (max-width: 782px) {
    body.admin-bar .header__navbar.fixed-top {
        margin-top: 46px !important;
    }
}

/* =WordPress Blocks
-------------------------------------------------------------- */
.main figure.aligncenter {
    display: table;
}

.main .wp-block-image .aligncenter {
    display: table;
}

/* =Header Text Logo fix
-------------------------------------------------------------- */
.header .header__logo.header__text h1 {
    white-space: normal;
}