/*
Theme Name: The Writers Blog Child
Version: 1.0
Description: A child theme of The Writers Blog
Author: admin
Template: the-writers-blog
*/

@import url("../the-writers-blog/style.css");
@font-face {
    font-family: 'FontAwesome Brands';
    font-style: normal;
    font-weight: normal;
    src: url("assets/webfonts/fa-brands-400.eot");
    src: url("assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-brands-400.woff2") format("woff2"), url("assets/webfonts/fa-brands-400.woff") format("woff"), url("assets/webfonts/fa-brands-400.ttf") format("truetype"), url("assets/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'FontAwesome Brands';
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url("assets/webfonts/fa-regular-400.eot");
    src: url("assets/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-regular-400.woff2") format("woff2"), url("assets/webfonts/fa-regular-400.woff") format("woff"), url("assets/webfonts/fa-regular-400.ttf") format("truetype"), url("assets/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'FontAwesome';
    font-weight: 400;
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    src: url("assets/webfonts/fa-solid-900.eot");
    src: url("assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-solid-900.woff2") format("woff2"), url("assets/webfonts/fa-solid-900.woff") format("woff"), url("assets/webfonts/fa-solid-900.ttf") format("truetype"), url("assets/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'FontAwesome';
    font-weight: 900;
}


h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

@media (min-width: 960px) {
    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 28px;
    }
}

.logo .site-title {
    margin: 0;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
}

.logo .site-description {
    font-size: 18px;
}

.logo .site-title a {
    font-weight: 800;
    color: #000;
    font-size: 34px;
}

.post-image {
    margin-bottom: 15px;
}

blockquote {
    background: #666;
    border-radius: 5px;
    padding: 15px 25px;
}

blockquote p {
    color: #fff;
    font-size: 18px;
    margin: 0;
    border-left: 5px solid #fff;
    padding-left: 10px;
}

.home blockquote,
.page-id-131 blockquote {
    display: inline-block;
}

.blogger h3,
.blogger .text {
    padding: 0 10px;
}

.text p,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    margin-top: 10px;
}

.wp-post-image {
    margin-bottom: 15px;
}

.img-desktop {
    display: block;
}

.img-mobile {
    display: none;
}

#main-content ol,
#main-content ul,
p {
    color: #212529;
    line-height: 1.7;
    font-size: 18px;
}

#main-content ul:not(.uagb-toc__list) {
    list-style: disc;
}

#main-content ol:not(.uagb-toc__list),
#main-content ul:not(.uagb-toc__list) {
    margin-left: 15px;
    margin-bottom: 1rem;
}

#ez-toc-container ul {
    margin-left: 0;
    margin-bottom: 0;
}

.wp-block-uagb-table-of-contents {
    margin-bottom: 15px;
}

.page-id-652 .uagb-toc__list-wrap>.uagb-toc__list {
    margin-left: 0;
}

#main-content .warning-bullet,
#main-content .bearded-icons,
#main-content .bearded-factors {
    list-style: none;
    padding: 0;
    margin-left: 35px;
}

#main-content .warning-bullet li {}

#main-content .warning-bullet li:before {
    content: "\f056";
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em;
    color: #fe0219;
    font-weight: bold;
    font-size: 20px;
}

#main-content .bearded-factors li {}

#main-content .bearded-factors li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em;
    color: #59c346;
    font-weight: bold;
    font-size: 20px;
}

#main-content .bearded-icons {}

#main-content .bearded-icons li {
    padding-left: 40px;
    font-weight: bold;
    line-height: 32px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 5px;
}

#main-content .bearded-icons li:nth-child(1) {
    background-image: url("./bearded-icons/1.png");
}

#main-content .bearded-icons li:nth-child(2) {
    background-image: url("./bearded-icons/2.png");
}

#main-content .bearded-icons li:nth-child(3) {
    background-image: url("./bearded-icons/3.png");
}

#main-content .bearded-icons li:nth-child(4) {
    background-image: url("./bearded-icons/4.png");
}

#main-content .bearded-icons li:nth-child(5) {
    background-image: url("./bearded-icons/5.png");
}

#main-content .bearded-icons li:nth-child(6) {
    background-image: url("./bearded-icons/6.png");
}

#main-content .bearded-icons li:nth-child(7) {
    background-image: url("./bearded-icons/7.png");
}

#main-content .bearded-icons li:nth-child(8) {
    background-image: url("./bearded-icons/8.jpg");
}

#main-content .bearded-icons li:nth-child(9) {
    background-image: url("./bearded-icons/9.png");
}

.nav-next,
.post-navigation .nav-next {
    margin-top: 0;
}

.blogger {
    margin: 15px 0;
}

/* Menu */
.navigation-top {
    padding: 0;
    border-top: none;
}

.menu-toggle {
    padding: 0.5em 1em;
    display: block;
}

.main-navigation>div>ul {
    display: none;
}

.main-navigation.toggled-on>div>ul {
    border-top: 1px solid #eee;
    padding: 0.75em 1.695em;
}

.navigation-top nav {
    margin-left: 0;
}

.img-fullwidth,
.img-fullwidth img {
    width: 100%;
}

.wp-post-image {
    width: 100%;
}

@media (max-width:1024px) {
    /*	.sgpb-popup-dialog-main-div-theme-wrapper-6 {
		bottom: 100px;
		right: 230px;
	}
	#sgpb-popup-dialog-main-div.sgpb-content-299 {
		position: relative;
		right: 205px;
	}*/

    .m-buttom {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .logo .site-title a {
        font-size: 26px;
    }

    .logo .site-description {
        font-size: 17px;
    }

    .img-desktop {
        display: none;
    }

    .img-mobile {
        display: block;
    }

    #main-content .bearded-icons {
        margin-left: 0;
    }

    #main-content .bearded-icons li {
        padding-left: 40px;
        background-size: 32px 32px;
        background-position: left top;
        margin-bottom: 15px;
        line-height: 32px;
    }


}

@media (max-width: 480px) {
    .menu-toggle {}
}

@media (max-width: 385px) {
    .menu-toggle {
        /* margin-left: -15px; */
    }
}


.footer-menu {
    text-align: center;
}

.footer-menu ul {
    margin: 10px 0;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li:not(:last-child) {
    margin-right: 15px;
}

.footer-menu ul li a {
    color: #fff;
}

.footer-menu ul li a:hover {
    text-decoration: underline;
}