/*
Theme Name: PlayersDepot
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: MRZ Design
Author URI: https://www.mrz.design
Template: enfold
*/

/* import font weight */

@import url('https://fonts.googleapis.com/css?family=Dosis:600,700&display=swap');

/* Logo on scroll */

/*.header-scrolled .logo a{
    background: url(img/playersdepot-logo-type-old.png) no-repeat top center;
    width: 320px;
    transition: all 0.1s ease-in;
}*/


.html_header_top.html_header_sticky #main {
	padding-top: 60px!important;}

/* Remove top space from hero image */

#home-hero .content{
	padding:0px!important;
}


/* Navigation */

.av-main-nav {
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
}

.avia-menu a{
	font-size: 16px!important;
	height: 70px!important;

}

.avia-menu a:hover{
	border-bottom: 2px solid #ffffff!important;
	transition: all 0.3s ease-in-out;
}

.header-scrolled-full .avia-menu a{
	height: 45px!important;

}

#header_main{
	border-bottom: 5px solid #b70c2e!important;
}

/* Current page style */

.current-menu-item a{
	border-bottom: 2px solid #ffffff!important;
}

/* Navigation item */

.av-main-nav > li > a{
	margin-right: 20px;
	padding: 0px!important;
}

/* Logo */

.logo {
	transition: all 0.3s ease-in-out;
}

.logo:hover {
  opacity: 0.8;
}

/* Remove logo on scroll */

/*.header-scrolled .logo a img {*/
/*    visibility: hidden;*/

/*}*/

/* Title font */

h1, h2, h3, h4, h5{
	font-family: 'Dosis', sans-serif;
	font-weight: 800!important;
	text-transform: uppercase!important;
}

h1{
	font-size:54px;
}

h2{
	font-size:48px;
}

/* Body font */

p{
	text-align:justify;
}



/* Next and Previous Game button on game page */

.avia-post-nav{
	    background: rgb(69, 15, 21)!important;
}
.avia-post-nav:hover{
	    background: rgb(69, 15, 21)!important;
}


/* Image thumbnail */

.avia-post-nav .entry-image img {
	border: 1px solid #dd0932;
}


/* Link in text block on job application section on homepage */

#job-section a{
	color:#fff;
	font-weight:bold;
}

/* Remove title from sorting list on games page */

.av-current-sort-title{
	display:none;
}


/* Copy to clipboard link on game page */

#game-page input{
    min-width: 300px;
    min-height: 50px;
    background-color: #e4e4e4 !important;
    border: solid 4px #e4e4e4 !important;
    font-family: 'Dosis', sans-serif!important;
    text-transform: inherit!important;
    font-weight: 700!important;
    border-radius: 5px!important;
    color: #2b1111 !important;
    padding-left: 20px!important;
    padding-right: 25px;
	font-size: 16px;
}

/* Copy button from url input */

#game-page .btn{
    background-color: #dc0832 !important;
    font-family: 'Dosis', sans-serif!important;
    font-weight: 700!important;
    color: #fff!important;
    margin-left: -25px;
    border: 0px!important;
    text-transform: uppercase!important;
    border-radius: 0px 5px 5px 0px!important;
    padding: 14px 25px!important;
    font-size: 18px!important;
    transition: all 0.1s ease-in;
}

#game-page .btn:hover{
	background-color: #4f1017 !important;
}


/* Main website color */

#main {
	background-color: #ffffff;}

/* Remove image overlay on hover */

.image-overlay{
display: none !important;
}

/* Add whitespace between portfolio items */

.grid-entry {
    padding: 10px!important;
	text-align: center;
}

/* Games title on games page */

.grid-entry-title {
    font-size: 18px!important;
	text-transform: capitalize!important;}


/* Games container */

.grid-content {
    padding: 20px;
    position: relative;
	border-radius:30px;}

/* Games thumbnail image */

.grid-image img {
    padding: 10px;
	border-radius: 30px;}


/* Remove portfolio thumbnail shadow */

.grid-entry .inner-entry{
    box-shadow: 0px 3px 10px #00000010;
	border-radius: 30px;
	transition: all 0.1s ease-in;
}

.grid-entry .inner-entry:hover{
    box-shadow: 0px 5px 20px #00000030;
}


/* Add round corners to portfolio images */
.grid-image{ 
	border-radius:30px;}


/* Footer */


#footer .flex_column:nth-child(1) { width: 30%; margin-left: 0; }
#footer .flex_column:nth-child(2) { width: 67%; margin-left: 3%; } 


/* Footer column title */

.widgettitle {
	font-size: 20px;
}

/* Footer Logo */

#media_image-2{
	    max-width: 260px;
	    margin-top: 70px!important;
	    transition: all 0.1s ease-in;
}

#media_image-2:hover{
	  transform: scale(0.97, 0.97);

}

/* Mailchimp */

#avia_mailchimp_widget-2 {
	float:left!important;
	width: 100%!important;
}


#element_avia_0_2{
	width: 70%!important;
}


#element_avia_0_2 input{
	background-color: #ffffff!important;
	border-radius: 5px!important;
	font-family: 'Dosis', sans-serif!important;
	color: #2b1111!important;
}

#avia_mailchimp_widget-2 input[type=submit] {
    width: 18%!important;
	border:1px solid #dc0832!important;
    background-color: #dc0832!important;
    border-radius: 5px;
	color: #ffffff;
	padding: 15px 0px!important;
	font-family: 'Dosis', sans-serif!important;
    text-transform: uppercase;
	margin-bottom: 10px!important;
}


#avia_mailchimp_widget-2 input[type=submit]:hover{
		color: #ffffff!important;
	border:1px solid #fff!important;
    background-color: #4f1017!important;
}



/* Copyright */

.sub_menu_socket {
  display: none;
}

#socket .copyright {
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
  font-size: 14px ;
  text-align: center;
  width: 100%;
}
 
span.copyright_column.first a:last-child{
	 margin-left: 30px!important;
}

span.copyright_column.last a{
	margin-left: 30px!important;
	
}

span.copyright_column.last::before{
	display:none!important;
}


/* --------- CONTACT FORM DEFAULT --------- */

/* ----- input field ----- */

input[type=text] {
	background-color: #ffffff !important; 
	border: solid 4px #ffffff !important;
	font-family: 'Dosis', sans-serif!important;
	font-weight: 700!important ;
	border-radius: 5px!important;
	color: #2b1111 !important;
	padding-left: 30px!important;
}
input[type='email'] {
	background-color: #ffffff !important; 
	border: solid 4px #ffffff !important;
	font-family: 'Dosis', sans-serif!important;
	font-weight: 700!important;
	border-radius: 5px!important;
	color: #2b1111 !important;
    padding-left: 30px!important;
}
textarea {
	background-color: #ffffff !important; 
	border: solid 4px #ffffff !important;
	font-family: 'Dosis', sans-serif!important;
	font-weight: 700!important ;
	border-radius: 5px!important;
	color: #2b1111 !important;
    padding-left: 30px!important;
}
select {
	background-color: #ffffff !important; 
	border: solid 4px #ffffff !important;
	font-family: 'Dosis', sans-serif!important;
	font-weight: 700!important ;
	border-radius: 5px!important;
	color: #2b1111 !important;
    padding-left: 30px!important;
}

/* Default enfold recaptcha default text */


/* - 
.answer{
    color: #fff;
    background-color: #dc0832;
    max-width: 180px;
    font-family: dosis;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}
-*/

/* ----- submit button ----- */

.form_element input[type=submit] {
	font-size:16px;
	background-color: #451016 !important;
	font-family: 'Dosis', sans-serif!important;
	font-weight: 700!important ;
	color:#fff!important;
	text-transform: uppercase!important;
	border-radius: 5px!important;
}
.form_element input[type=submit]:hover {
 	background-color: #fff !important ;
 	color: #2b1111 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #2b1111 !important;
 	opacity: 1; /* Firefox */
}



/* --------- CONTACT FORM LIGHT --------- */

.av-light-form input[type=text] {
    background-color: #e8e8e8 !important;
    color: #2b1111 !important;
}
.av-light-form input[type='email'] {
    background-color: #e8e8e8 !important;
    color: #2b1111 !important;
}

.av-light-form textarea {
    background-color: #e8e8e8 !important;
    color: #2b1111 !important;
}
.av-light-form select {
    background-color: #e8e8e8 !important;
    color: #2b1111 !important;
}
.av-light-form input[type=submit] {
	background-color: #dc0832!important;
	color:#fff!important;
	border:0px!important;
}
.av-light-form input[type=submit]:hover {
	background-color: #2b1111!important ;
	color: #fff !important;
	border:0px!important;
}


/* Job Section homepage */

#job-section{
  box-shadow:inset 0 0 20px #00000050;
}

#job-section h3{
	color:#fff;
	font-size: 48px;
}
#job-section .avia_textblock {
	color:#fff;
	text-align: center;
}

#job-section .av-special-heading{
	margin-top: 0px!important;
}


/* Popular Games Section */

#popular-games h2, #job-section h3{
	color:#fff;
    text-shadow: 2px 3px 0px #00000030;
}


#catalogue-home {
	max-width: 1310px!important;
	margin: 0px auto;
}


/* ----- button default ----- */

.avia-button{
    background-color: #dc0832 !important;
    font-family: 'Dosis', sans-serif!important;
    font-weight: 700!important;
    color: #fff!important;
    text-transform: uppercase!important;
    border-radius: 5px!important;
    padding: 18px 60px!important;
    font-size: 18px!important;
	transition: all 0.1s ease-in;
	border:0px!important;
}
.avia-button:hover {
	opacity:1;
	color: #fff!important;
	background-color: #4f1017!important;
	border:0px!important;
}

/* ----- dark default ----- */

.avia-button.avia-color-dark {
    border: 1px solid #2b1110!important;
	background: #2b1110!important;
	transition: all 0.1s ease-in;}


.avia-button.avia-color-dark:hover {
	opacity:1!important;
    border: 1px solid #fff!important;
	color:#2b1110!important;
	background: #fff!important;}


/* Intro section on homepage */


#intro-home .avia-builder-el-6{
    /* box-shadow: 0px 3px 10px #00000010;- */
	border-radius:30px!important;}

#intro-home .avia-builder-el-7{
	max-width: 600px;
    float: left;
    padding: 0px;
    position: relative;
	border-radius:30px;
}

#intro-home .avia-builder-el-7 img {
    padding: 10px;
	border-radius: 30px;}


#intro-home .av-special-heading{
	margin: 0px 0px 20px 0px!important;
}

#intro-home h4{
	text-transform: capitalize!important;
	max-width: 697px!important;
	padding-top: 20px;
}

#intro-home .avia_image{
	border-radius: 30px;
}

/* Search input on games page */


.wp_autosearch_form_wrapper{
    border: 1px solid #ffffff!important;
}

.wp_autosearch_form_wrapper input{
	background-color: #e8e8e8 !important;
	border-color:#e8e8e8 !important;;
    color: #2b1111 !important;
}
.wp_autosearch_more{
	display:none!important;
}

.wp_autosearch_submit{
	display:none!important;
}


/* --------- CONTACT FORM 7 --------- */

/* ----- input field ----- */

#top label {
	font-size:15px!important;
    color: #2b1111 !important;
	font-family: 'Dosis', sans-serif!important;
}


.wpcf7-form-control-wrap input[type=text] {
	font-size:15px!important;
    background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
    color: #2b1111 !important;
	font-family: 'Dosis', sans-serif!important;
}
.wpcf7-form-control-wrap input[type='email'] {
	font-size:15px!important;
    background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
    color: #2b1111 !important;
	font-family: 'Dosis', sans-serif!important;
}

.wpcf7-form-control-wrap textarea {
	font-size:15px!important;
    background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
    color: #2b1111 !important;
	font-family: 'Dosis', sans-serif!important;
}
.wpcf7-form-control-wrap select {
	font-size:15px!important;
    background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
    color: #2b1111 !important;
	font-family: 'Dosis', sans-serif!important;
}


.wpcf7-submit{
	background-color: #dc0832!important;
	color:#fff!important;
	font-family: 'Dosis', sans-serif!important;
	font-weight: 700!important ;
	text-transform: uppercase!important;
	border-radius: 5px!important;
	font-size: 16px;
	padding: 16px 20px!important;
	transition: all 0.1s ease-in;
	min-width: 142px;
}
.wpcf7-submit:hover {
	background-color: #2b1111!important ;
	color: #fff !important;
	border:0px!important;
}


#wpcf7-f1040-p542-o1 input[type="submit"]{
	background:#ffffff!important;
	color:#451016!important;
}

#wpcf7-f1040-p542-o1 input[type="submit"]:hover{
	background:#451016!important;
	color:#ffffff!important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #4dd898;
    background: #4bbb87;
    border-radius: 6px;
    color: #081710;
    font-weight: bold;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    background: #ff9f28;
    border-radius: 6px;
    font-weight: bold;
}


@media only screen and (max-width: 767px){
	
	/* Copy to clipboard link on game page */

#game-page input{
    width: 100%!important;

}
	/* Copy button from url input */

#game-page .btn{
    width: 100%!important;
	margin:10px 0px 0px 0px!important;
	border-radius:5px!important;
}

	
}