/*
 Theme Name:     Sydney Child Theme
 Theme URI:      http://www.example.com
 Description:    Sydney Child Theme
 Author:         Jaakko Välimäki
 Author URI:     http://www.example.com
 Template:       sydney
 Version:        1.0.0
*/

@import url("../sydney/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
/* STICKY FOOTER
----------------------------------------------------------------------------- */
@font-face {
	font-family: 'winner-sans';
	src: url('ui/WinnerSans.otf') format("opentype"); 
}

html, body
{
    height: 100%;
    font-family: 'Roboto', Helvetica, sans-serif !important;
}

body.group-blog,
body {
    font-size: 16px;
    color: #000;
}

p
{
    margin-bottom: 20px;
}

b, strong {
   font-family: Arial, sans-serif;
}

#page
{
    height: 100%;
    min-width: 320px;
}

#content
{
    padding-top: 50px;
    padding-bottom: 50px;
    /* min-height: 100%;
    min-height: 60%; */
    min-height: calc(100vh - 220px);
}

footer#colophon
{
    height: 80px;
    /*margin-top: -150px; /* negative value of footer height */
    clear:both;
    position: relative;
}

.site-logo
{
    height: 100px;
}

.go-top
{
    background: #000;
    color: #fff !important;
    display: none !important;
}

/* //STICKY FOOTER
----------------------------------------------------------------------------- */


/* SITE WIDE STYLES
----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a
{
   font-family: 'Oswald', sans-serif !important;
   margin: 2em 0 1em 0 !important;
   /* color: #8a8686 !important; */
   color: #000 !important;
   letter-spacing: 1.5px;
}

h1,
h1.title-post,
h1.page-title,
.hentry h1.title-post
{
    font-size: 2em !important;
    text-transform: uppercase;
    margin-bottom: .3em;
    text-align: center;
    margin-top: 0 !important;
}

h2
{
    font-size: 1.75em !important;
    text-transform: uppercase;
}

h3
{
   font-size: 1.5em !important;
}

h4
{
   font-size: 1.25em !important;
}

a,
#page a,
a:visited
{
    color: #0092b6;
}
/*
.site-header
{
    height: 105px;
    padding-bottom: 0;
    position: fixed;
    background-color: rgba(0,0,0,1);
}

.site-header.float-header
{
    padding: 20px 0;
    background-color: rgba(0,0,0,1) !important;
}

.site-header .col-md-4
{
    padding: 5px 0 5px 0;
}
*/

.site-header {
    padding: 0;
}

.site-header .col-md-4
{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 120px;
}

.site-header .col-md-8
{
    width: calc(100% - 150px);
    margin-bottom: -20px;
    margin-top: 20px;
    float: right;
}

.centered-content
{
    /*text-align: center;*/
    margin: 0 auto;
    width: 65%;
}

.entry-footer
{
    clear: left;
    margin-top: 0;
}

.entry-footer span
{
    display: block;
    margin-top: 1em;
}

.multi-page article.hentry
{
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 3em;
}


.parallax-window
{
    min-height: 400px;
    background: transparent;
    /* ZZZ */
    display: none;
}

.parallax-mirror {
    display: none;
}

.read-more-child-theme {
    display: block;
    margin: 1em auto;
    text-align: center;
    font-size: 1.5em;
}

.post-banner-image
{

    max-width: 100% !important;
    margin: 0 auto 1em;
}

.post-banner-image img
{
    width: 100% !important;
    height: auto !important;
}


.hentry .meta-post, .hentry .meta-post a {
    margin-top: -2em;
}


/* Top navigation
----------------------------------------------------------------------------- */

#mainnav
{
    margin-top: 20px;
    text-transform: uppercase;
}

#mainnav ul li a
{
    font-size: 1.3em !important;
    background: transparent;
    padding-top: 17px;
    padding-top: 7px;
    height: 65px;
    color: #515151 !important;
    /*font-family: 'Oswald', Helvetica, sans-serif !important;*/
}

#mainnav ul li.menu-item-15 a,
#mainnav ul li.menu-item-1655 a {
    color: #30a52a !important;
}

#mainnav ul li.menu-item-1440 a {
    color: #ffbe00 !important
}

#mainnav ul li ul,
#mainnav ul ul
{
    width: 800px;
    padding-top: 0 !important;
    background: rgba(0, 0, 0, 0.70);
    position: absolute;
    top: 65px;
    top: 60px;
    border-radius: 0 0 5px 5px;
    padding-left: 5.5em;
    text-align: center;
    width: 1120px;
    -webkit-transition: all 0.2s ease-out;
		   -moz-transition: all 0.2s ease-out;
		    -ms-transition: all 0.2s ease-out;
		     -o-transition: all 0.2s ease-out;
		        transition: all 0.2s ease-out;
    /*
    visibility: visible;
    opacity: 100;
    */
}

.float-header #mainnav ul li ul,
.float-header #mainnav ul ul
{
    top: 65px;
    top: 50px;
}


#mainnav ul li.current-menu-item ul,
#mainnav ul li.current-menu-ancestor ul
{
    display: block;
    visibility: visible;
    opacity: 100 !important;
    display: none !important;
}


#mainnav ul li ul,
#mainnav ul ul,
#mainnav li:hover > ul
{
	left: -375px;
    left: -700px;
}

#mainnav ul li ul:after
{
    height: 0;
}

#mainnav ul ul li
{
    width: auto;
    display: inline-block;
    padding: 0;
    margin-right: 3em;
    background: transparent;
    float: none;
}

#mainnav .sub-menu li a
{
    border: 0;
    background: transparent !important;
    display: inline-block;
    width: auto;
    color: #989893 !important;
    height: auto;
    margin-right: 0;
    padding: 16px 18px 8px 18px;
}

#mainnav li:hover > ul
{
    display: none !important;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#mainnav a:hover,
#mainnav ul > li.current-menu-item > a,
#mainnav ul > li.current-menu-ancestor > a,
#mainnav ul > li.current-menu-parent > a,
#mainnav ul > li.current_page_parent > a,
#mainnav ul > li.current_page_ancestor > a,
#mainnav .sub-menu li:hover > a
{
	color: #fff !important;
}

#mainnav li:hover > .sub-menu > li > a,
#mainnav li > .sub-menu > li > a
{
}

#mainnav .sub-menu li a:hover
{
    color: #fff;
}

#mainnav .sub-menu li:before
{
    height: 0 !important;
    display: none;
}


#mainnav li:hover > ul,
#mainnav li:hover > ul ul
{
    padding-top: 10px !important;
}

/* -------------------------------------------------------------------------- */


.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper
{
    /*padding: 0px;**/
}

.site-header,
.site-header.float-header
{
    background: #000 !important;
}

.header-image
{
    -webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		    -ms-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;
}

.page-template .header-image,
.page-id-13 .header-image,
.page-id-2 .header-image,
.page-id-9 .header-image,
.page-id-422 .header-image,
.page-id-11 .header-image
{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: 100% auto;
}

.page .header-image img,
.page-id-13 .header-image img,
.page-id-13 .header-image .header-inner
{
    display: none;
}

.page-id-13 .header-image
{
    background-position: 0 -500px;
    background-image: url("images/1.jpg");
}

body.blog .header-image,
.page-id-2 .header-image,
.page-id-422 .header-image,
.page-id-11 .header-image
{
    background-image: url("images/badland2_003.png");
}

.page-id-9 .header-image
{
    background-image: url("images/5.jpg");
    background-position: 0 65%;
}

/*
.page-id-13 .header-image
{
    background-image: url("images/jobs.jpg");
}

.page-id-13 .header-image
{
    background-image: url("images/jobs.jpg");
}
*/


.content-area .post-wrap, .contact-form-wrap
{
    padding-right: 0;
}

.content-area .post-wrap article.type-post
{
    max-width: 600px;
    margin: 0 auto;
}


.content-area .post-wrap .posts-layout article.type-post
{
    max-width: 800px;
    margin: 0 auto;
}

.fb-share-button
{
    float: right;
}


.content-area .hentry
{
    padding-top: .5em;
    padding-bottom: .5em;
}

.row
{
    margin-left: 0;
    margin-right: 0;
}

.content-area .hentry:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 0px;
}


/* Frontpage: slide show
----------------------------------------------------------------------------- */
/*
#slideshow
{
    height: 946px !important;
}
*/

/*
.header-slider .slideshow_container,
.header-slider .slideshow_container .slideshow_content,
.header-slider .slideshow_container .slideshow_view,
.header-slider .slideshow_container .slideshow_view .slideshow_slide,
.studio-slider-container .slideshow_container,
.studio-slider-container .slideshow_container .slideshow_content,
.studio-slider-container .slideshow_container .slideshow_view,
.studio-slider-container .slideshow_container .slideshow_view .slideshow_slide
{
    height: 100% !important;
}

.slideshow_slide.slideshow_slide_image img
{
    float: none;
    width: 100% !important;
    height: auto !important;
}
*/

#page .slideshow_container_style-light .slideshow_slide_image img
{
    margin-top: 0px !important;
}


#page .slideshow_container_style-light .slideshow_button
{
    height: 83px;
    margin-top: -20px;
    width: 32px;
    background: url('ui/slider-arrows.png') no-repeat;
}

#page .slideshow_container .slideshow_button.slideshow_next
{
    background-position: -32px 0;
}

#page .slideshow_container .slideshow_button.slideshow_next
{
    right: 3%;
}

#page .slideshow_container .slideshow_button.slideshow_previous
{
    left: 3%;
}

.slideshow_container .slideshow_description_box
{
    width: 100% !important;
    height: 100% !important;
    bottom: 0px !important;
    background: transparent !important;
    opacity: 1 !important;
}

.slideshow_container div.slider-content
{
    padding: 2em 0;
    height: 100%;
    font-size: 1.2em;
    position: relative;
    padding-bottom: 50px;
}

.slider-content h2
{
    font-size: 5em;
    text-transform: uppercase;
    color: #fff !important;
    margin-bottom: .25em !important;
    margin-top: 0em !important;
}

.slideshow_container a
{
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.slideshow_description
{
    margin-top: 50em;
    color: #f00 !important;
}

.slideshow_container .slideshow_description
{
    width: 40% !important;
    /*height: 300px !important;*/
    min-width: 500px;
    min-width: 400px;
    height: auto;
    margin: 230px auto;
    padding: 20px;
    background: rgba(0, 0, 0, 0.75) !important;
    border-radius: 10px;
    position: relative;
    max-width: 800px !important;
    max-width: 400px !important;
    -webkit-transition: all 0.2s ease-out;
		   -moz-transition: all 0.2s ease-out;
		    -ms-transition: all 0.2s ease-out;
		     -o-transition: all 0.2s ease-out;
		        transition: all 0.2s ease-out;
}

.slider-content > span
{
    width: 100%;
    position: absolute;
    bottom: 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    display: block;
}

.slideshow_description .slider-content.arrow-button > span
{
    bottom: -28px;
    bottom: -45px;
}

.slideshow_description .slider-content span > span
{
    width: 350px;
    padding: 16px 2em;
    margin: 0 auto;
    display: inline-block;
    background: black;
    border-radius: 5px;
    border: 2px solid #fff;
}

.slideshow_description .slider-content.arrow-button span > span
{
    padding-right: 40px;
    background: #000 url('ui/icon-arrow-right.png') no-repeat 95% center;
}

.slideshow_description .slider-content div > span
{
    width: 129px;
    height: 45px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    background: transparent url('https://developer.android.com/images/brand/en_generic_rgb_wo_45.png') no-repeat 0 0;
}

.slideshow_container_style-light .slideshow_pagination
{
    bottom: 0px;
    padding: 5px 10px 0 10px;
}

.header-slider .slideshow_container .slideshow_pagination .slideshow_pagination_center {
    display: table;
    margin: 0 auto;
    background: blue !important;
}

/*
----------------------------------------------------------------------------- */


/* FOOTER
----------------------------------------------------------------------------- */
footer#colophon
{
    height: auto;
    min-height: 90px;
    padding: 30px 0 20px 0;
    font-size: 1.2em;
    color: #fff;
    line-height: normal;
    background: #000;
    text-transform: uppercase;
    overflow: hidden;
}

.page-template-page-landing-php #footnav
{
    display: inherit;
}

footer#colophon .limit
{
    width: 90%;
    min-height: 90px;
    margin: 0 auto;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 30px;
    overflow: hidden;
}

footer#colophon .copyr
{
  display: inline-block;
  padding-top: 6px;
}

#footnav
{
    float: right;
    width: auto;
    /*min-width: 200px;*/
    text-align: right;
}

#footnav ul
{
    text-align: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footnav ul li
{
    display: inline-block;
    padding-left: 1em;
    margin-right: 10px;
}

#footnav ul li.last
{
  margin-right: 0;
}

footer#colophon a,
footer#colophon a:visited,
footer#colophon a:link,
#footnav ul a,
#footnav ul a:link,
#footnav ul a:visited
{
    color: #fff;
}

#footnav ul li.social
{
    width: 32px;
    height: 32px;
    padding-top: 0;
    margin-right: 16px;
    margin-bottom: -10px;
}

#footnav ul li.social a
{
    width: 32px;
    height: 32px;
    float: none;
    display: block;
    text-indent: -9999px;
}

#footnav ul li.social.facebook a
{
    background: transparent url("ui/facebook-32x32.png") no-repeat 0 0;
}

#footnav ul li.social.twitter a
{
    background: transparent url("ui/twitter-32x32.png") no-repeat 0 0;
}



/* Game page
----------------------------------------------------------------------------- */
.cols-container
{
    clear: both;
    overflow: hidden;
}

.contact-boxes
{
    margin-top: 5em;
    margin-bottom: 1em;
}

.contact-boxes h3
{
    font-size: 1em !important;
    font-weight: bold;
    margin-bottom: .2em !important;
}

.cols-container .col
{
    float: left;
    margin-right: 2%;
    width: 48%;
    min-width: 300px;
}

.cols-container.cols-4
{
    width: 93%;
    margin-left: auto;
    margin-right: auto;
}

.cols-container.cols-4 .col
{
    width: 24.25%;
    min-width: 220px;
    margin-right: 1%;
    margin-bottom: 2em;
}

.cols-container.cols-4 .col.last
{
    margin-right: 0;
}


.cols-container .left-col
{
    width: 69%;
}


.cols-container .right-col
{
    width: 256px;
    margin-right: 0;
    /*background: #eeccdd;*/
}

.game-icon
{
    text-align: center;
    margin: 0 auto;
}

.game-icon img
{
    max-width: 256px;
}

#contact .player-support.contact-wrap
{
    width: 90%;
    margin: 0 auto;
    float: none;
    clear: both;
    text-align: center;
    margin-bottom: -20px;
}

#contact .player-support.contact-wrap h4,
#contact .player-support.contact-wrap span
{
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}




/* Store buttons
----------------------------------------------------------------------------- */
#store-buttons {
   margin: 1em 0 30px 0;
   overflow: hidden;
   text-align: center;
   clear: both;
}

#store-buttons .store-button {
   height: 42px;
   margin-right: .6em;
   display: inline-block;
}

#store-buttons .store-button.last
{
    margin-right: 0;
}

#store-buttons .store-button.appstore {
   width: 121px;
   height: 41px;
   overflow: hidden;
   /*background: url('http://linkmaker.itunes.apple.com/htmlResources/assets/images/web/linkmaker/badge_appstore-lrg.png') no-repeat;*/
   background: url('//linkmaker.itunes.apple.com/assets/shared/badges/en-us/appstore-lrg.svg') no-repeat;
   background: url('ui/app-store-black.svg') no-repeat;
   /* @media only screen {
      background-image: url('//linkmaker.itunes.apple.com/assets/shared/badges/en-us/appstore-lrg.svg');
   } */
}

#store-buttons .store-button.windows-phone {
   max-height: 40px;
   overflow: hidden;
}

#store-buttons a img,
.appstore-button a.google-play img,
.appstore-button a.amazon img {
   max-height: 100%;
   display: block;
}

.stores a.google-play {
    width: 120px;
    text-indent: 0;
    background-size: 132px 46px;
}

.stores a.appstore {
    width: 155px;
    text-indent: 0;
    background: url('ui/badland-appstore-badge-46height.png') no-repeat 0 0;
}

.stores a.windows-phone {
    width: 177px;
    text-indent: 0;
    background: url('ui/badland-windows-phone-store-badge.png') no-repeat 0 0;
}

.stores a.amazon {
    width: 135px;
    text-indent: 0;
    background: url('ui/badland-amazon-apps-badge.png') no-repeat 0 0;
}

.stores a.blackberry {
    width: 133px;
    margin-right: 0;
    text-indent: 0;
    background: url('ui/badland-blackberry-world-badge.png') no-repeat 0 0;
}

.stores a {
    display: inline-block;
    text-indent: -999em;
    padding: 0;
    margin: 0 32px 0 0;
    height: 32px;
}

.stores a.ps {
    background: url('ui/playstation-logos-small.png') no-repeat 0 0;
}

.stores a.ps4 {
    width: 140px;
    margin-right: 20px;
    background-position: 0 0;
}

.stores a.psvita {
    width: 162px;
    background-position: -168px 0;
   margin-right: 20px;
}

.stores a.ps3 {
    width: 96px;
    background-position: -405px 0;
    margin-right: 20px;
}

.stores a.xbox1 {
    width: 156px;
    padding: 5px;
    background: #000 url('ui/xbox1-logo-small.png') no-repeat 4px 5px;
    border-radius: 5px;
    margin-bottom: 0;
    margin-right: 20px;
}

.stores a.wiiu {
    width: 112px;
    margin-bottom: 0;
    margin-right: 20px;
    background: url('ui/wiiu-logo-small.png') no-repeat 0 0;
}

.stores a.steam {
    width: 129px;
    margin-right: 0;
    margin-bottom: 0;
    background: url('ui/steam-logo-small.png') no-repeat 0 0;
}


#store-buttons .stores a.steam-new {
    width: 129px;
    height: 39px;
    margin-right: 0;
    margin-bottom: 0;
    background: url('ui/steam-logo-new.jpg') no-repeat 0 0;
}

#store-buttons .steam-new img {
    border-radius: 5px;
}


/* STUDIO: Members
----------------------------------------------------------------------------- */
.studio-slider-container
{
    height: 500px;
    margin: 3em 0;
    clear: both;
}

.studio-slider-container .slideshow_slide.slideshow_slide_image img
{
    margin-top: -100px;
}

.page-template-page-studio article.type-page
{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#team
{
    max-width: 1200px;
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.member-wrap
{
   width: 48.5%;
   max-width: 465px;
   min-width: 385px;
   height: 375px;
   position: relative;
   margin: 0 2% 2% 0;
   padding: 20px 0 0 0;
   float: left;
   clear: left;
   color: #000;
   background: #f7f7f7;
}

.member-wrap.simple
{
    height: 160px;
}

.member-wrap.right
{
   margin-right: 0;
   clear: right;
}

.member-wrap .member-details
{
   width: 96px;
   margin: 0 0 0 10px;
   float: left;
}

.member-pic
{
    height: 100%;
    width: 100%;
    clear: both;
}

.member-pic img
{
   width: 96px;
   height: 96px;
   width: 100%;
   height: 100%;
}

.member-pic img.avatar
{
    margin: 0;
}

.member-wrap .member-details .position
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    clear: both;
    text-transform: uppercase;
}

.member-wrap .text-wrap .position
{
    margin-bottom: 1em;
    clear: both;
}

.member-wrap .text-wrap
{
    width: 54%;
    max-width: 305px;
    margin-left: 10px;
    margin-right: 0px;
    float: left;
    line-height: 1.25em;
    padding: 0 0 1em 0;
}

.member-wrap .text-wrap h3
{
    margin-top: 0 !important;
    font-size: 1.2em !important;
    margin-bottom: .25em !important;
    color: #000 !important;
}

.member-wrap .text-wrap p
{
    text-align: justify;
}

.member-wrap .member-contact
{
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    clear: both;
    background: #000;
}

.member-wrap .member-contact a
{
    color: #f9faf5;
}

.member-contact span,
.member-contact-detail span
{
    margin: 3px 0 0 0;
    padding: 0 20px 3px 30px;
    display: inline-block;
    color: #fff;
}

.member-contact-detail span
{
    color: #000;
}

.member-contact .email,
.member-contact-detail .email
{
    margin-left: 10px;
    background: transparent url('ui/icon-email.png') no-repeat left 5px;
}

.member-contact .twitter,
.member-contact-detail .twitter
{
    float: right;
    margin-right: 10px;
    padding-right: 0;
    background: transparent url('ui/icon-twitter.png') no-repeat left 2px;
}

.member-contact-detail .email,
.member-contact-detail .twitter
{
    float: none;
    margin: 0 0 .25em 0;
}

.member-wrap.simple .member-contact-detail .email
{
    background: transparent url('ui/icon-email-black.png') no-repeat left 2px;
}

.member-wrap.simple .member-contact-detail .twitter
{
    background: transparent url('ui/icon-twitter-black.png') no-repeat left 2px;
}



/* STUDIO: Contact
----------------------------------------------------------------------------- */
#contact
{
    width: 78%;
    margin-bottom: 0px;
    margin: 0 auto;
    padding: 0;
    clear: both;
    overflow: hidden;
    /*background: #f9faf5;*/
    /*border-bottom: 1px solid #232323;*/
}

#contact .col
{
    width: 447px;
    width: 48%;
    min-width: 300px;
    margin-right: 2%;
    padding-left: 1%;
    float: left;
    clear: left;
    text-align: center;
}

#contact .col.right
{
    margin-right: 0;
    clear: right;
}

#contact .contact-wrap h4
{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: .15em !important;
    color: #000 !important;
}

#contact .contact-wrap span
{
    display: block;
    padding-left: 20px;
    padding-left: 0;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: normal;
}

#contact .contact-wrap h4,
#contact .contact-wrap span
{
    text-align: left;
    width: 52%;
    margin-left: auto !important;
    margin-right: auto !important;
}


#google-map {
    max-width: 100%;
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
    padding-top: 10px;
    margin-top: 3em;
}


/* 2 Columns
----------------------------------------------------------------------------- */
#contentleft
{
    width: 62.5%;
    width: 77%;
    float: left;
    padding: 30px 0;
    margin: 0;
}

#contentright
{
    width: 31.25%;
    width: 19%;
    float: right;
    padding: 30px 0;
    margin: 0;
}

/* SIDEBAR
----------------------------------------------------------------------------- */
#contentright {
   padding-top: 34px;
}

#contentright h3,
h3.widgettitle, h3.widget-title {
   text-transform: uppercase;
   background: transparent;
   margin-bottom: 0.25em;
   padding-bottom: 0;
}

#contentright dl dt {
   font-weight: bold;
}

#contentright dl dd {
   margin: 0 0 1em 0;
   padding: 0;
}

#contentright ul {
   margin: 0 0 30px 0;
   padding: 0;
   list-style-type: none;
}

.post-entry {
   margin-bottom: 1.5em;
}

h4.small-margin {
   margin-bottom: .25em;
}

#contentright ul#menu-jobs {
   list-style-type: disc;
   padding-left: 1.25em;
}

#contentright ul#menu-jobs li {
   margin-bottom: .75em;
}

#contentright dl ul {
   margin-bottom: 0;
}

.job-excerpt
{
    /*
    margin: 0 auto;
    width: 75%;
    min-width: 1000px;
    text-align: left;
    */
    margin-bottom: 2em;
}

.job-excerpt h3
{
    line-height: 1.5em;
    overflow: hidden;
    clear: both;
    margin-bottom: 0.5em !important;
}

a.readmorelink,
.job-excerpt h3 a
{
    margin: 0 !important;
    padding: 0;
    float: right;
    display: inline;
    font-size: 0.7em !important;
    color: #0092b6 !important;
}

a.readmorelink
{
    float: none;
    font-size: 1.2em !important;
}

/* Press page
----------------------------------------------------------------------------- */
.space-button
{
    margin: 0 0 5em 0;
    clear: both;
}

.download-button
{
    width: 350px;
    padding: .5em 1em;
    display: inline-block;
    background: #757575;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff !important;
}

.logos-container
{
    width: 94%;
    overflow: hidden;
    clear: both;
    margin: 1em auto;
}

.logos-container .row
{
    clear: both;
    overflow: hidden;
    margin-bottom: 1em;
}

.logos-container .logo
{
    width: 49.5%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

.logos-container .logo.right
{
    margin-right: 0;
}

.logos-container .logo .desc
{
    display: block;
    clear: both;
}

.logos-container .logo .image
{
    width: 400px;
    padding: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #ddd;
}

.logos-container .logo.white .image
{
    background: #fff;
}

.logos-container .logo.black .image
{
    background: #000;
}

.logos-container .logo ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.logos-container .logo ul li
{
    display: inline;
}

.logos-container .logo img
{

}

/* Creators
----------------------------------------------------------------------------- */
body.page-template-page-creators {}

body.page-template-page-creators #content {
    margin-top: 0;
    padding-top: 0;
}

body.page-template-page-creators .container.content-wrapper {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

body.page-template-page-creators .content-area.col-md-9 {
    max-width: 100vw;
    background: silver;
}

body.page-template-page-creators .hentry .title-post {
    margin-top: 0 !important;
    padding-top: 0;
}

.creators-header-video {
    position: relative;
    background-color: #0c1f67;
    background-image: url('ui/creators_video_bg.png');
    background-position: top left;
    background-repeat: repeat;
    background-size: 100% 120%;
}

#creators-video {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.video-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    padding-bottom: 80px;
}

.join-button {
    width: 100%;
    height: 150px;
    left: 0;
    bottom: -60px;
    background:transparent;
    position: absolute;
    z-index: 11;
    text-align: center;
}

.join-button img {
    height: 100%;
    width: auto;
}

.creators-header-video h1,
.creators-header-video h2,
.creators-header-video h3 {
    font-family: 'winner-sans' !important;
    text-align: center;
    color: #fff !important;
    font-size: 3em !important;
    margin-top: 2rem !important;
}

.creators-header-video h2 {
    margin-top: 0 !important;
}

.creators-header-video h2 .yellow {
    font-size: 1.4em !important;
    color: #ffd62b !important;
}

.creators-header-video h3 .green {
    color: #00ff9c !important;
}

.creators-header-video {
    padding-top: 20px;
    min-height: 30vh;
}

.creators-content-section {
    min-height: 30vh;
    padding-top: 20px;
    padding-bottom: 32px;
    background-color: #fff;
}
.creators-content-section.green {
    background-color: #00ff99;
    background-image: url('ui/green_top_bg.png'), url('ui/green_bottom_bg.png');
    background-position: top left, bottom left;
    background-repeat: repeat-x, repeat-x;
}

.creators-content-section.section-1 {
    margin-top: 75px;
}

.creators-content-section h1,
.creators-content-section h2,
.creators-content-section h3 {
    margin: 1em 0 0.5em 0 !important;
    text-align: center !important;
    color: #0b1d65 !important;
    font-size: 3em !important;
    font-family: 'winner-sans' !important;
}

.creators-content-section .content {
    width: 70vw;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
}

.creators-content-section .content.no-flex {
    display: block;
}

.creators-content-section .text {
    font-size: 1.5em;
    max-width: 70vw;
    max-width: 50vw;
    flex-grow: 1;
}

.creators-content-section .text p {
    font-size: 1.3em;
    line-height: 1.25em;
    font-family: Roboto;
    color: #0c1f6b;
}

.creators-content-section .img {
    flex-grow: 1;
}

.creators-content-section .img.left {
    padding-right: 5rem;
}

.creators-content-section .img.right {
    padding-left: 5rem;
}

.creators-content-section .img img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.creators-content-section .img.games {
    padding: 5rem 0;
    text-align: center;
}
.creators-content-section .img.games img {
    max-width: 40%;
    width: auto;
}

/* Observer
----------------------------------------------------------------------------- */
.transition-container,
.form-container {
  opacity: 0;
  transform: translateY(20vh);
  transition: all 1s;
}

.transition-container.observed,
.form-container.observed {
  opacity: 1;
  transform: translateY(0);
}

/* Jobs list 
----------------------------------------------------------------------------- */
.table-list {
  width: 100%;
  display: table;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  font-size: 1.2em;
}

.table-list li {
  display: table-row;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

.table-list li:hover {
}

.table-list li > div {
  display: table-cell;
  padding: 1em 0;
  vertical-align: middle;
}

.table-list li.list-header > div {
  font-size: 0.8em;
  color: #000;
  text-transform: uppercase;
}

.jobs-list-excerpt h2 {
  text-align: center;
}

.jobs-list-excerpt p {
  font-size: 1.3em;
}

.jobs-list .title {
  width: 66%;
  padding-right: 5em;
}

.jobs-list .function {
  font-size: 0.7em;
  font-weight: bold;
  width: 15%;
  color: #666;
  text-transform: uppercase;
}

.jobs-list .position {
  font-size: 0.7em;
  width: 12%;
  color: rgb(168, 168, 168);
  text-transform: uppercase;
}

.jobs-list .apply {
  width: 12%;
  text-transform: uppercase;
}

.jobs-list .apply a {
  float: right;
}

a.btn-link {
  padding: 0.4em 0.6em;
  border-radius: 0.33em;
  background: rgba(0, 155, 0, 1);
  color: white !important;
}

a.btn-link:hover {
  background: rgb(31, 221, 31);
}

.btn-link-mobile {display: none;}

.jobs-page-boxes {
  margin-bottom: 2em;
  color: #fff;
}


.jobs-page-boxes .left-col {
  width: 49%;
  height: 320px;
  background: #ddd;
}
.jobs-page-boxes .right-col {
  width: 49%;
  height: 320px;
  margin-right: 0;
  background: #666;
}

.jobs-page-boxes .left-col,
.jobs-page-boxes .right-col {
  position: relative;
}

.jobs-page-boxes .full-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.jobs-page-boxes h2 {
  font-weight: bold;
  margin-top: 120px !important;
  font-size: 3em !important;
  text-align: center;
  color: #fff !important;
  /* text-shadow: 0px 4px #000; */
  text-shadow: 2px 2px 10px #000000a6, 
  -2px -2px 10px #000000a6;
}

.jobs-page-boxes .fm-culture h2 {
  margin-top: 120px !important;
  font-size: 3em !important;
}

.jobs-page-boxes .excerpt {
  font-size: 1.5em;
  line-height: 1.2em;
  padding: 1rem;
  color: #fff;
}

.jobs-page-boxes .finland {
  background-image: url("images/hki-view-2.jpg");
  background-size: cover;
}

.jobs-page-boxes .fm-culture {
  /* background-image: url("images/fm-culture-bg.jpg"); */
  background-image: url("https://frogmind.com/wp-content/uploads/6.jpg");
  background-size: cover;
}

#page .jobs-page-boxes .learn-more {
  margin: 2.2em 0.55em 0.2em 1em;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5em 1em;
  float: right;
  display: inline-block;
  border: 2px solid #fff;
  color: #000;
  background-color: rgba(255, 255, 255, 0.75);
}

.long-content {
  margin-bottom: 5em;
}




/* Media queries
----------------------------------------------------------------------------- */
@media (max-width: 1800px)
{
    #slideshow { height: 600px !important; }

    /*
    .slideshow_description
    {
        margin: 160px auto 0 auto;
    }
    */
}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1200px)
{
    /*
    #slideshow { height: 480px !important; }
    */

    .cols-container.cols-4
    {
        width: 85%;
    }

    .cols-container.cols-4 .col
    {
        width: 23%;
        min-width: 181px;
        margin-right: 2%;
    }

}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1200px)
{
    /*
    .slideshow_container div.slider-content
    {
        padding-bottom: 45px;
    }

    .slideshow_description
    {
        width: 55% !important;
        margin: 160px auto 0 auto;

    }
    */

  /* .btn-menu {
    display: block;
    margin-top: 1em;
  } */
}

@media (max-width: 1199px)
{
  /* #mainnav {
    display: none;
  } */
}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1024px)
{
    /*
    #slideshow { height: 300px !important; }
    .slideshow_description
    {
        margin: 130px auto 0 auto;
    }
    */

    #page .header-image
    {
        height: 400px !important;
    }

    .header-inner
    {
        display: none !important;
    }

    .page-template-page-jobs-listing .page .page-wrap .content-wrapper {
      padding: 0;
    }

}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (max-width: 992px)
{
    .btn-menu {
      margin-top: 0.3em;
    }

    .header-slider-front
    {
        height: 600px !important;
    }

    .slideshow_container .slideshow_description
    {
        margin-top: 130px;
    }

    .header-slider-front .slideshow_container,
    .header-slider-front .slideshow_container .slideshow_content,
    .header-slider-front .slideshow_container .slideshow_view,
    .header-slider-front .slideshow_container .slideshow_view .slideshow_slide
    {
        height: 100% !important;
    }


    /* ------------------------------------------------- */
    .studio-slider-container { height: 400px !important; }

    .studio-slider-container .slideshow_container,
    .studio-slider-container .slideshow_container .slideshow_content,
    .studio-slider-container .slideshow_container .slideshow_view,
    .studio-slider-container .slideshow_container .slideshow_view .slideshow_slide
    {
        height: 100% !important;
    }
    /* ------------------------------------------------- */



    .slideshow_description
    {
        width: 80% !important;
    }

    .cols-container,
    .cols-container.cols-4
    {
        margin-bottom: 1em;
    }

    .cols-container.cols-4 .col
    {
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding: 0 1em;
        width: auto;
        max-width: 100%;
        text-align: center;
    }

    .cols-container .col.left-col
    {
        width: 52%;
    }

    .cols-container .col.right-col
    {
        width: 260px;
        float: left;
    }

    .member-wrap
    {
        width: 75%;
        height: 150px;
        max-width: 75%;
        min-width: 75%;
        min-width: 390px;
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
    }

    .member-wrap.left,
    .member-wrap.right
    {
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .member-wrap .text-wrap
    {
        width: 50%;
        max-width: 50%;
    }

    #contact .player-support.contact-wrap
    {
        margin-bottom: 0;
    }

    #contact .contact-wrap h4,
    #contact .contact-wrap span
    {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    #contact .col,
    #contact .col.left,
    #contact .col.right
    {
        width: 95%;
        margin: 0 auto 1em;
        text-align: center;
        clear:both;
        float: none;
        padding: 0;
    }

    .logos-container .logo
    {
        width: 100%;
        float: none;
        clear: both;
        margin: 0 auto 1em;
    }

    .logos-container .logo .image
    {
        width: auto;
    }

    .table-list li {
      position: relative;
      display: block;
    }

    .table-list li > div.title,
    .table-list li > div.function {
      width: 90%;
      display: block;
      padding-right: 0;
    }
    
    .table-list li > div.title {
      font-size: 0.8em;
      padding: 1em 2em 0.25em 0;
    }

    .table-list li > div.function {
      padding: 0 0 1em 0;
      margin: 0;
    }

    .table-list li > div.apply {
      width: 20%;
      height: 100%;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
    }

    .jobs-list .apply a {
      font-size: 2em;
      line-height: 1em;
    }

    .table-list li > div.apply .btn-link {
      display: none;
    }

    .btn-link-mobile {display: block;}

    .table-list li > div.position {
      display: none;
    }

    .jobs-list .list-header .function,
    .jobs-list .list-header .position,
    .jobs-list .list-header .apply {
      display: none;
    }

}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1200px)
{
    .cols-container .left-col {
        width: 62%;
    }

    #mainnav ul li ul, #mainnav ul ul
    {
        width: 920px;
    }

    #mainnav ul li ul,
    #mainnav ul ul,
    #mainnav li:hover > ul
    {
        left: -500px;
    }

    footer#colophon .limit
    {
      /*
        padding-left: 80px;
        padding-right: 90px;
        */
    }

    footer#colophon {
      /* height: 100%; */
    }

    #footnav ul li {
    margin-right: 0;
      display: block;
      clear: both;
      font-size: 0.8em;
      text-align: right;
    }
    
    #footnav ul li.social.facebook,
    #footnav ul li.social.twitter {
      text-align: left;
      display: inline-block;
    }
    
    #footnav ul li.contact {
      margin-top: 1em;
    }

    .jobs-page-boxes.cols-container .col.left-col,
    .jobs-page-boxes.cols-container .col.right-col {
      width: 100%;
      max-width: 100%;
      max-width: 512px;
      margin: 0 auto;
      padding: 0;
      clear: both;
      float: none;
      margin-bottom: 2em;
      position: relative;
    }

    .jobs-page-boxes .finland h2,
    .jobs-page-boxes .fm-culture h2 {
      margin-top: 0px !important;
      padding-top: 1em;
      clear: both;
    }

    #page .jobs-page-boxes .learn-more {
      position: absolute;
      bottom: 10px;
      right: 10px;
      margin: 0;
    }

}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px)
{
    .col-md-9
    {
        width: auto;
        max-width: 1800px;
        float: none;
        margin: 0 auto;
    }

    .col-md-9.centered-content
    {
        width: 90%;
        max-width: 700px;
    }

    footer#colophon .limit
    {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ----------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px)
{
    #page .header-image
    {
        height: 0 !important;
    }

    .cols-container .col.left-col,
    .cols-container .col.right-col
    {
        width: 80%;
        max-width: 80%;
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1em;
        text-align: center;
    }

    .cols-container .col.left-col {
      margin-bottom: 1em;
    }

    .jobs-page-boxes.cols-container .col.left-col, 
    .jobs-page-boxes.cols-container .col.right-col {
      margin: 0 auto;
      margin-bottom: 1em;
    }


    .job-excerpt h3
    {
        text-align: center;
    }

    .job-excerpt h3 a
    {
        display: block;
        margin: 0.3em auto 0 auto;
        padding-top: 1em;
        clear: both;
        text-align: center;
        width: 100%;
    }

    
}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (max-width: 640px)
{
  footer#colophon .limit
  {
    text-align: center;
  }

  footer#colophon #footnav
  {
    float: none;
    clear: both;
    margin: 0 auto;
    margin-top: 10px;
  }

  #footnav ul
  {
    text-align: center;
  }
}

/* ----------------------------------------------------------------------------------------------------------------- */
@media (max-width: 600px)
{
    .parallax-window
    {
        min-height: 200px;
    }

    .centered-content
    {
        width: 90%;
    }

    .slideshow_description
    {
        display: none !important;
    }

    .header-slider-front.slider-2 .slideshow_description,
    .slideshow_description
    {
        display: block !important;
        margin-top: 119px !important;
        min-width: 229px !important;
        padding: 0 !important;
    }

    .header-slider-front.slider-2 .slideshow_description p,
    .slideshow_description p,
    .slideshow_description .slider-content div
    {
        display: none;
    }

    .slideshow_description .slider-content
    {
        padding-top: 0.5em !important;
        padding-bottom: 1em !important;
    }

    .header-slider-front.slider-2 .slideshow_description .slider-content.arrow-button > span,
    .slideshow_description .slider-content.arrow-button > span
    {
        bottom: -18px;
    }

    .header-slider-front.slider-2 .slideshow_description h2,
    .slideshow_description h2
    {
        font-size: 1em !important;
        font-size: .8em !important;
    }

    .header-slider-front.slider-2 .slideshow_description .slider-content span > span,
    .slideshow_description .slider-content span > span
    {
        width: 200px !important;
        width: auto !important;
        font-size: 0.5em !important;
        background-size: 24px 13px !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .slideshow_button
    {
        display: none !important;
    }




    .header-slider-front
    {
        height: 250px !important;
    }

    .header-slider-front .slideshow_container,
    .header-slider-front .slideshow_container .slideshow_content,
    .header-slider-front .slideshow_container .slideshow_view,
    .header-slider-front .slideshow_container .slideshow_view .slideshow_slide
    {
        height: 100% !important;
    }

    /* ----------------------------------------------------------------------- */
    .studio-slider-container { height: 200px !important; }

    .studio-slider-container .slideshow_container,
    .studio-slider-container .slideshow_container .slideshow_content,
    .studio-slider-container .slideshow_container .slideshow_view,
    .studio-slider-container .slideshow_container .slideshow_view .slideshow_slide
    {
        height: 100% !important;
    }
    /* ----------------------------------------------------------------------- */



    .studio-slider-container .slideshow_pagination
    {
        display: none;
    }

    .member-wrap,
    .member-wrap.simple
    {
        width: 99%;
        min-width: 99%;
        max-width: 99%;
        height: auto;
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        text-align: center;
    }

    .member-wrap .text-wrap
    {
        width: 99%;
        max-width: 99%;
        clear: both;
        text-align: center;
        float: none;
    }

    .member-wrap .member-details
    {
        float: none;
        clear: both;
        margin: 10px auto 10px auto;
    }

    .page .page-wrap .content-wrapper,
    .single .page-wrap .content-wrapper
    {
    padding: 30px 5px !important;
    }

    /* Creators
    ------------------------------------------------------------------------- */
    body.page-template-page-creators.page .page-wrap .content-wrapper,
    body.page-template-page-creators.single .page-wrap .content-wrapper {
        padding: 0 !important;
    }


    #contact
    {
        width: 99%;
    }

    #contact .col,
    #contact .col.left,
    #contact .col.right
    {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #contact .col h4,
    #contact .col span
    {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    footer#colophon
    {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        overflow: hidden;
    }

    footer#colophon .limit
    {
        width: 99%;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    footer#colophon #footnav
    {
        width: 100%;
        clear: both;
        margin-top: .5em;
        float: right;
        text-align: center;
    }

    footer#colophon #footnav ul
    {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    footer#colophon ul li
    {
        margin: 0 0 10px 0;
        width: 100%;
    }

    footer#colophon ul li.social
    {
        margin: 0 0 10px 0;
    }

    .go-top
    {
        display: none !important;
    }

    .job-excerpt h3 a
    {
        font-size: .7em;
    }
}

@media only screen and (max-width: 991px) {
    .site-header .col-md-4 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .site-logo {
        height: 60px;
    }

    .header-wrap .col-md-8 {
        padding: 0 0 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-wrap .col-md-8 {
        margin: 0 !important;
        width: 100%;
        clear: both;
        float: none;
    }

    .site-header .col-md-4 {
        width: 100%;
        clear: both;
        float: none;
    }

    .creators-header-video h1,
    .creators-header-video h2,
    .creators-header-video h3 {
        font-size: 1.5em !important;
        margin-top: 2rem !important;
    }

    .creators-content-section h1,
    .creators-content-section h2,
    .creators-content-section h3 {
        margin: 1em 0 0.5em 0 !important;
        font-size: 2em !important;
    }

    .creators-content-section .content {
        width: 96vw;
        display: block;
        margin: 0 auto;
    }

    .creators-content-section .text {
        max-width: 100%;
        font-size: 1.1em;
    }

    .creators-content-section .img {
        text-align: center;
    }

    .creators-content-section .img.right,
    .creators-content-section .img.left {
        padding: 20px 0;
    }

    .creators-content-section .img img {
        max-width: 60vw;
    }

    .creators-content-section .img.games img {
        max-width: 100%;
        padding: 0;
    }

    .join-button {
        width: 100%;
        height: 100px;
        left: 0;
        bottom: -40px;
        background:transparent;
        position: absolute;
        z-index: 11;
        text-align: center;
    }

    .creators-content-section.section-1 {
        margin-top: 30px;
    }
}