/*
 Template:     generatepress
*/

/* Blog content customization */
.separate-containers .site-main {
        margin-top: 0px;
    }

.archive-blog-articles:hover {
  background-color: white;
}

.featured-archive-blogs {
	border-radius: 5px;
}

/* Content min and max width margins for mobile devices */

@media (max-width: 1200px){
body.single .content-area {
    margin-left: 50px;
    margin-right: 50px;
}
}

@media (max-width: 768px){
body.single .content-area {
    margin-left: 5px;
    margin-right: 5px;
}
}

/* Break Points */
@media (max-width: 1200px) {
    .hide-on-mobile {
        display: none!important
    }

    a,body,button,input,select,textarea {
        transition: all 0s ease-in-out
    }

    .inside-header {
        flex-direction: column;
        text-align: center
    }

    .site-header .header-widget {
        margin-top: 1.5em;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .site-content {
        flex-direction: column
    }

    .container .site-content .content-area {
        width: auto
    }

    .is-left-sidebar.sidebar,.is-right-sidebar.sidebar {
        width: auto;
        order: initial
    }

    .is-left-sidebar+.is-right-sidebar .inside-right-sidebar {
        margin-top: 0
    }

    .both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar {
        margin-right: 0;
        margin-left: 0
    }

    #main {
        margin-left: 0;
        margin-right: 0
    }

    body:not(.no-sidebar) #main {
        margin-bottom: 0
    }

    .alignleft,.alignright {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .comment .children {
        padding-left: 10px;
        margin-left: 0
    }

    .entry-meta {
        font-size: inherit
    }

    .entry-meta a {
        line-height: 1.8em
    }
}


/* Border Radius Everything */
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container, .sidebar, .widget, .wp-block-image img, #comment, #submit {
  border-radius: 5px !important;
}

/* Images border radius and shadow effect */
.wp-block-image img{
	margin-bottom: 30px;
	border-radius: 5px !important;
	box-shadow:
    0 1px 1px hsl(0deg 0% 0% / 0.075),
    0 2px 2px hsl(0deg 0% 0% / 0.075),
    0 4px 4px hsl(0deg 0% 0% / 0.075),
    0 8px 8px hsl(0deg 0% 0% / 0.075),
    0 16px 16px hsl(0deg 0% 0% / 0.075);
}

/* START of Kemoku Blocks Customizations */

.wp-block-table thead {
	border-bottom: 0px solid;
}

.sb-info-table .sb-info--item > span.sb-info--item--value {
    text-align: right;
    display: inline-block; /* This is necessary to make text-align work with span */
    width: 100%; /* Ensures that the span takes up the full width of the container */
	font-weight: 500 !important; /* Force the weight */
}

.sb-hero--bonus {
    display: none;
}

.sb-hero--terms {
    display: none;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
    background-color: #fbfbfb;
}

.home-brands {
    background-color: white;
    border-radius: 10px; /* Add rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.home-brands:hover {
    transform: translateY(-5px); /* Slight upward movement on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Increased shadow on hover */
}

/* Default styles for mobile */
.top-bar {
	height: 40px; /* Adjust this value as needed for mobile */
}

/* Styles for desktop (screens wider than 768px) */
@media screen and (min-width: 768px) {
  .top-bar {
	height: 40px; /* Adjust this value as needed for desktop */
  }
}

/*Sportsbook Info Block */
.sb-info--item--name, .sb-info--item--value {
	font-size: 16px;
}

.sb-info-table .sb-info--item>span.sb-info--item--name svg {
    fill: #f1f5f8 !important;
    background-color: #3dd86d8f !important;
    border-radius: 50% !important;
    margin-right: .5em !important;
    padding: .175em !important;
}

/* END of Kemoku Blocks Customizations */

/* Round Sub Menu Corners*/
.sub-menu,
.sub-menu > li:first-child > a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sub-menu,
.sub-menu > li:last-child > a {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Sub Menu Shadow */
@media(min-width: 769px) {
    .main-navigation ul ul {
        box-shadow: 0 8px 10px 2px rgba(0,0,0,0.2);
    }
}

/* BReadcrumbs costumization */
.rank-math-breadcrumb {
	font-size: 12px;
}

/* Sticky Table of Contents Design */
.ez-toc-widget-sticky-container ul li a {
    padding-left: 10px;
	margin: 0 .83333rem;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    font-size: 16px;
    font-weight: 400;
	text-decoration: none;
}

.ez-toc-widget-sticky-container ul.ez-toc-widget-sticky-list li.active {
	border-radius: 5px;
}

/* Comment Form Customization */
.comments-area input#url {
    display: none;
}
.comment-form #author, .comment-form #email {
    display: inline-flex;
    margin-bottom: 20px;
    width: 390px;
}
.comment-form #author {
    margin-right: 10px;
}
.comment-form textarea {
    height: 200px;
}
button, input[type=button], input[type=reset], input[type=submit]{
    width: 350px;
}

@media screen and (max-width: 1200px) {
    .comment-form #author, .comment-form #email {
        width: 100%;
        display: block;
    }
}


/* Ninja Forms Customization */
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #eab740 !important;
    width: 350px !important;
	border-radius: 5px !important;
}

#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #fff;
}

.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    padding-right: 1em;
    margin-right: 1em;
    font-weight: 300;
    margin-top: 30px;
}

.rank-math-question:after {
    position: absolute;
    right: 5px;
    top: 0;
    content: "\2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
}

.rank-math-question.collapse:after {
    transform: rotate(0deg);
}

.rank-math-question:hover {
    opacity: 0.8;
}