/*
Theme Name: Pixelgarden
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
*/



/* ----- copy link button ----- */

.tooltip {
     color:#ffffff;
     background-color:#3ecdfc;
     border-radius:10px;
     border:none;
     font-family: aller-display, sans-serif !important;
     font-style: normal;
     font-weight: 400;
     text-transform: uppercase;
     padding: 20px 60px!important;
     box-shadow: 0px 4px 0px #42b5f8;
     transition: all 0.2s ease-in;
}
.tooltip:hover {
     background-color: #db4bff !important;
     padding: 20px 70px!important;
     box-shadow: 0px 4px 0px #b82cdb;
     transition: all 0.2s ease-out;
    }

#game-page input {
    margin-top:20px!important;
    border: 2px solid #c7e5ed!important;
    color:#7a969f!important;
    border-radius:18px!important;
    letter-spacing: 1px;
}


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

#foo{
opacity:0!important;
}

/* ----- copy link button tooltip ----- */


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #47d0f4;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 115%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #47d0f4 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}




/* ----- hide sliders desktop ----- */

#layerslider_1{
    display:none;
}
#layerslider_4{
    display:none;
}


/* ----- logo ----- */

.logo:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
}

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

}
.header-scrolled .logo a {
    background: url(../../uploads/2018/04/idea-studios-logo-type.png) no-repeat top center;
    width: 320px;
    transition: all 0.1s ease-in;
}


/* ----- titles ----- */

h1, h2, h3, h4, h5, .avia-menu-text {
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

h1, h2, h3 {
    font-size:60px;
    color:#5d1caa;
}

/* ----- body text ----- */

p{
    letter-spacing:1px;
    line-height:24px;
}

/* ----- nav ----- */

.avia-menu-text{
    font-size:14px;
    letter-spacing:1px;
}

.avia-menu-text:hover {
    border-bottom: 2px solid #3ecdfc!important;
    padding-bottom: 5px;
}

#header_main{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

/* ----- testimonials ----- */

.avia-testimonial-content {
    font-size:12px!important;
    letter-spacing:1px;
    line-height:24px;
}

#testimonials .avia-builder-el-39{
    box-shadow: 10px 10px 18px rgba(0, 0, 0, 0.2) ;
}


/* ----- testamonial image ----- */
.avia-testimonial-image{
    width: 100px;
    height: 100px;
}
/* ----- testamonial name ----- */

.avia-testimonial-meta-mini{
    padding: 12px 0px 0px 10px;

}

/* ----- button style 1----- */

.avia-button.avia-size-large{
    background-color:#3ecdfc !important;
    border-radius:10px;
    border:none;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 60px!important;
    box-shadow: 0px 4px 0px #42b5f8;
    transition: all 0.2s ease-in;
}

.avia-button.avia-size-large:hover {
    background-color: #db4bff !important;
    padding: 20px 70px!important;
    box-shadow: 0px 4px 0px #b82cdb;
    transition: all 0.2s ease-out;
}

/* ----- button style 2----- */

.avia-button.avia-size-x-large{
    font-size: 13px!important;
    min-width: 139px!important;
    background-color:#9321ba!important;
    border-radius:10px;
    border:none;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 60px!important;
    box-shadow: 0px 4px 0px #681c9d;
    transition: all 0.2s ease-in;
}
.avia-button.avia-size-x-large:hover {
    background-color: #db4bff !important;
    padding: 20px 70px!important;
    box-shadow: 0px 4px 0px #b82cdb;
    transition: all 0.2s ease-out;
}

/* ----- contact form dark ----- */

.av-dark-form input[type='text'] {
    color:#ffffff!important;
    background-color: rgba(0, 0, 0, 0.2); !important; 
    border: solid 4px #7e34d6 !important;
    border-radius:10px!important;
    max-width:684px!important;
}
.av-dark-form textarea {
    color:#ffffff!important;
    background-color: rgba(0, 0, 0, 0.2); !important; 
    border: solid 4px #7e34d6 !important;
    border-radius:10px!important;
    max-width:684px!important;
}
.av-dark-form input[type=submit] {
    color:#ffffff!important;
    background-color:#3ecdfc!important;
    border-radius:10px!important;
    border:none!important;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 60px!important;
    box-shadow: 0px 4px 0px #42b5f8;
    transition: all 0.2s ease-in;
    max-width:684px!important;
}
.av-dark-form input[type=submit]:hover {
     color:#ffffff!important;
         background-color: #db4bff !important;
         padding: 20px 70px!important;
         box-shadow: 0px 4px 0px #b82cdb;
         transition: all 0.2s ease-out;
         max-width:684px!important;
}


/* ----- contact form light ----- */

.av-light-form input[type=text]{
    border: 4px solid #c7e5ed!important;
    color:#7a969f!important;
    border-radius:10px!important;
    max-width:684px!important;
}
.av-light-form textarea{
    border: 4px solid #c7e5ed!important;
    color:#7a969f!important;
    border-radius:10px!important;
    max-width:684px!important;
}

.av-light-form .select{
    border: 4px solid #c7e5ed!important;
    color:#7a969f!important;
    border-radius:10px!important;
    max-width:684px!important;
}
.av-light-form email{
    border: 4px solid #c7e5ed!important;
    color:#7a969f!important;
    border-radius:10px!important;
    max-width:684px!important;
}
.av-light-form input[type=submit] {
    color:#ffffff!important;
    background-color:#3ecdfc!important;
    border-radius:10px!important;
    border:none!important;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 60px!important;
    box-shadow: 0px 4px 0px #42b5f8;
    transition: all 0.2s ease-in;
    max-width:684px!important;
}
.av-light-form input[type=submit]:hover {
    color:#ffffff!important;
    background-color: #db4bff !important;
    padding: 20px 70px!important;
    box-shadow: 0px 4px 0px #b82cdb;
    transition: all 0.2s ease-out;
    max-width:684px!important;
}


/* ----- hero images ----- */

#hero-img .avia-builder-el-2 {
    box-shadow: 10px 10px 18px rgba(0, 0, 0, 0.2) ;
}

/* ----- images thumbnail ----- */

.avia_image{
    border-radius: 20px;
}
.av-image-caption-overlay-center p{
    background-color:#3ecdfc;
    border-radius:10px;
    border:none;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 10px;
    box-shadow: 0px 4px 0px #42b5f8;
}

/* ----- contact forms homepage ----- */

#home-forms .av_textblock_section a{
    color:#ffffff;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size:14px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
}

#home-forms .av_textblock_section a:hover{
     color:#3ecdfc!important;
}
/* ----- careers page ----- */

#job-section .avia_textblock{
position:relative!important;
}

#job-section .avia_textblock span{
    height: 46px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
}
#job-section .avia_textblock h4{
padding-left: 50px;
}


#job-section h4{
    font-size:32px!important;
}

#management h4{
    color:#3ecdfc!important;
}

/* ----- portfolio ----- */

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity:1!important;
}

.av-masonry-outerimage-container{
border-radius:20px!important;}

.av-inner-masonry .avia-arrow{
display:none;
}


/* ----- portfolio item thumbnail ----- */

.av-masonry-image-container::after {
    display: block;
    position: absolute;
    width: 120px!important;
    height: 30px!important;
    content: "Get this game";
    top: 50%;
    left: 50%;
    margin: -55px 0 0 -75px;
    background-color:#3ecdfc;
    border-radius:10px;
    font-family: aller-display, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color:#fff;
    padding: 10px 20px 0px 20px!important;
    box-shadow: 0px 4px 0px #42b5f8;
    transition: all 0.2s ease-in;
    opacity:0;
}
.av-masonry-image-container:hover::after{opacity:1}


/* ----- portfolio item after search ----- */

.template-portfolio{

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

.grid-entry-title a{
color:#5c1caa!important;

}

#games .av-masonry-entry-content{
display:none;
}


/* ----- portfolio image thumbnail after search ----- */

.grid-entry{
    border-radius: 20px!important;
}
.grid-entry .inner-entry{
    box-shadow:none!important;
}
.grid-image{
    border-radius:20px 20px 0px 0px!important
}

.inner-entry::after{
display: block;
    position: absolute;
    width: 120px!important;
    height: 30px!important;
    content: "Get this game";
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -75px;
    background-color: #3ecdfc;
    border-radius: 10px;
    font-family: aller-display,sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0px 0 35px!important;
    box-shadow: 0 4px 0 #42b5f8;
    transition: all .2s ease-in;
    opacity: 0;
}
.inner-entry:hover::after{
    opacity: 1;
}
.inner-entry img{
    transition: all .2s ease-in;
}
.inner-entry img:hover{
transform: scale(1.05);
    transition: all .2s ease-in;
}


/* ----- footer ----- */



#footer p{
    font-weight:bold;
}
#footer .widget {
    margin: 30% 0 30% 0;
}

#footer h3{
    font-size:30px;
    padding-bottom:30px;
    border-bottom:2px solid #3ecdfc;
    }
#footer img{
    padding-top: 20%;
    transition: all 0.2s ease-in;
}
#footer img:hover{
     opacity: 0.8;
    padding-top: 18%;
     transition: all 0.2s ease-out;
}

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

#footer .av_one_fourth:nth-child(3){

    padding:0px 0px 0px 20px;
}

#footer .av_one_fourth:nth-child(4){

    padding:0px 0px 0px 20px;
}

/* ----- footer social icons ----- */

.social-footer {
    margin: 20px 0px 0px 0px;
}

.social-footer .av_font_icon{
    margin:10px 0px 0px 0px;
    padding:0px 10px 0px 0px;
    transition: all 0.1s ease-in-out;
}

.social-footer .av_font_icon:hover{
    color:#3ecdfc;
}

/* ----- socket ----- */


.sub_menu_socket {
    display: none;
}

#socket .copyright {
    text-align: center;
    width: 100%;
}


/* ----- about us page ----- */

#achievements h5{
    padding:20px 0px;
}


/* -----------------Laptop Small -------------- */

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

.av-dark-form input[type='email']{
    color: #ffffff!important;
    border: solid 4px #7e34d6 !important;
    border-radius: 10px!important;
}
.av-light-form input[type='email']{
    border: 4px solid #c7e5ed!important;
    color: #7a969f!important;
    border-radius: 10px!important;
}

#hero-img-about .avia-builder-el-1{
    display:none;
}
#hero-img-about .avia-builder-el-2{
    width:90%!important;
    text-align:center;
}
#hero-img-about .hr-custom.hr-left{
    text-align:center!important;
}

#hero-img-careers .avia-builder-el-1{
    display:none;
}
#hero-img-careers .avia-builder-el-2{
    width:90%!important;
    text-align:center;
}
#hero-img-careers .hr-custom.hr-left{
    text-align:center!important;
}
#job-section h4{
    font-size:24px!important;
}
#job-section .avia-builder-el-24 {
    margin-top:0px!important;
}

#hero-img-contact .avia-builder-el-1{
    display:none;
}
#hero-img-contact .avia-builder-el-2{
    width:90%!important;
    text-align:center;
}
#hero-img-contact .hr-custom.hr-left{
    text-align:center!important;
}

#hero-img-portfolio .avia-builder-el-1{
    display:none;
}
#hero-img-portfolio .avia-builder-el-6{
    display:none;
}
#hero-img-portfolio .avia-builder-el-2{
    width:90%!important;
}
#game-page .av_one_half{
    padding:2%!important;
}

#testimonials .avia-builder-el-27{
    display:none!important;
}
#testimonials .avia-builder-el-32{
    display:none!important;
}

#testimonials .avia-builder-el-28{
    width: 90%;}
}
#careers .avia-builder-el-25 {
    display:none!important;
}
#contact .avia-builder-el-40 {
    display:none!important;
}
#careers-about .avia-builder-el-47{
    display:none!important;
}
#contact-about .avia-builder-el-55 {
    display:none!important;
}

/* -----------------tablet -------------- */

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

#home-forms .av_one_half{
    margin-bottom:0px!important;
}

#hero-img-about .avia-builder-el-2{
    width:100%!important;
}
#hero-img-portfolio .avia-builder-el-2{
    width:100%!important;
}

#hero-img-contact .avia-builder-el-2{
    width:100%!important;
}

#hero-img-careers .avia-builder-el-2{
    width:100%!important;
}

#games .av_textblock_section {
    padding:2% 15%;
}

#game-page .av_one_half{
    padding:0 10%!important;
    margin-bottom:1%!important;
}
/* ----- hide sliders tablet ----- */

#layerslider_1{
    display:block!important;
}
#layerslider_3{
    display:none;
}
#layerslider_4{
    display:none;
}

h1, h2, h3 {
    font-size: 44px;
}
#different .av-parallax-inner  {
    background-image:none!important;
}
#different .av_one_half{
    text-align:center;
}
#different .avia_textblock  p{
    text-align:center!important;
}

#different .hr-custom.hr-left{
    text-align:center!important;
}
#different .avia-builder-el-11{
    padding-bottom:10%!important;
}
#careers .avia-builder-el-25{
    display:none;
}
#careers .avia-image-container{
    padding-top:10%;
}

#contact .avia-image-container{
    padding-top:10%;
}

#contact-details .avia-builder-el-7{
    height:280px!important;
}

#footer .widget {
    margin: 5% 0 5% 0;
}
#footer .av_one_fourth:nth-child(3){
    padding:0px 0px 0px 0px;
}

#footer .av_one_fourth:nth-child(4){
    padding:0px 0px 0px 0px;
}

#footer .av_one_fourth {
    margin-left: 0% !important;
    width: 100% !important;
    text-align:center;
    padding-left:10%;
    padding-right:10%;
    border-bottom: 1px solid #d7e0ea;
}
#footer .av_one_fourth:nth-child(4){
    border-bottom:none!important;
}

#footer .widgettitle{
    border-bottom:none!important;
}

#footer .avia-icon-pos-left{
    float:none;
    display:inline-block;
}
.social-footer{
    text-align:center!important;
}
#contact-details .av_four_fifth{
    text-align:center;
}
#contact-details .hr-custom.hr-left {
    text-align: center!important;
}
#contact-details .avia-builder-el-8{
    display:none!important;
}
#contact-details .av-flex-placeholder{
    display:none!important;
}
#footer img{
    padding-bottom:15%!important;
}
}


/* ------------- mobile -------------- */

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

/* ----- hide sliders smartphones ----- */

#layerslider_1{
    display:none!important;
}
#layerslider_3{
    display:none;
}
#layerslider_4{
    display:block!important;
}

#games .av_textblock_section {
    padding:2% 5%;
}
#job-section .hr.hr-custom{
    margin:0px;
}


#how-to-get-to-us .av_one_fourth {
    width: 50%!important;
    padding: 0px!important;
    margin: 0px!important;
    float: left!important;

}
}