/*---------------------------------------------------------------------------------

 Theme Name:   Mastering Baking
 Theme URI:    https://masteringbaking.com
 Description:  Mastering Baking
 Author:       Ryu
 Author URI:   https://masteringbaking.com
 Template:     Extra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*******************************
***** GLOBAL
*******************************/

.pagination li a:hover {
    color: #d16d22;
}

#content-area table td {
    padding: .6em;
}

#content-area table tr:hover {
    background-color: #E5E5E5;
}

#main-content {
    padding-top: 24px;
}

.anchor {
    position: relative;
}

.anchor span {
    position: absolute;
    left: 0px;
    top: -70px;
}

/*
CSS for Edge
*/
@supports (-ms-ime-align:auto) {
    .anchor {
        position: relative;
    }

    .anchor span {
        position: absolute;
        left: 0px;
        top: -215px;
    }
}

/*
CSS for Firefox
*/
@-moz-document url-prefix() {
    .anchor {
        position: relative;
    }

    .anchor span {
        position: absolute;
        left: 0px;
        top: -215px;
    }
}

/*
CSS for IE
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .anchor {
        position: relative;
    }

    .anchor span {
        position: absolute;
        left: 0px;
        top: -215px;
    }

}

/*******************************
***** HEADER
*******************************/

#main-header {
    border-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

#main-header .container a {
    margin: 4px;
}

#et-navigation > ul > li > a {
    position: relative;
    display: block;
    border: 0;
    padding: 0 0 30px;
    /*font-weight: 600;*/
}

#et-menu {
    /*margin-bottom: 7px;*/
    padding-bottom: 0px;
}

#et-navigation > ul > li > ul {
    margin-top: 0px;
}

#et-info .et-top-search .et-search-field {
    padding: 4px 8px;
}

#et-info .et-top-search .et-search-submit {
    top: 42%;
}

@media only screen and (max-width: 480px) {
    #et-info .et-top-search {
        display: none;
    }
}

#et-menu ul {
    padding: 10px 0px;
}

#et-menu .sub-menu li {
    padding: 0px 20px;
}

#et-menu .sub-menu li a {
    padding: 10px 10px;
}

#et-menu .sub-menu li:first-child > a {
    padding: 0px 10px 10px 10px;
}

#et-menu .sub-menu li:last-child > a {
    padding: 10px 10px 0px 10px;
}

#et-menu .sub-menu li:only-child > a {
    padding: 0px 10px;
}

@media only screen and (min-width: 768px) {
    .et-fixed-header #main-header .logo {
        height: 0px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .centered .logo {
        margin: 4px 0 !important;
    }
}

/*******************************
***** POSTS OVERVIEW
*******************************/

#main-content .post-meta a {
    color: #d16d22;
}

#main-content .post-meta a:hover {
    color: #512A0D;
}

.posts-blog-feed-module.masonry .post-content {
    padding-bottom: 0px;
}

.read-more-button {
    display: none;
}

.posts-blog-feed-module .pagination {
    padding: 0px;
}

.et_pb_extra_module .main-post article .post-content h2 {
    margin-bottom: 8px;
}

.et_pb_extra_module .posts-list article .post-content {
    padding-top: 0px;
}

/*******************************
***** SIDEBAR
*******************************/
.widgettitle {
    background-color: #512A0D !important;
}

#srpw_widget-3 a, srpw_widget-3 a:visited, #tag_cloud-3 a, #tag_cloud-3 a:visited, #categories-4 a, #categories-4 a:visited, #azurecurve_tag_cloud-2 a, #azurecurve_tag_cloud-2 a:visited {
    color: rgba(0, 0, 0, .75);
}

#tag_cloud-3 a:hover, #categories-4 a:hover, #azurecurve_tag_cloud-2 a:hover {
    color: #d16d22;
}

#better-recent-comments .comment-avatar img {
    border-radius: 50%;
}

#better-recent-comments li:first-child {
    padding-top: 0px;
}

#better-recent-comments li:last-child {
    padding-bottom: 0px;
}

#srpw_widget-3 li {
    padding: 0px 0;
    border: none;
}

#srpw_widget-3 .srpw-content {
    padding: 0 15px;
}

#srpw_widget-3 .srpw-classic-style li {
    padding: 0px 0 !important;
    border: none !important;
    margin-bottom: 10px !important;
}

#srpw_widget-3 .srpw-aligncenter {
    margin-bottom: 6px;
}

#azurecurve_tag_cloud-2 {
    padding: 0 0 12px 0;
    text-align: center;
}

#azurecurve_tag_cloud-2 h4 {
    margin-bottom: 10px;
    text-align: left;
}

#azurecurve_tag_cloud-2 a {
    display: inline-block;
    float: none;
    padding: 0px 8px 5px 8px;
}

#searchform input {
    padding: 0px;
    background-color: #FFFFFF;
    width: 100%;
}

/*******************************
***** ARCHIVES
*******************************/
.archives {
    margin-bottom: 24px;
}

.archives h1 {
    padding: 20px 0 20px 20px;
    margin: 0px;
}

.archives-content {
    padding: 0 20px 20px 20px;
}

/*******************************
***** SINGLE
*******************************/
.page article, .single article {
    margin-bottom: 24px;
}

#breadcrumbs {
    width: 90%;
    padding: 20px 5% 30px 5%;
}

.post-header {
    text-align: left;
    width: 90%;
    padding: 0 5% 30px 5%;
}

.et_pb_section {
    padding: 2% 0 0px 0;
}

.entry-title {
    font-size: 2em;
}

.post-wrap .wp-block-heading {
    padding-top: 8px;
}


.post-wrap h2 {
    font-size: 1.8em;
}

.post-wrap h3 {
    font-size: 1.6em;
}

.post-wrap h4 {
    font-size: 1.4em;
}

.post-wrap p {
    margin-bottom: 1.0em;
}

.post-wrap p:last-child {
    margin-bottom: 1.7em;
}

.post-wrap ul, .post-wrap ol {
    padding-top: 0px;
    padding-bottom: 0px;
}

.post-wrap table {
    margin: 8px 0px 16px 0px;
    border-left: none;
    border-right: none;
}

#content-area .post-wrap a, #content-area .post-wrap a:visited {
    color: #d16d22;
}

#content-area .post-wrap a:hover, .tags a:hover {
    color: #512A0D;
}

#content-area .post-wrap .et_social_inline_bottom {
    margin-bottom: -6px;
}

.post-footer {
    padding: 14px 32px 0 28px;
    text-align: left;
}

#content-area .share-title {
    display: none;
}

.tags {
    margin: 0 15px 20px 20px;
}

.tags-label {
    width: 5%;
    display: inline-block;
}

.tags-content {
    width: 94%;
    display: inline-block;
    vertical-align: top;
}

#snippet-box {
    display: none !important;
}

/*******************************
***** SINGLE - GALLERY
*******************************/
.gallery {
    margin: -10px 0 10px 0;
}

.gallery .gallery-item {
    float: left;
    margin: 0px;
    text-align: center;
    width: 33%;
}

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

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

.gallery img {
    padding: 0px 3px 0px 3px;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl, .gallery dt {
    margin: 0;
}

.gallery br + br {
    display: none;
}

/*******************************
***** PAGE - CONTACT FORM
*******************************/
#cntctfrm_contact_form .cntctfrm_label {
    padding: 16px 0 8px 0;
}

#cntctfrm_contact_form .cntctfrm_label_captcha {
    padding: 0px;
}

/*******************************
***** POSTS NAVIGATION
*******************************/
.post-nav {
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
}

/*******************************
***** RELATED POSTS
*******************************/
.related-posts {
    margin-bottom: 24px;
}

.author-box-header h3, .related-posts-header h3 {
    padding: 20px 0 20px 20px;
    font-size: 18px;
}

/*******************************
***** COMMENTS
*******************************/
#comment-wrap {
    padding-top: 0px;
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    overflow: hidden;
}

#comments-custom a, #comment-wrap a:visited {
    color: #d16d22;
}

#comments-custom a:hover {
    color: #512A0D;
}

#comments-custom .page_title {
    padding: 10px 20px 20px 20px;
    margin-bottom: 0px;
    font-size: 18px;
}

#comments-custom {
    margin: auto;
    padding: 10px 0 20px 0;
}

.commentlist {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 0px;
    padding: 10px 20px 0px 20px;
}

#respond {
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}

#respond h3 {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 20px 20px 20px;
    font-size: 18px;
}

#respond form {
    padding: 10px 20px 20px 20px;
}

li #respond h3 {
    padding: 30px 0px 0px 0px;
    border: none;
}

li #respond form {
    padding: 10px 0px 30px 0px;
    margin-bottom: 20px;
}

#comments-custom .reply-container {
    margin-top: 8px;
}

#comments-custom .reply-container a {
    color: rgba(0, 0, 0, .75);
}

#comments-custom .reply-container a:hover {
    color: #d16d22;
    background-color: rgba(0, 0, 0, 0.1);
}

#comments-custom .comment-notes {
    margin-top: 10px;
}

#comments-custom .logged-in-as {
    margin-top: 10px;
}

#comments-custom .form-submit input {
    padding: 13px 12px 13px 12px;
}

#comments-custom .comment-body {
    padding-right: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0%;
}

#comments-custom .comment-content {
    margin-bottom: 10px;
}

.comment_avatar img {
    border-radius: 50%;
}

#comments-custom .comment_date {
    color: rgba(0, 0, 0, .7);
}

.comment-form-author input, .comment-form-email input, .comment-form-url input {
    text-transform: none;
}

#commentform textarea {
    line-height: 22px;
}

@media (min-width: 768px) {
    /** The breakpoint for the comments form **/
    .children .comment.depth-2 {
        margin-left: 30px;
    }

    /** offsets the first child, but no others **/
    /** offsets the first child, but no others **/
    .comment .children .comment_avatar img {
        max-width: 60px;
    }

    /** make reply avatars smaller **/
    .comment .children .comment_avatar {
        margin-left: 20px;
    }

    /** keep reply avatars left **/
}

@media (max-width: 767px) {
    .comment-reply-link {
        bottom: -20px !important;
    }

    /**keeps the button off of the text **/
    .comment_area {
        padding-bottom: 20px;
    }

    /**keeps the button off of the text **/
    .comment_avatar {
        max-width: 50px
    }

    /** smaller avatar on mobile **/
    .comment_postinfo, .comment-content.clearfix {
        margin-left: -20px;
    }
}

/*******************************
***** PRINT
*******************************/
@media print {

    #top-header, .post-header .post-meta, #et-navigation, .et_pb_gallery_image, .post-footer, .post-nav, .related-posts, #comment-wrap, #footer, #content-area .et_pb_extra_column_sidebar, #back_to_top, #content-area .et_social_inline_bottom {
        display: none;
    }

    /*--- Header ---*/
    header {
        width: 100%;
        height: 85px;
        margin: 0px;
        padding: 0px;
    }

    #logo {
        height: 60px;
        margin-bottom: 0px;
    }

    #main-header .logo {
        height: 100px;
        margin-bottom: 0px;
    }

    #main-header-wrapper, #main-header, #main-header .container {
        width: 100%;
        height: 0px;
        margin: 0px;
        padding: 0px;
    }

    /*--- Article content ---*/
    .page article, .single article {
        margin: 0px;
        border: none;
        box-shadow: none;
        width: 100%;
    }

    #main-content {
        padding: 0px;
        margin: 0px;
    }

    #et-boc .et_pb_section {
        padding: 0px;
    }

    table {
        margin: 5px 0px;
    }

    table td {
        padding: 2px;
    }

    .et_pb_text_inner h3 {
        padding-bottom: 0px;
    }

    .post-header, .et_pb_section {
        padding: 0px;
    }

    #content-area .et_pb_module, #content-area .et_pb_row, ul, ul li {
        margin-bottom: 0px;
    }

    #content-area .et_pb_row {
        padding-bottom: 0px;
        padding-top: 10px;
    }

    p:last-of-type {
        margin-bottom: 10px;
    }

    #content-area .et_pb_extra_column_main {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    /*--- Sidebar ---*/
    #content-area .et_pb_extra_column_sidebar {
        width: 0%;
        max-width: 0%;
        min-width: 0%;
    }
}

/*******************************
***** SIDEBAR
*******************************/

#sidebar-recommended-baking-tool {
    text-align: center;
}

#sidebar-recommended-baking-tool h4 {
    font-size: 14px;
    margin-top: 3px;
}

#sidebar-recommended-baking-tool a:hover h4{
    color: #d16d22 !important;
}