@charset "UTF-8";
/*
Theme Name: hullcityafc theme
Theme URI: www.hullcityafc.net
Author: hullcityafc
Author URI: www.hullcityafc.net
Description: 
Version: 1.0
*/
body{
    font-family: 'Inter', sans-serif;
    background: #eee;
}div#top-head {
    background: #ef8903;
    padding: 10px 0;
}div#main-menu {
    background: #000;
}div#menumobile {
    max-width: 80%;
}a{
    color: #fd7e14;
    text-decoration: none;
}.link_style1{
    color: #fd7e14;
    text-decoration: none;
}.link_style2{
    color: #4bae4f;
    text-decoration: none;
}.banner-top-top a {
    margin: auto 2px;
}.table_responsive {
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
}.table_responsive table {
    min-width: 500px;
}.table_responsive table tr td {
    border: 1px solid #ccc;
    padding: 5px;
}
div#menumobile {
    background: #ef8903;
}div#menumobile .offcanvas-header {
    background: #000;
    padding: 5px 0;
    border-bottom: 1px solid #ef8903;
}div#menumobile .offcanvas-body {
    padding: 0;
}div#menumobile .offcanvas-header a {
    display: block;
    width: fit-content;
    margin: auto;
}ul#ul_main_menu_mobile {
    margin: auto;
    padding: 0;
}ul#ul_main_menu_mobile li {
    list-style: none;
}ul#ul_main_menu_mobile li a {
    display: block;
    padding: 6px 6px 6px 20px;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #ffffff5c;
    font-weight: 500;
}
ul#ul_main_menu_mobile > li:hover > a,
ul#ul_main_menu_mobile > li.current-menu-item > a,
ul#ul_main_menu_mobile > li.current_page_item > a,
ul#ul_main_menu_mobile > li.current-menu-parent > a,
ul#ul_main_menu_mobile > li.current-menu-ancestor > a,
ul#ul_main_menu_mobile > li.current_page_ancestor > a
{
    color: #ffc107;
    background: #000;
}
img.custom-logo {
    max-height: 80px;
    /* margin-top: 5px; */
    height: auto;
    display: block;
    width: auto;
}.icon-menu-mb {
    float: left;
    width: fit-content;
    padding: 5px;
}.icon-menu-mb img {
    width: 40px;
}
.main-content {
    background: #fff;
    margin: 20px auto;
    border-radius: 5px;
}
ul#ul_main_menu {
    margin: auto;
    padding: 0;
}ul#ul_main_menu > li {
    list-style: none;
    float: left;
    position: relative;
}
ul#ul_main_menu > li:hover > a,
ul#ul_main_menu > li.current-menu-item > a,
ul#ul_main_menu > li.current_page_item > a,
ul#ul_main_menu > li.current-menu-parent > a,
ul#ul_main_menu > li.current-menu-ancestor > a,
ul#ul_main_menu > li.current_page_ancestor > a
{
    background: #ef8901;
    color: #000;
}ul#ul_main_menu > li.menu-item-has-children > a {
    padding-right: 23px;
}ul#ul_main_menu > li.menu-item-has-children:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: calc(50% - 4px);
    right: 7px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
}ul#ul_main_menu > li.menu-item-has-children:hover:after,
ul#ul_main_menu > li.current-menu-item:after,
ul#ul_main_menu > li.current_page_item:after,
ul#ul_main_menu > li.current-menu-parent:after,
ul#ul_main_menu > li.current-menu-ancestor:after,
ul#ul_main_menu > li.current_page_ancestor:after
{
    border: solid #000;
    border-width: 0 2px 2px 0;
}
ul#ul_main_menu > li > a {
    text-decoration: none;
    display: block;
    padding: 0px 18px;
    color: #fff;
    font-weight: 600;
    line-height: 45px;
}ul#ul_main_menu > li > .sub-menu {
    display: none;
    width: 250px;
    background: #626165;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(98, 97, 101, 1)), to(rgba(40, 38, 44, 1)));
    background-image: linear-gradient(to right, rgba(98, 97, 101, 1) 0%, rgba(40, 38, 44, 1) 100%);
    position: absolute;
    margin: auto;
    padding: 0;
    z-index: 9999;
}ul#ul_main_menu > li:hover > .sub-menu {
    display: block;
}ul#ul_main_menu > li > .sub-menu > li {
    list-style: none;
    width: 100%;
}ul#ul_main_menu > li > .sub-menu > li > a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    color: #fff;
}
ul#ul_main_menu > li > .sub-menu > li:hover > a,
ul#ul_main_menu > li > .sub-menu > li.curent-menu-item > a,
ul#ul_main_menu > li > .sub-menu > li.current_page_item > a,
ul#ul_main_menu > li > .sub-menu > li.current-menu-parent > a,
ul#ul_main_menu > li > .sub-menu > li.current-menu-ancestor > a,
ul#ul_main_menu > li > .sub-menu > li.current_page_ancestor > a
{
    background: #ed1c24;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(237,28,36,1)),to(rgba(151,18,23,1)));
    background-image: linear-gradient(to right,rgba(237,28,36,1) 0%,rgba(151,18,23,1) 100%);
}
/* #left-sidebar, #sidebar-right {
    background: #eeeeee6e;
} */
.home_title, .page_title {
    font-size: 32px;
    font-weight: bold;
    margin: 10px auto 20px;
}.widget_title {
    font-size: 16px;
    font-weight: bold;
    margin: 0px auto 10px;
    /* color: #ef8903; */
}.widget_title a {
    color: #333;
    text-decoration: none;
}

.widget_item > div > ul > li {
    list-style: none;
    width: 100%;
    margin-bottom: 1px;
    border-bottom: 1px dashed #ef890361;
}.widget_item > div > ul > li:nth-last-child(1) {
    border: 0;
}
.widget_item > div > ul > li > a:hover,
.widget_item > div > ul > li.curent-menu-item > a,
.widget_item > div > ul > li.current_page_item > a,
.widget_item > div > ul > li.current-menu-parent > a,
.widget_item > div > ul > li.current-menu-ancestor > a,
.widget_item > div > ul > li.current_page_ancestor > a
{
    color: #ef8903;
    font-weight: bold;
}
.widget_item > div > ul {
    margin: auto;
    padding: 0;
}.widget_item > div > ul > li > a {
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 0;
    color: inherit;
    font-size: 14px;
}.widget_item > div > ul > li > ul {
    padding: 0;
    margin: 0;
}.widget_item > div > ul > li > ul > li {
    list-style: none;
    width: 100%;
}.widget_item > div > ul > li > ul > li > a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 3px 10px;
}.widget_item > div > ul > li > ul > li > a::after {
    content: "";
    width: 4px;
    height: 4px;
    display: block;
    float: left;
    background: #333;
    margin-right: 5px;
    margin-top: 10px;
}
.widget_item > div > ul > li > ul > li > a:hover,
.widget_item > div > ul > li > ul > li.curent-menu-item > a,
.widget_item > div > ul > li > ul > li.current_page_item > a,
.widget_item > div > ul > li > ul > li.current-menu-ancestor > a,
.widget_item > div > ul > li > ul > li.current_page_ancestor > a,
.widget_item > div > ul > li > ul > li.current-menu-parent > a
{
    color: #c5171e;
}

button#search-btn {
    margin-top: 14px;
}p#breadcrumbs {
    margin: 10px auto;
    font-size: 13px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}.table_off_content ul {
    padding: 0px;
    margin: auto;
}.table_off_content ul li {
    list-style: none;
}.table_off_content ul li a {
    text-decoration: none;
    display: block;
    padding: 3px 0;
}.table_off_content p {
    padding: 10px 0;
    margin: auto;
    font-weight: bold;
}
:root {
    --star-size: 20px;
    --star-color: #ccc;
    --star-background: #fc0
}.Stars {
    --percent: calc(var(--rating) / 100 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times;
    line-height: 1
}.Stars::before {
    content: '★★★★★';
    letter-spacing: 0px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}.rating {
    display: flex;
    justify-content: left;
    align-items: center;
    height: auto
}.rating span {
    line-height: 24px;
    height: 20px
}
/* category */
.archive_list_post > div > a > img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
/* entry_content */
.entry_content {
    word-wrap: break-word;
}.entry_content h2{
    font-size: 26px;
    font-weight: bold;
    margin: 20px auto;
}.entry_content h3{
    font-size: 23px;
    font-weight: bold;
    margin: 15px auto;
}.entry_content h4{
    font-size: 21px;
    font-weight: bold;
    margin: 15px auto;
}.entry_content h5{
    font-size: 19px;
    font-weight: bold;
    margin: 15px auto;
}
.entry_content img{
    border-radius: 5px;
}
.entry_content img, .entry_content .wp-caption {
    display: block;
    margin: auto;
    max-width: 100%;
}.entry_content .wp-caption p {
    text-align: center;
    color: #5e5e5e;
    font-size: 14px;
}.entry_content blockquote {
    background: #ffd70017;
    padding: 5px 10px;
    border-left: 3px solid #ef8903;
    margin: 20px auto;
}.entry_content blockquote p {
    font-size: 15px;
    margin-bottom: 5px;
}
.paginate_links {
    text-align: center;
    margin: 20px auto;
}.paginate_links a, .paginate_links span {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    background: #232f3e;
    min-width: 35px;
    color: #fff;
    text-decoration: none;
}.paginate_links .current, .paginate_links a:hover, .paginate_links span:hover {
    background: #ef8903;
}.widget_item {
    margin: 20px auto;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}


@media(max-width:768px){
    div#top-head {
        padding: 5px 0;
    }img.custom-logo {
        /* margin: auto; */
        max-height: 37px;
        margin-top: 6px;
    }.home_title, .page_title {
        font-size: 26px;
    }.banner-top-top a img {
        height: 50px !important;
        width: auto;
    }.banner-top-top a:nth-child(1) {
        display: none;
    }
}