/* PlayHorror Custom Styles */



@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Permanent+Marker&family=Play:wght@400;700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Ysabeau+Infant:ital,wght@0,1..1000;1,1..1000&display=swap');


.site-header-item{
    margin-right: 28px !important;
}

/*Search Styles*/

.search-wrapper {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 13px;
    max-width: 246px;
}

.search-wrapper input.search-submit {
    display: none !important;
}

.search-wrapper img {
    cursor: pointer;
}


.kadence-search-icon-wrap {
    display: none !important;
}

input.search-field {
    border: 1px solid #29293D !important;
    border-radius: 37px !important;
    padding: 17px 37px 17px 37px !important;
    background: #15151B !important;
	font-family: "Josefin Sans", sans-serif !important;
	font-size: 17px !important;
	color: #fff !important;
	font-weight: 400;
	line-height: 21px;
}

input.search-field::placeholder{
	color: #fff !important;
}


/*Homepage Styles*/
section.hero-section.game-banner-hero-section {
    padding: 0 50px 39px 50px;
}

.hero-content {
    max-width: 1410px;
    margin: auto;
}

.single-game-featured {
    padding: 30px 30px 11px 15px;
    min-height: 319px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    border: 1px solid #29293D;
    border-radius: 24px;
    overflow: hidden;
}

.game-categories {
    position: absolute;
    top: 30px;
    right: 30px;
}


.game-title-and-play {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 297px;
    width: 100%;
    background: rgb(22 22 22 / 63%);
    padding: 10px 9px 10px 24px;
    border-radius: 17px;
}
.game-title-and-play h1{
    color: #fff;
    font-family: "Jomhuria", sans-serif;
    font-weight: 400;
    font-size: 34px; 
    line-height: 21px;
    max-width: 160px;
}

.game-categories{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
}
.game-categories span.game-category {
    color: #fff;
    font-family: "Jomhuria", sans-serif;
    font-size: 19px;
    text-transform: capitalize;
    line-height: 21px;
    padding: 2px 14px 0 14px;
    border-radius: 26px;
}
.game-categories span.game-category:nth-child(1){
    background: #E84C3D;
}
.game-categories span.game-category:nth-child(2){
    background: #16A086;

}

section.content-section {
    padding: 0px 50px 90px 50px;
}

section.content-section .container {
    max-width: 1410px;
    width: 100%;
    margin: auto;
}


.content-wrapper {
    max-width: 1410px !important;
    display: grid;
    grid-template-columns: auto 310px;
    gap: 34px;
}

.main-content {
     max-width: 1067px !important;
    width: 100%;
}