/* Style search forms */

.search-form {
    border-color: #d8d8d8;
    padding: 0;
    min-width: 150px;
}

@media screen and (min-width: 1201px) {
    .search-form {
        min-width: 200px;
    }
}

.widget_search .search-form .search-form-input {
    color: #585858;
    background-size: 20px;
    background-position: right 10px center;
    padding: 10px;
    font-family: sans-serif;
    font-size: 14px;
}

.widget_search .search-form .search-form-input::placeholder {
    color: #585858;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0px;
}

.search-form-input::-moz-placeholder {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.search-form-input::-webkit-input-placeholder {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

section.widget_categories form select {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    color: #585858;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px;
    width: 100%;
}

section.widget_archive select {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    color: #585858;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px;
    width: 100%;
}



@media screen and (min-width: 941px) {
    .search-form-input::-moz-placeholder {
        color: #d00868;
    }

    .search-form-input::-webkit-input-placeholder {
        color: #d00868;
    }
}

/* Custom classes */

.hide-on-mobile {
    display: none;
}

@media screen and (min-width: 941px) {
    .hide-on-mobile {
        display: block;
    }

    .show-on-mobile {
        display: none;
    }
}


h1.entry-title, .entry-title a, .sidebar .widgettitle a {
    font-size: 17px;
    letter-spacing: 2px;
    color: #291f1e;
    margin-top: 20px;
    font-weight: 600;
    text-transform: uppercase;
}


main.content h1.entry-title {
    font-size: 32px;
    width: auto;
    font-family: "Reem Kufi",Helvetica,Arial,Geneva,sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: left;
    display: block;
    margin-bottom: 15px;
}


.entry-content p {
    padding: 0;
    text-align: justify;
    margin: 0 0 28px;
    color: #291f1e;
    font-weight: 400;
    font-size: 23px;
    line-height: 1.8em;
}

.breadcrumb {
    text-transform: uppercase;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.5em;
    font-family: 'Reem Kufi', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: #585858;
}

.entry-content ul > li {
    list-style-type: disc;
    color: #291f1e;
    line-height: 1.5em;
    font-family: 'Rubik',sans-serif;
    font-size: 23px;
}

body.single h2 {
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 25px;
}

body.single h3 {
    font-family: 'Rubik',sans-serif;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 2px;
}

/*Comment*/

.entry-comments h3, .comment-respond h3 {
    letter-spacing: 2px;
    font-weight: 600;
}

li.comment .comment-reply a {
    border: 1px solid #e8e8e8;
    padding: 4px 12px 2px 12px;
    background: none;
    color: #d00868;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
}

p.comment-form-cookies-consent {
    display: flex;
}

input#wp-comment-cookies-consent {
    margin: 10px 8px 10px 0px;
    width: 34px;
}

form.comment-form input[type="submit"] {
    font-family: "Reem Kufi",Helvetica,Arial,Geneva,sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 16px;
    border-radius: 10px;
    background-color: #d00868;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 12px 15px 10px 15px;
    width: auto;
}

form.comment-form textarea {
    border: 1px solid #d7d7d7;
}

form.comment-form input {
    border: 1px solid #d7d7d7;
}

form.comment-form p.comment-form-author input[type="email"],
form.comment-form p.comment-form-author input[type="text"],
form.comment-form p.comment-form-author input[type="url"] {
    width: 100%;
}

div.comment-respond {
    padding: 20px;
    border: 1px solid #e8e8e8;
}

/*Recipe Post Intro*/

.recipe-intro {
    text-align: justify;
    margin: 0 0 30px;
    color: #291f1e;
    font-weight: 400;
    font-family: 'Rubik',sans-serif;
    font-size: 23px;
    line-height: 1.8em;
}


/*Search Result Page ( Archive )*/

h1.archive-title {
    font-size: 20px;
}


/*Pagination UI CSS*/

.archive-pagination li a:hover, .archive-pagination .active a {
    background-color: #d00868;
    border-color: #d00868;
    color: #fff !important;
}

.archive-pagination li a {
    display: inline;
    padding: 10px 16px;
    background: #FFF;
    color: #291f1e;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Rubik Regular',sans-serif;
}

.archive-pagination li {
    display: inline;
    padding: 0px !important;
}

@media only screen and (max-width: 480px) {

    .archive-pagination li.pagination-previous,
    .archive-pagination li.pagination-next {
        display: block;
        text-align: center;
    }

    div.archive-pagination ul li a {
        display: inline-block !important;
    }

    div.archive-pagination ul {
        text-align: center;
    }

}


/*Convert-kit Forms*/

.formkit-form .formkit-alert-success {
    background: #FFF !important;
    border-color: #10bf7a !important;
    color: #0c905c !important;
}

/*disable Image Hover Opacity Effect*/

a:hover, a:focus {
    opacity: 1 !important;
}

a:hover img, a:focus img {
    opacity: 1 !important;;
    -webkit-transition: none !important;
    transition: none !important;
}