@charset "utf-8";

/*  
Theme Name: WINGS Wordpress Theme
Theme URI: http://www.wmelon.co.uk
Description: Theme designed by <a href="http://www.wmelon.co.uk">WaterMelon</a>.
Version: 1.0
Author: Joe Latham & Paolo Grasso
Author URI: http://www.wmelon.co.uk
*/


@font-face {
font-family: 'protogrotesk-light';
src: url('fonts/protogroteskweb-light.eot');
src: url('fonts/protogroteskweb-light.eot?#iefix') format('embedded-opentype'),
     url('fonts/protogroteskweb-light.woff') format('woff');
}

@font-face {
font-family: 'protogrotesk-regular';
src: url('fonts/protogroteskweb-regular.eot');
src: url('fonts/protogroteskweb-regular.eot?#iefix') format('embedded-opentype'),
     url('fonts/protogroteskweb-regular.woff') format('woff');
}

@font-face {
font-family: 'protogrotesk-bold';
src: url('fonts/protogroteskweb-bold.eot');
src: url('fonts/protogroteskweb-bold.eot?#iefix') format('embedded-opentype'),
     url('fonts/protogroteskweb-bold.woff') format('woff');
}

#cookie-notice {background-color:#7E28D9 !important;}
#cn-accept-cookie {background-color:#00C49D;}
.cookie-notice-container {padding:7px 30px !important;}

html {position: relative;  min-height: 100%; }
body { font-family: 'protogrotesk-regular', sans-serif; font-weight: 300; font-style: normal;  font-size:15px; line-height:26px; color:#64118d; background-color:#FFF; padding:0px; margin: 0 ; min-height: 100%; overflow-x:hidden; }
body.live-nav {}
body.sticky_nav {padding-top:90px;}
body p {font-family: 'protogrotesk-light';}

a.fade, .fade, .fade img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; }
a.fade:hover, .fade:hover, .fade:hover img {filter: alpha(opacity=80); opacity: 0.80; }
a img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

#header {-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
.header {display:block; width:100%; height:auto; padding: 10px 0px 10px; overflow: hidden; position:fixed;  min-height: 80px; z-index:1000; }

#header_left_aligned {-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}

.hide { display: none !important; }

.green {background-color:rgb(0, 196, 158); }
.purple {background-color:rgb(126, 40, 217);}
.ice {background-color:rgb(173, 253, 255);}
.whitebg {background-color:rgb(255, 255, 255);}
.fadeout {filter: alpha(opacity=0); opacity: 0.0; }
.pink {background-color:rgba(249, 160, 229, 1);}
.games_transparent_bg {background-color:rgba(249, 160, 229, 0.0);}
#games_masthead {position: relative;}
#games_masthead:before {content:''; display:block; width:50%; height:100%; position: absolute; top:0; left:0; background-color:#7e28d9; z-index:-1;}

#first_sticky_title { opacity: 1;   transition: opacity .2s ease-in-out;   -moz-transition: opacity .2s ease-in-out;   -webkit-transition: opacity .2s ease-in-out;}
#first_sticky_title.fadeout_title {opacity: 0.0; }

.scroll_down_white:after {content:''; position:fixed; bottom: 5%;  left: 50%;  transform: translate(-50%, 0%); display:block; background-image:url(images/svg/WINGS_arrow_scroll_white.svg); background-size:100% 100%; width:70px; height:70px; zoom:1; filter: alpha(opacity=80); opacity: 0.80; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
.scroll_down_dark:after {content:''; position:fixed; bottom: 5%;  left: 50%;  transform: translate(-50%, 0%); display:block; background-image:url(images/svg/WINGS_arrow_scroll_purple.svg); background-size:100% 100%; width:70px; height:70px; zoom:1; filter: alpha(opacity=80); opacity: 0.80; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }

#home_masthead { background-color:#00C49D; transition: background-color .4s; }
#home_masthead.fade_to_blue {background-color:#7E28D9;}
#about_masthead {background-color:#7E28D9; transition: background-color .4s;}
#about_masthead.fade_to_white {background-color:#FFF;}
#apply_masthead {background-color:#ADFDFF; transition: background-color .4s;}
#apply_masthead.fade_to_white {background-color:#FFF;}

#home_masthead.purple:after, #home_masthead.fade_to_blue:after {filter: alpha(opacity=0); opacity: 0.0; }
#about_masthead.whitebg:after, #about_masthead.fade_to_white:after {filter: alpha(opacity=0); opacity: 0.0; }
#games_masthead.games_transparent_bg:after, #games_masthead.hide_scrollmore:after, #about_masthead.hide_scrollmore:after {filter: alpha(opacity=0); opacity: 0.0; }
#apply_masthead.whitebg:after, #apply_masthead.fade_to_white:after, #apply_masthead.hide_scrollmore:after  {filter: alpha(opacity=0); opacity: 0.0; }

/* HEADER 01 & 02 STYLES */

.fixed_header {position:fixed !important;}
#header_left_aligned {position: relative;  height:0px; padding:0px; overflow:visible; min-height:0px; width: 100%;}
#header_left_aligned .top_container {padding:20px 0px; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
#header_left_aligned.smaller_logo .top_container {padding:0px 0px 10px;}
#header_left_aligned .top_container {display:flex !important; justify-content:space-between; align-items:center; width: auto;}
#header_left_aligned img.header_logo_image {height:75px; padding:5px 30px 5px 0px; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
#header_left_aligned.smaller_logo img.header_logo_image {max-height:45px; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
#header_left_aligned ul.nav {height:auto; float:none; text-align: left; list-style-type:none; padding:0px; margin:0px;   flex-grow:1; }
#header_left_aligned ul.nav li {display:inline-block;  margin:15px 0px; padding:0px 35px 0px 0px; position: relative; }
#header_left_aligned ul.nav li a {display:inline-block;  font-size:16px; line-height:17px; padding:6px 0; margin:0px;}
#header_left_aligned ul.nav li.current_page_parent a, #header_left_aligned ul.nav li.current-page-ancestor a, #header_left_aligned ul.nav li.current-menu-item ul.sub-menu li a {text-decoration:none;}
#header_left_aligned ul.nav li.current-menu-item a, #header_left_aligned ul.nav li a:hover, #header_left_aligned ul.nav li.current-menu-item ul.sub-menu li a:hover {text-decoration:underline; color:#FFF; }
#header_left_aligned ul.nav li > a:after { content: '';  background-repeat:no-repeat; width:14px; height:15px; display:block; position:absolute; top:15px; right:-9px; z-index:1010;}
#header_left_aligned ul.nav > li > a:after {content: ''; background-repeat:no-repeat; width:14px; height:15px; display:block; position:absolute; top:15px; right:-9px; z-index:1010; }
#header_left_aligned ul.nav li > a:only-child:after {content: ''; background-image:none; }
#header_left_aligned ul.nav li a:after {display:none;}
#header_left_aligned ul.nav li:hover a:after {display:block;}
#header_left_aligned ul li:hover a:only-child:after {display:none;}

#header_left_aligned ul.nav ul.sub-menu {display:block; position:absolute; text-align:left; width:40vw; height:0px; overflow:hidden; left:-14px; top:26px;   z-index:100; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; height:0px; }
#header_left_aligned ul.nav ul.sub-menu:before {content:''; width:16px; height:0px; background-image:url(images/svg/dropdown_white.svg); background-size:12px auto; background-position:top left; background-repeat:no-repeat; position:absolute; left:15px; top:0px; zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.3s ease-out;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;}

#header_left_aligned.smaller_logo ul.nav ul.sub-menu { top:21px;  }
#header_left_aligned.smaller_logo ul.nav ul.sub-menu:before {width:10px; background-size:10px auto; }

#header_left_aligned ul.nav ul.sub-menu li {height:0px; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease}
#header_left_aligned ul.nav > li:hover > ul.sub-menu {    display: block; height:35px;  }
#header_left_aligned ul.nav > li:hover > ul.sub-menu:before {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; height:24px; }
#header_left_aligned ul.nav > li:hover > ul.sub-menu {height:35px;}
#header_left_aligned ul.nav li.current_page_item ul.sub-menu, #header_left_aligned ul.nav li.current-menu-ancestor ul.sub-menu {height:auto; z-index:5;}
#header_left_aligned ul.nav li.current_page_item ul.sub-menu:before, #header_left_aligned ul.nav li.current-menu-ancestor ul.sub-menu:before {height: 24px;filter: alpha(opacity=100);opacity: 1.00;background-position: bottom left;top: 1px;}
#header_left_aligned.smaller_logo ul.nav li.current_page_item ul.sub-menu:before, #header_left_aligned.smaller_logo ul.nav li.current-menu-ancestor ul.sub-menu:before {height: 16px; top:5px;}
#header_left_aligned ul.nav ul.sub-menu {padding:0px 15px 0px 30px ; margin:0px; background-color:transparent;}
#header_left_aligned ul.nav ul.sub-menu li {padding:0px; margin:0px 0px; position:relative; }
#header_left_aligned ul.nav ul.sub-menu li a {padding:0px 6px; margin:15px 0px 0px; border:0; font-size:15px; font-family: 'protogrotesk-light';}
#header_left_aligned.smaller_logo ul.nav ul.sub-menu li a { margin:8px 0px 0px; }

#header_left_aligned ul.nav ul.sub-menu li a:hover {}
#header_left_aligned ul.nav ul.sub-menu li > a:after {background-image:none;}
#header_left_aligned .top_container:before {content:''; position:absolute; left:-50%; width:200vw; height:100%; z-index:-1;  }
#header_left_aligned ul.nav:before {content:''; position:absolute; left:-50%; width:200vw; height:100%; z-index:-1; }

#header_left_aligned .header_additional {position: relative;}
.header_left_aligned_search a.open_search_holder { position:relative; right:0px; }
.header_left_aligned_search a.open_search_holder .search_icon {display:block; position: relative; top:0px;}
.left_aligned_mobile {display: none;}
#sticker-sticky-wrapper {height:auto !important;}
.out_of_sight {position:fixed !important; top:-100%; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
.nav_visible {top:0px;}

.right_aligned_menu {text-align:right !important;}
ul#right_aligned li {padding:0px 0px 0px 35px !important; }
#header_left_aligned ul#right_aligned  ul.sub-menu {text-align:right !important; padding:0px !important;}
#header_left_aligned ul#right_aligned  ul.sub-menu li  {padding:0px !important; margin:5px 10px !important;}
.right_aligned_socials {margin-left:30px;}

#backtotop {  display: inline-block;  background-color: #FB645F;  width: 50px;  height: 50px;  text-align: center;  border-radius: 50%; position: fixed;  bottom: 20px;  right:20px;  transition: background-color .3s,     opacity .5s, visibility .5s;  opacity: 0;  visibility: hidden;  z-index: 1000;}
#backtotop::after {  content: ""; background-image:url(images/svg/backtotop.svg); background-size:auto 60%; background-position:center; background-repeat:no-repeat; display: block; width:100%; height:100%; font-weight: normal;  font-style: normal;  font-size: 1.1em;  line-height: 50px;  color: #fff;}
#backtotop:hover {  cursor: pointer;  background-color: #333;}
#backtotop:active {  background-color: #64118D;}
#backtotop.show {  opacity: 1;  visibility: visible;}

.default_page_content {display: block; padding:200px 20px 150px 20px; margin:0px;}
.page_holder {display: block; margin:0px auto; padding:0px; max-width:1200px; text-align:left;}
.page_holder_inner {display: block; width:75%; margin:0px 0px; padding:0px;}

.blog_title_link h2.sow-headline a {text-decoration:underline !important; font-family: 'protogrotesk-bold';}
.blog_title_link h2.sow-headline a:before {content:''; background-image:url(images/svg/icon_wings_RGB_purple.svg); background-size:100% 100%; display: inline-block; position:relative; bottom:-35px; width:125px; height:125px; margin:0px 25px 0px 0px; padding:0px;}
.display-medium-item {color:#FFF; border-bottom:1px solid white; display: block; padding:0px 0px 40px; margin:0px 0px 40px;}
.display-medium-item:last-child {border-bottom:0px; margin-bottom:0px; padding-bottom:0px;} 
.display-medium-item a {}
.display-medium-item a h3.display-medium-title {border:none !important; color: #FFF; max-width:840px;}
.display-medium-item a h3.display-medium-title:hover {}
.display-medium-item img {display:none !important;}
p.display-medium-subtitle {margin:0px 0px 30px; max-width:720px;}
p.display-medium-date-read {font-family: 'protogrotesk-regular';}
span.display-medium-date {color:#f9a0e5; }
a.display-medium-readmore {color:#f9a0e5; text-decoration:underline;}
a.display-medium-readmore:hover {color:#FFF; text-decoration:underline;}

/* TEMPLATE COLOUR CHANGES*/

ul#centered_nav ul.sub-menu::before, #header_left_aligned ul.nav ul.sub-menu::before {background-color: transparent !important;}

body.page-template-template_about #header,
body.page-template-template_about ul#centered_nav::before,
body.page-template-template_about #top_menu,
body.page-template-template_about #header_left_aligned .top_container::before,
body.page-template-template_about #header_left_aligned ul.nav ul.sub-menu {background-color: #8126d9;}

body.page-template-template_about ul.main_menu ul.sub-menu li a,
body.page-template-template_about ul#centered_nav ul.sub-menu li a,
body.page-template-template_about ul.nav ul.sub-menu li a,
body.page-template-template_about #header_left_aligned ul.nav li a {color: #FFF;}

body.page-template-template_GDC #header,
body.page-template-template_GDC ul#centered_nav::before,
body.page-template-template_GDC #top_menu,
body.page-template-template_GDC #header_left_aligned .top_container::before,
body.page-template-template_GDC #header_left_aligned ul.nav ul.sub-menu {background-color: #8126d9;}

body.page-template-template_GDC ul.main_menu ul.sub-menu li a,
body.page-template-template_GDC ul#centered_nav ul.sub-menu li a,
body.page-template-template_GDC ul.nav ul.sub-menu li a,
body.page-template-template_GDC #header_left_aligned ul.nav li a {color: #FFF;}

body.page-template-template_games #header,
body.page-template-template_games ul#centered_nav::before,
body.page-template-template_games #top_menu,
body.page-template-template_games #header_left_aligned .top_container::before,
body.page-template-template_games #header_left_aligned ul.nav ul.sub-menu {background-color: #f9a0e5;}

body.page-template-template_games ul.main_menu ul.sub-menu li a,
body.page-template-template_games ul#centered_nav ul.sub-menu li a,
body.page-template-template_games ul.nav ul.sub-menu li a,
body.page-template-template_games #header_left_aligned ul.nav li a {color: #64118d;}

body.page-template-template_homepage  #header_left_aligned ul.nav ul.sub-menu:before,
body.page-template-template_games #header_left_aligned ul.nav ul.sub-menu:before,
body.page-template-template_apply #header_left_aligned ul.nav ul.sub-menu:before {background-image:url(images/svg/dropdown_dark.svg); }

body.page-template-template_apply #header,
body.page-template-template_apply ul#centered_nav::before,
body.page-template-template_apply #top_menu,
body.page-template-template_apply #header_left_aligned .top_container::before,
body.page-template-template_apply #header_left_aligned ul.nav ul.sub-menu {background-color: #adfdff;}

body.page-template-template_apply ul.main_menu ul.sub-menu li a,
body.page-template-template_apply ul#centered_nav ul.sub-menu li a,
body.page-template-template_apply ul.nav ul.sub-menu li a,
body.page-template-template_apply #header_left_aligned ul.nav li a,
body.page-template-template_apply #header_left_aligned ul.nav li.current-menu-item ul.sub-menu li a:hover {color: #64118d;}

body.page-template-template_pagebuilder #header,
body.page-template-template_pagebuilder ul#centered_nav::before,
body.page-template-template_pagebuilder #top_menu,
body.page-template-template_pagebuilder #header_left_aligned .top_container::before,
body.page-template-template_pagebuilder #header_left_aligned ul.nav ul.sub-menu {background-color: #d928b0;}

body.page-template-template_pagebuilder ul.main_menu ul.sub-menu li a,
body.page-template-template_pagebuilder ul#centered_nav ul.sub-menu li a,
body.page-template-template_pagebuilder ul.nav ul.sub-menu li a,
body.page-template-template_pagebuilder #header_left_aligned ul.nav li a {color: #FFF;}

body.page-template-default #header,
body.page-template-default ul#centered_nav::before,
body.page-template-default #top_menu,
body.page-template-default #header_left_aligned .top_container::before,
body.page-template-default #header_left_aligned ul.nav ul.sub-menu {background-color: #d928b0;}

body.page-template-default ul.main_menu ul.sub-menu li a,
body.page-template-default ul#centered_nav ul.sub-menu li a,
body.page-template-default ul.nav ul.sub-menu li a,
body.page-template-default #header_left_aligned ul.nav li a {color: #FFF;}

body.error404 #header,
body.error404 ul#centered_nav::before,
body.error404 #top_menu,
body.error404 #header_left_aligned .top_container::before,
body.error404 #header_left_aligned ul.nav ul.sub-menu {background-color: #d928b0;}

body.error404 ul.main_menu ul.sub-menu li a,
body.error404 ul#centered_nav ul.sub-menu li a,
body.error404 ul.nav ul.sub-menu li a,
body.error404 #header_left_aligned ul.nav li a {color: #FFF;}

/* WINGS HOMEPAGE CUSTOM STYLES */

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.stamp_container {display: block; width:auto; height:auto; position: relative;}
.stamp_text {width:100%; height:365px; background-image:url(images/svg/wings_diversity_crown_white.svg); background-size:100% 100%; background-repeat:no-repeat;  }
.rotate {-webkit-animation:spin 14s linear infinite; -moz-animation:spin 14s linear infinite;    animation:spin 14s linear infinite;}
.stamp_wing {display: block; width:100%; height:52%; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%); background-image:url(images/svg/wings_diversity_wing_red.svg); background-size:auto 100%; background-position:center; background-repeat:no-repeat;}

.white_text p {color:#FFF !important; font-family: 'protogrotesk-light'; max-width:720px; }
.medium_width p {max-width:900px;}
.white_text h1, .white_text h2, .white_text h3, .white_text h4, .white_text h5, .white_text h6 {color:#adfdff !important;}
a.big_button { margin:50px auto; font-family: 'protogrotesk-regular'; padding:30px 75px; display:inline-block; background-color:#ffffff; color:#64118d; -webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px; font-size:1.4em; position:relative; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; text-decoration:none !important; }
a.big_button:hover {cursor:pointer; background-color:transparent; color:#FFF; }
a.big_button:after {        content: "";        position: absolute;        bottom: 15px;    left:20%;     width: 0px;        height: 5px;        margin: 5px 0 0;
       -webkit-transition: all 0.7s ease-out;	-moz-transition: all 0.7s ease;	-o-transition: all 0.7s ease;      opacity: 0;        background-color: #adfdff;      }
a.big_button:hover:after {     width: 60%;        opacity: 1;      }
a.big_button.big_button.big_button__pink {background-color:#ea33bf; color:#ffffff;}

.stamp_2 {width:220px; height:220px; background-image:url(images/svg/wings_approved_magenta_purple.svg); background-size:100% 100%; background-repeat:no-repeat; position: absolute; bottom:50px; right:80px; }
#hidden_stamp {transform-origin: top; transform: scale(1.5,1.5); -webkit-transition: all 0.4s ease-out;	-moz-transition: all 0.4s ease;	-o-transition: all 0.4s ease; zoom:1; filter: alpha(opacity=0); opacity: 0.00;}
#hidden_stamp.visible_stamp {transform: scale(1,1); filter: alpha(opacity=100); opacity: 1.00;}

.pink_text p {font-family: 'protogrotesk-light'; max-width:560px; }
.pink_text a.big_button {background-color:#7e28d9; color:#ffffff;}
.pink_text a.big_button:hover {cursor:pointer; background-color:transparent; color:#ea33bf; }
.pink_text a.big_button:after  {   background-color: #ea33bf;      }
.centered_item p {margin:0px auto 20px !important;}
span.pink_text {color:#ea33bf !important;}
.wider_text p {max-width:1080px;}

.quote_text {display: block; text-align: center; color:#7e28d9; font-family: 'protogrotesk-bold'; position: relative; padding-top:40px; margin-top:40px;}
.quote_text:before {content:'“'; font-size:7em; position: absolute; top:0px; left:50%; transform: translate(-50%, 0%); display: block;}
span.quote_title {font-family: 'protogrotesk-bold'; display: block; text-align: center; font-size: 2.4em; line-height: 1.2em; margin:0px auto 30px; max-width:450px;}
span.quote_author {font-family: 'protogrotesk-regular'; display: block; text-align: center; font-size:1.4em; line-height:1em;}
.quote_image {display: block; width:auto; margin:0px; padding:0px; text-align:center;}
.quote_image img {width:75%; height:auto; display: block; padding:0px; margin:0px auto; }

.latest_games_title {text-align:center; color:#FFF;}
.items_container {width:auto; overflow:hidden; display: block; white-space: nowrap;}
.item {width:300px; height:200px; background-color:#64118d; display:inline-block; margin:0px 12% 20px 0%; position:relative;}
.item:after {content:''; width:300px; height:200px; background-color:#7e28d9; display: block; position: absolute; z-index:-1; left:-25px; bottom:-25px;}
.item a {}
.item img {width:100%; height:200px; object-fit: cover; display: block; zoom:1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
span.home_game_title {font-family: 'protogrotesk-bold'; color:#FFF; display: block; position: absolute; top: 40%;  left: 50%;  transform: translate(-50%, -50%); font-size:25px; zoom:1; filter: alpha(opacity=0); opacity: 0.00; z-index:10; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
.item a:hover span.home_game_title {filter: alpha(opacity=100); opacity: 1.00; top: 50%; }
.item a:hover img {filter: alpha(opacity=80); opacity: 0.80;}

/* HEADER 03 STYLES */

header#centered {display:block; width:100%; margin:0px auto; height:0px; z-index:1001; position:relative; text-align:center; padding-top:0px; background-color: transparent;}
header#centered #top {position:relative; display:block; width:100%; margin:0px auto; height:auto; overflow:hidden;}
header#centered .header_logo_holder h1 {position:relative; display:block; padding:0px; text-align:center; margin:0px auto;}
header#centered .header_logo_holder a {border:none; }
header#centered .header_logo_holder a h1 img {border:none; max-height:100px; width:auto; height:auto; margin-bottom:15px;}
.centered_nav_top_left { display: flex; align-items: center;}
.centered_nav_top_right {}
.centered_nav_socials {text-align:left;  top:0px; left:0px; height:0px !important; padding-top:15px !important;}
.centered_nav_search {}
ul#centered_nav {list-style-type:none; padding:0px; margin:0px auto; display:block; text-align:center;}
ul#centered_nav li {margin:0px; padding:0px; float:none; display:inline-block;}
ul#centered_nav li a {display:inline-block; padding:5px 3px; margin:0px 2px; text-transform:uppercase; font-size:21px;}
ul#centered_nav li.current-page-item a, ul#centered_nav li.current-menu-item a  {}
ul#centered_nav .iphone_hide {-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
header#centered #sticker {width:100%; z-index:1010;}
ul#centered_nav ul.sub-menu {display:none; position:absolute; text-align:center; width:100%; height:auto; overflow:hidden; left:0px; top:0px;  z-index:100; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; overflow:visible;  }
ul#centered_nav ul.live-subnav {display: block !important; height:auto !important; top:100%; }
ul#centered_nav li.current_page_item ul.sub-menu, ul#centered_nav li.current-menu-ancestor ul.sub-menu {height:auto; z-index:5;}
ul#centered_nav ul.sub-menu {padding:0px 10px ; margin:0px;}
ul#centered_nav ul.sub-menu li {padding:0px; margin:5px 0px; position:relative; }
ul#centered_nav ul.sub-menu li a {padding:7px 10px; border:0; color:#FFF; font-size:16px;}
ul#centered_nav ul.sub-menu li a:hover {color:#000;}
ul#centered_nav ul.sub-menu li > a:after {background-image:none;}
ul#centered_nav:before {content:''; position:absolute; left:-50%; width:200vw; height:100%; z-index:-1; }
ul#centered_nav ul.sub-menu:before {content:''; position:absolute; left:-50%; width:200vw; height:100%; z-index:-1; }
ul#centered_nav #top_menu {padding:10px; text-transform:uppercase; text-decoration:none;}
.centered_nav_top_left {z-index: 1000;position: relative; margin-right: 100px;}
.centered_nav_search {z-index:0;}
.centered_nav_top_right {text-align:right; top: -10px;    position: relative;}
.centered_nav_top_right .open_search_holder {position:relative; z-index:1010;}

/* HEADER 04 STYLES */

.sticky {position:fixed; top:-200px; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
.visible_nav {top:0px; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; background-color:#FFF; min-height:0px;}
.holder {max-width:1200px; width:auto;  display:block; height:auto; margin:0px auto; padding:0px 20px; position:relative; float:none;}
.holder p, body p {margin:0px 0px 20px; padding:0px; font-size: 18px; line-height: 30px;}
.top_container {margin:0px auto;}
span.quote_author {margin:0px 0px 20px; padding:0px; font-size:2em; line-height:1.6em;  font-weight:500;}
.header_right {  position:relative; }
.header_right_content { position:relative; width:100%; height:0px; top:0px; margin:0px auto; text-align:right; }
.openclose_container {display: flex;justify-content: flex-end; position: relative;}
.openclose {position: fixed;z-index:10000; height: auto; margin-top:15px; max-width: 1200px;width: 100%;}
.header_additional_holder {position:relative; width:100%; height:0px; top:0px; margin:0px auto; text-align:right; display: block; height:20px; padding-top:15px;}
.header_additional_holder {width:auto; display:flex; justify-content:flex-end;}
.header_additional {position: fixed; z-index:1000; max-width: 1200px;width: 100%;height: auto;  display: flex; align-items: center; justify-content: flex-end;}
.header_additional_text {display: inline-block; margin:0px 0px 0px 0px;}
.social_icon {display: inline-block; margin:0px 0px 0px 5px;}
.social_icon img {height:40px; width:auto; display: block;}
.panel-grid {}
.panel-grid.panel-grid .hide.hide { display: none; }
.header_logo {text-align:center; padding:0px !important;}
.header_logo_image {display: block;}
.header_logo_holder {position: relative; display: inline-block; width:252px; height:auto; min-height:20px;}
.header_logo_holder img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
.header_logo_holder a { display: inline-block;}
.visible_nav .header_logo_holder {}
img.header_logo_image {max-height:100px; width:auto; height:auto;}
.mobile_nav_holder {display:block; zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.3s ease-out;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;}
.mobile_nav {margin-bottom:35px; display: inline-block; position: fixed;z-index: 10001; top: 11px; right: 10px; }
.nav_holder {display:none; z-index:1001; background-color:#FFF; width:100%; height:100%; float:none; position:absolute; top:0px;  padding:0px 100px; margin:0px;}
.nav_holder ul.foot_nav {padding-top:0px !important;}
.socials {display:block; position:absolute; top:-5px; left:20px; width:auto; height: auto; padding:10px 0px; font-weight:900; color:#014884; z-index:100;}
.socials a {display: inline-block; padding:0px; margin:0px 0px 0px 5px; width:25px; height:25px;}
.socials a img {display: block; width:25px; height:25px; position: relative; bottom:-7px; padding:0px; margin:0px;}
.mobile_nav_holder  {left:-140vw; top:0px;  position: fixed; background-color:#fff7e5; width:100%; height:100vh; text-align:center; z-index:9999; display: flex;  justify-content: center;  align-items: center;}
.live_mobile {filter: alpha(opacity=100); opacity:1.00; left:0vw;}
ul.main_menu {display:inline-block; position: relative;  list-style-type: none; padding:20px; margin:0px auto; top: 0px;  width:100%; height:auto; max-width:1080px; z-index:99999; }
.menu ul {padding:0px;}
ul.main_menu li {display:block; text-align:center; width: auto; padding:0px; margin:10px 0px; }
ul.main_menu li a {display:inline-block; position:relative; padding:5px 0px; margin:0px; font-size:26px; line-height:29px; text-transform:uppercase; }
ul.main_menu li a:after {content:''; height:25px; width:1px; background-color:#000; position:absolute; right:-8px; top:5px; display: none;}
ul.main_menu li.current_page_item a {}
ul.main_menu li:last-child a:after {display:none;}
ul.main_menu li a:hover {text-decoration:none;}
ul.main_menu ul.sub-menu {display: block; padding:0px;}
ul.main_menu ul.sub-menu li {margin:0px;}
ul.main_menu ul.sub-menu li a {font-size:20px; line-height:24px;}
.menui { display:block; background: #000;  transition: 0.6s ease;  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);  margin-top: 6px;  }
.icon {  display:inline-block;  vertical-align:middle; z-index: 2000;  background-color:transparent;   padding: 4px 0px;  height: 32px;  width: 32px;  margin: 0px;  top: 0px;  left: 8px; }
.hamburger {position:relative; margin-left:5px; top:-6px;}

.mobile_nav {display: none;}

/* GAMES PAGE */

.games_container {display: flex; flex-wrap: wrap; align-items:stretch;}
.game_single { width:50%; background-color:#7e28d9; color:#FFF;position:relative; padding-bottom:40px; display: flex; flex-direction: column;}
.game_single .inner_container {display: block; padding:80px 60px 40px; display: flex; flex-direction: column; align-items: stretch; flex-grow: 1;}
.game_single p {}
.games_meta_holder {display: block; width: 100%; padding:0px; position:relative; left:0px;}
.games_meta_padding {display: block; padding:0px 60px;}

@media only screen and (min-width: 800px) {

	.game_single:nth-child(4n-1) {background-color:#FFF; color:#7e28d9;}
	.game_single:nth-child(4n-2) {background-color:#FFF; color:#7e28d9;}

	.game_single:nth-child(4n-1) a.game_main_button,
	.game_single:nth-child(4n-2) a.game_main_button {background-color:#8126d9; color:#FFF;}

	.game_single:nth-child(4n-1) a.game_main_button:hover,
	.game_single:nth-child(4n-2) a.game_main_button:hover {background-color:transparent;  color:#8126d9;}

	.game_single:nth-child(4n-1) a.game_main_button:after,
	.game_single:nth-child(4n-2) a.game_main_button:after {background-color: #8126d9;}


	.game_single:nth-child(4n-1) a.game_weblink,
	.game_single:nth-child(4n-2) a.game_weblink {background-image:url(images/svg/icon_Circled_www_purple.svg);}
	.game_single:nth-child(4n-1) a.game_fblink,
	.game_single:nth-child(4n-2) a.game_fblink {background-image:url(images/svg/icon_Circled_Facebook_purple.svg);}
	.game_single:nth-child(4n-1) a.game_twitlink,
	.game_single:nth-child(4n-2) a.game_twitlink {background-image:url(images/svg/icon_Circled_Twitter_purple.svg);}
	.game_single:nth-child(4n-1) a.game_instalink,
	.game_single:nth-child(4n-2) a.game_instalink {background-image:url(images/svg/icon_Circled_Instagram_purple.svg);}

}

body.paged #games_masthead {display: none;}
body.paged #games_container_id {margin-top:132px;}

.image_and_title {display:flex;}
img.developer_photo {width:285px; height:285px; object-fit: cover; display: inline-block; vertical-align: top;}
span.game_title { font-size:2em; line-height:1.1em;display: inline-block; vertical-align: top; padding:10px 30px 10px 10px;}
span.developer_name {display: block; width: 100%; margin:0px; padding:20px 0px;}
span.developer_name a {text-decoration:underline; color:inherit;}
span.developer_name a:hover {}
.item_mobile span.game_title {position: absolute;width: 100%;left: 0px; top:100%; margin-top:30px; color: #FFF;z-index: 2;}

@media (min-width: 800px) and (max-width:1200px) {
	.image_and_title {flex-wrap: wrap;}
	span.game_title {
		padding:30px 30px 10px 0;
	}
}

.trailer_holder { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background: #f9a0e5; padding: 200px 20px 150px; }
.trailer_container { width: 100%; max-width: 1200px; margin: 0 auto; }
.trailer_title { font-family: 'protogrotesk-bold'; font-size: 3.5em; line-height: 1.1; display: block; padding: 0 !important; margin: 0 auto 45px; text-align: left; color: #7d34d6; text-transform: uppercase; font-weight: 300; }
@media (max-width: 800px) {
	.trailer_holder {
		padding: 60px 20px;
	}
	.trailer_title {
		font-size: 2.5em;
	}
}
.trailer_aspect-ratio { width: 100%; height: 0; padding-top: 56.25%; position: relative; }
.trailer_aspect-ratio-contain { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:100%; height: 100%; }
.trailer_holder .splide, .trailer_holder .splide__track,  .trailer_holder .splide__list, .trailer_holder .splide__slide { width: 100%; height: 100%; } 
.trailer_holder .splide__slide img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
#thumbnail-slider { margin-top: 30px; }
#thumbnail-slider .splide__slide img {
  width: auto;
  height: auto;
	max-width: 100%;
}
@media (max-width: 1300px) {
	#thumbnail-slider .splide__track { width: calc( 100% - 120px ); margin: 0 auto; }
}
.trailer_holder .splide__video__play {
	width: 140px;
	height: 100px;
	border-radius: 20px;
	background: rgba(10,10,10,.7);
	opacity: 1;
	transition: background .3s ease-in-out;
}
@media (max-width: 600px) {
	.trailer_holder .splide__video__play {
		width: 70px;
		height: 50px;
		border-radius: 10px;
	}
}
.splide__slide:hover .splide__video__play.splide__video__play {
	background: rgba(10,10,10,.9);
	opacity: 1;
}
.trailer_holder .splide__video__play::after {
	border-color: transparent transparent transparent #fff;
}
.trailer_holder .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,
.trailer_holder .splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	transition: border-color .3s ease-in-out
}
.trailer_holder .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.trailer_holder .splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	border-color: #8126d9;
}
.trailer_holder .splide__arrow {
	width: 40px;
	height: 30px;
	background: transparent url(images/svg/video_arrow.svg) no-repeat center;
	background-size: contain;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}
.trailer_holder .splide__arrow:hover {
	opacity: .6;
}
.trailer_holder .splide__arrow--next {
	transform: rotate(180deg) translateY(50%);
}
.trailer_holder .splide__arrow svg { display: none; }
.trailer_holder .splide__arrow--prev {
	left: -60px;
}
.trailer_holder .splide__arrow--next {
	right: -60px;
}
@media (max-width: 1300px) {
	.trailer_holder .splide__arrow--prev {
		left: 0;
	}
	.trailer_holder .splide__arrow--next {
		right: 0;
	}
}


#games_mobile {display: block; width:auto; max-width:1200px; margin:0px auto; padding:0px 20px; text-align:center; white-space:normal;}
.home_games_holder {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.item_container {width:50%; text-align:center; height:auto;}
.item_mobile {width:410px; height:auto; background-color:#64118d; display:block; margin:40px auto 90px; position:relative;}
.item_mobile:after {content:''; width:100%; height:100%; background-color:#7e28d9; display: block; position: absolute; z-index:0; left:-25px; bottom:-25px;}
.item_mobile a {}
.item_mobile img {position:relative;z-index:2; width:100%; height:auto; display: block; zoom:1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
.item_mobile a img:hover {filter: alpha(opacity=80); opacity: 0.80; }

.game_images {display: flex; justify-content:space-between; width: auto; margin:auto auto 0px; padding: 20px 0 0;}
.game_images a {width:48%; height:auto; display: inline-block; }
.game_images a img {width:100%; height:auto; object-fit: cover; display: block; aspect-ratio: 16/9;	object-position: center; flex: 1 0 0; }

.game_links_left {width:50%; display: inline-block; text-align: left;}
a.game_main_button {margin:20px 0px; font-family: 'protogrotesk-regular'; padding:20px 35px; display:inline-block; background-color:#FFF; color:#8126d9; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; font-size:1.2em; position:relative; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; text-decoration:none !important;}
a.game_main_button:hover {cursor:pointer; background-color:transparent; color:#FFF; }
a.game_main_button:after {content: "";        position: absolute;        bottom: 10px;    left:20%;     width: 0px;        height: 5px;        margin: 5px 0 0;
       -webkit-transition: all 0.7s ease-out;	-moz-transition: all 0.7s ease;	-o-transition: all 0.7s ease;      opacity: 0;        background-color: #FFF; }
a.game_main_button:hover:after { width: 60%;        opacity: 1; }

.game_links_right {width:49%; display: inline-block; text-align: right;}
a.game_weblink {display: inline-block; width:30px; height:30px; background-image:url(images/svg/icon_Circled_www_white.svg); background-size:100% auto; background-repeat:no-repeat; background-position:center; }
a.game_fblink {display: inline-block; width:30px; height:30px; background-image:url(images/svg/icon_Circled_Facebook_white.svg); background-size:100% auto; background-repeat:no-repeat; background-position:center; }
a.game_twitlink {display: inline-block; width:30px; height:30px; background-image:url(images/svg/icon_Circled_Twitter_white.svg); background-size:100% auto; background-repeat:no-repeat; background-position:center; }
a.game_instalink {display: inline-block; width:30px; height:30px; background-image:url(images/svg/icon_Circled_Instagram_white.svg); background-size:100% auto; background-repeat:no-repeat; background-position:center; }

.game_links_right a {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;}
.game_links_right a:hover {filter: alpha(opacity=80); opacity: 0.80;}

/* MAIN THEME STYLES */

#canvas_holder {width:100%; height:600px; margin:0px auto; position: relative;}
#canvas-basic {    position: absolute;    display: block;    width: 100%;    height: 100%;    top: 0;    right: 0;    bottom: 0;    left: 0;}

#top_gradient {width:100%; height:600px; margin:0px auto; background: linear-gradient(180deg, #bec7ce, #f7af8f);}

#left_gradient {height:100%; min-height:400px; background: linear-gradient(180deg, #ddded9, #93b1b7);}

.open_button {display:block; zoom: 1; filter: alpha(opacity=0); opacity: 0.00;  -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
.close_button {display:block; margin-top:-28px; zoom: 1; filter: alpha(opacity=0); opacity: 0.00;  -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
.visible_menu {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; }

.top-animate {  background: #FFF !important;  top: 13px !important;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.mid-animate { opacity: 0; }
.bottom-animate {  background: #FFF !important;  top: 13px !important;  -webkit-transform: rotate(-225deg);  transform: rotate(-225deg);}
.top-menu {  top: 8px;  right:0px;	width: 30px;  height: 3px;  border-radius: 15px;  background-color: #FFF; position: absolute;}
.mid-menu {  top: 15px; right:0px; width: 30px;  height: 3px;  border-radius: 15px;  background-color: #FFF; position: absolute;}
.bottom-menu {  top: 22px; right:0px; width: 30px;  height: 3px;  border-radius: 15px;  background-color: #FFF; position: absolute;}

h1 { color:   #000;    display: block;    position: relative;    text-align: left;    font-style: normal;    font-weight: 300;    font-size: 6em;    line-height: 1.2em;    padding: 0px 0px 0px;    margin: 0px;     }
h2 {  color:   #000;    display: block;    position: relative;    text-align: left;    font-style: normal;    font-weight: 300;    font-size: 5em;    line-height: 1.2em;    padding: 0px 0px 60px;    margin: 0px;        }
h3 { color:   #000;    display: block;    position: relative;    text-align: left;    font-style: normal;    font-weight: 300;    font-size: 3em;    line-height: 1.2em;    padding: 0px 0px 40px;    margin: 0px;      }
h4 {  color:   #000;    display: block;    position: relative;    text-align: left;    font-style: normal;    font-weight: 300;    font-size: 2em;    line-height: 1.2em;    padding: 0px 0px 20px;    margin: 0px;       }
h5 {  color:   #000;    display: block;    position: relative;    text-align: left;    font-style: normal;    font-weight: 300;    font-size: 1.5em;    line-height: 1.2em;    padding: 0px 0px 15px;    margin: 0px;      }
h6 {  color:   #000;    display: block;    position: relative;    text-align: left;    font-style: normal;    font-weight: 300;    font-size: 1.3em;    line-height: 1.2em;    padding: 0px 0px 15px;    margin: 0px;    }


a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block;  margin:1em auto;}

.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:0em 0 1em 1em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:0em 1em 1em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}


.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}


.gallery figure {float:left; margin:0 2% 1em 0;}


.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}


.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}


.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}


.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}


.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}


.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}


.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}


.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}


.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}


@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}

#press_logos, #press_logos .so-widget-sow-image-grid-default-c51e448a0a62 .sow-image-grid-wrapper {text-align:left !important;}
.download_link h5 {padding-bottom:0px; bottom:-7px !important; position:relative;}

body.page h2, body.page h3, body.page h4 {padding:20px 0px;}

#flower_animation img {max-height:450px; width:auto;}

h1.sow-headline {text-transform:uppercase; color:#FFF; font-family: 'protogrotesk-bold'; }
span.red_title {color:#FB645F;}
span.purple_title {color:#8126d9;}
span.pink_title {color:#fb645f;}
h2.latest_games_title {font-size:100px; margin:0px 0px 80px;}
.quote_block_text {min-height:110vh; display: flex;  justify-content: center;  align-items: center;}
.quote_image_bg {display: flex;  justify-content: center;  align-items: center;}

body.page-template-template_apply h1.sow-headline {color:#7E28D9;}
#about_masthead p {color:#FFF !important; font-family: 'protogrotesk-light'; }

.holder p strong, body p strong {font-family: 'protogrotesk-regular'; }

blockquote {display: block; padding:1em 10em 1em 0; margin:0; text-align:left; position:relative;}
body blockquote p, .holder blockquote p {font-size:1.5em; line-height:1.4em; margin:0; padding:0; z-index:10;}
blockquote:before {content:'"'; font-size:200px; position:absolute; top:65px; left:-25px; zoom: 1; filter: alpha(opacity=10); opacity: 0.10; z-index:1;}

.logo_holder {display: block;}
.logo_holder a {}
.logo_holder a h1 {}
.logo_holder a h1 img {max-width: 160px;}
.svg_logo_holder {max-width:160px;}
span.tagline {display: block; font-size:37px; line-height:44px; font-weight:300; padding:40px 0px 60px;}

.page_content {text-align:left;}
.page_content h2 {text-align:left; padding-left:40px; max-width:900px;}
.page_content p {text-align:left; font-size:17px; line-height:29px; padding-left:40px; max-width:900px; margin:0px 0px 30px;}

.contact_form_holder { display: block; width:100%; height:auto; border:0px solid red;}

.committee_holder {display:flex; flex-wrap:wrap; align-content:flex-start; align-items:stretch; max-width: 1180px;padding: 0px 20px;margin: 0px auto;}
.committee_single {width:25%;}
.committee_single .committee_container {display: block; padding:20px 20px 50px; text-align: right;}
.committee_holder--ambassadors .committee_single .committee_container { text-align: left;}
.committee_container .developer_photo {display: inline-block; width:100%; height:auto;}
.committee_info {font-family: 'protogrotesk-light'; color:#64118d; font-size:1.2em; text-align: right;}
.committee_holder--ambassadors .committee_info { text-align: left;}
span.committee_name {display: block; font-family: 'protogrotesk-regular'; padding-bottom:10px; padding-top:16px;}
.committee_info a {text-decoration: underline; color:#64118d;}

#move_quote {display: flex; width:100%;}
body.paged #move_quote {display: none !important;}

.pagination {font-family: 'protogrotesk-light'; clear:both;position:relative;text-align:left; display:inline-block; font-weight: 300; font-style: normal;  text-transform:none; color:#FFF; display:block; position:relative; text-align:left; font-style: normal; font-weight: normal;  font-size:18px; line-height:10px; padding:30px 60px; margin:0px; background-color:#f9a0e5; width:100%;}
.pagination span, .pagination a {display:inline-block; margin: 2px 5px 2px 0px; padding:10px 11px; text-decoration:none; border:0px solid #de3d44;}
.pagination a {color:#FFF; position:relative; background-color:#7e28d9;}
.pagination a:after, .pagination .current:after {display:none;}
.pagination a:last-child:after {display:none;}
.pagination a:hover{text-decoration:none; background-color:#64118d; color:#FFF;}
.pagination .current {text-decoration:none; background-color:#FFF; color:#64118d; position:relative;}
.pagination span:last-child:after {content:''; display:none;  }

.wpcf7-form label {color:#9d9d9d; font-size:18px;}
.wpcf7-form input {display:block; color:#000; border:1px solid black; width:96%; padding:10px; margin:10px 0px 30px;  font-weight: 300; font-style: normal; font-size:20px; font-weight:300;}
.wpcf7-form textarea { display:block; color:#000; position: relative; width:98%; padding:15px 10px; margin:10px 0px 30px;  font-weight: 300; font-style: normal; border:1px solid black; font-size:20px; font-weight:300;}
.form_left {display: block; width:48%; float:left;}
.form_right {display: block; width:48%; float:right;}
.wpcf7 p {margin:0px;}
#wpcf7-f310-o1 form.wpcf7-form {display:block; width:100%; max-width:304px; height:auto; float:none; clear:both;  background-color:#bfc7c9; color:#000; width:100%; height:auto;}
.submit_holder {display:block; text-align:right; overflow:hidden;}
.wpcf7-form input.wpcf7-submit { color:#FFF !important; border:0px solid #de3d44; width:auto; padding:15px 20px !important; float:left; font-weight:500;}
.wpcf7-form input.wpcf7-submit:hover {cursor:pointer; text-decoration:underline !important;}
span.wpcf7-not-valid-tip {position:absolute; top:5px; left:-7px;color:#fff !important;width: 200px;text-align: center;background-color:#f00;}
input {    -webkit-border-radius:0; }
#wpcf7-f319-p9-o1 .wpcf7-form input.wpcf7-submit {height:37px; width:6%; top:-5px;}

.search_bar {display:block; background-color:#eeeff1; padding:10px 0px; letter-spacing:0.6px; text-align:right; color:#7a7a75;  font-size:12px;}
.search_bar .nav_container {max-width:1225px;  padding:0px 32px;}
.search_bar a {color:#f8f062;}
.login_links {display:inline-block;}
.search_bar .search-form {display: inline-block;}
.search_bar .search-field {border:none; color:#444440; background-color:transparent !important; text-align:right; width:100px; font-weight:bold; -webkit-appearance: none; -moz-appearance: none; letter-spacing:0.6px; font-size:12px;}
.search_bar input::-webkit-input-placeholder {    color: #444440;    opacity: 1 !important; /* for older chrome versions. may no longer apply. */}
.search_bar input::-moz-placeholder { /* Firefox 18- */    color: #444440;    opacity: 1 !important;}
.search_bar input::-moz-placeholder {  /* Firefox 19+ */    color: #444440;    opacity: 1 !important;}
.search_bar input::-ms-input-placeholder {     color: #444440;}
.search_bar .search_icon {display:inline-block; background-image:url(images/magnify_02.svg); background-position:center center; -webkit-background-size: auto 100%;   -moz-background-size: auto 100%;  -o-background-size: auto 100%;  background-size: auto 100%; background-repeat:no-repeat; width:20px; height:14px; position:relative; bottom:-4px; left: 5px;}
.search_button {text-indent:-200000px; display:inline-block;}
.search_bar .search-submit {-webkit-appearance: none; -moz-appearance: none; border:none; background-color:transparent; padding:0px;}
.search_bar .search-submit:hover {cursor:pointer;}

.results_page {display:block; font-size:38px; color:#7a7a75; border-bottom:1px solid #a4aeb5; padding:0px 0px 20px; margin-bottom: 40px !important; position: relative;}
.search_form_pre {display:inline-block; margin-right: 10px;}
.results_page .search-form {display: inline-block;}
.results_page .search-field {border:none; color:#444440; background-color:transparent !important; text-align:left; width:59%;-webkit-appearance: none; -moz-appearance: none; font-size:38px; max-width: 500px;}
.results_page input:-webkit-input-placeholder {    color: #444440;    opacity: 1 !important; /* for older chrome versions. may no longer apply. */}
.results_page input:-moz-placeholder { /* Firefox 18- */    color: #444440;    opacity: 1 !important;}
.results_page input:-moz-placeholder {  /* Firefox 19+ */    color: #444440;    opacity: 1 !important;}
.results_page input:-ms-input-placeholder {     color: #444440;}
.results_page .search_icon {display:inline-block; background-image:url(images/magnify_02.svg); background-position:center center; -webkit-background-size: auto 100%;  -moz-background-size: auto 100%;  -o-background-size: auto 100%;  background-size: auto 100%; background-repeat:no-repeat; width:50px; height:50px;}
.results_page .search_button {text-indent:-200000px; display:inline-block;}
.results_page .search-submit {-webkit-appearance: none; -moz-appearance: none; border:none; background-color:transparent; padding:0px; width:50px; position: absolute; right: 10px; padding-top: 5px;}
.results_page .search-submit:hover {cursor:pointer;}

a.open_search_holder {display: inline-block; vertical-align:middle; zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
a.open_search_holder .search_icon {display:inline-block; background-image:url(images/magnify_02.svg); background-position:center center; -webkit-background-size: auto 100%;  -moz-background-size: auto 100%;  -o-background-size: auto 100%;  background-size: auto 100%; background-repeat:no-repeat; width:50px; height:50px; margin:0px 0px 0px 1px; position: relative; top:4px; }
body.live-nav a.open_search_holder {filter: alpha(opacity=0); opacity: 0.00;}
#search_fullscreen {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.98); display:none; z-index:99999;}
.search_popup_container { position:absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.search_popup_container .results_page {padding-top:0px;}
.search_popup_container .search_form_pre {width:28%;}
.search_popup_container .search-field {}
.search_popup_container .search-submit {}

.no_results {padding:80px 0px 30px;}
span.number_of_results {display:block; padding:80px 0px 40px; margin:0px; font-size: 24px}
ul.search_results {list-style-type:none; padding: 0px 0px 10px 0px !important; margin: 0;}
ul.search_results li {display: block; padding: 0; margin: 0; max-width:800px;}
ul.search_results li a {display: block; padding: 0px; color:#f8f062}
ul.search_results li a h3 {padding:5px 0px; color:#f8f062; font-size:24px; text-decoration: none;}
ul.search_results li a:hover, ul.search_results li a h3:hover {color:#262626;}
ul.search_results li p {display:block; padding:0px; margin: 0px 0px 20px;}
a.read_more_link {margin:0px 0px 60px; text-decoration:underline;}

.close_search_holder {z-index: 2002;  position: fixed;  display: block;  padding: 9px;  height: 32px;  width: 32px;  margin: 0px;  top: 19px;  right: 20px;} 
.close_search {}
.cross_01{  position:relative; top: 12px;  width: 25px;  height: 2px;  border-radius: 10px;  background-color: #7a7a75;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.cross_02 { position:relative; top: 10px;  width: 25px;  height: 2px;  border-radius: 10px;  background-color: #7a7a75;  -webkit-transform: rotate(-225deg);  transform: rotate(-225deg);}

.footer { display:block;  padding:150px 0px 130px; margin:0px; }
.footer .holder { display:flex; flex-wrap:wrap; justify-content: space-between; align-items:stretch; align-items:flex-end; }
.footer .full_width_footer { display:flex; flex-wrap:wrap; justify-content: space-between; align-items:stretch;  width:auto; height:auto; margin:0px auto; padding:0px 20px; position:relative; float:none;}
.footer_block_left {text-align:left; margin:0px 0px 20px; padding:0px; position:relative; width:48%; font-size:17px; }
.footer_block_right {text-align:right; margin:0px 0px 20px; padding:0px; position:relative; width:48%; font-size:17px; }

span.footer_large {font-family: 'protogrotesk-regular'; font-size:4em; display: block; padding:20px; margin:20px auto 45px; text-align:center;}

.footer_logo {margin-bottom:70px;}
ul.footer_socials {list-style-type: none; display: block; margin:0px auto; padding:0px 0px 60px; text-align: center;}
ul.footer_socials li {display: inline-block; margin:0px 10px; padding:0px;}
ul.footer_socials li a {display: block;}
ul.footer_socials li a img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; height:75px; width:auto;}
ul.footer_socials li a img:hover {filter: alpha(opacity=80); opacity: 0.80; cursor:pointer;}

ul.footer_meta {font-family: 'protogrotesk-light'; list-style-type: none; display: block; margin:0px auto; padding:0px; text-align:center;}
ul.footer_meta li {color:#64118d; display: inline-block; margin:0px 5px 0px 0px; padding:0px;}
ul.footer_meta li:after {content:'|'; display: inline-block; margin:0px 0px 0px 5px;}
ul.footer_meta li:last-child:after {content:''; display: none;}
ul.footer_meta li a {text-decoration: none; color: #64118d;}
ul.footer_meta li a:hover {text-decoration:underline;}

a.fade, .fade, .fade img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; }
a.fade:hover, .fade:hover, .fade:hover img {filter: alpha(opacity=80); opacity: 0.80; }

.footer_block_center {text-align:center; margin:0px auto 20px; padding:0px; position:relative; width:98%; font-size:17px; }

.footer_thirds_01 {text-align:left; margin:0px 0px 20px; padding:0px; position:relative; width:33.3%; font-size:17px; }
.footer_thirds_02 {text-align:left; margin:0px 0px 20px; padding:0px; position:relative; width:33.3%; font-size:17px; }
.footer_thirds_03 {text-align:left; margin:0px 0px 20px; padding:0px; position:relative; width:33.3%; font-size:17px; }

.footer_logo_image {max-width: 285px !important; margin-bottom:4px;}
span.address {display:block; padding: 30px 0px 0px;}
span.copyright {display: block; padding:30px 0px 0px; margin:0px; text-align:right;}
footer a {color:#014884; margin:0px 5px;}
footer a:hover {color:#000; text-decoration:underline;}

.iphone_show {display:none;}
.clear {clear:both;}

.team h3 { font-size: 32px; }

@media only screen and (max-width: 1400px) {
	.stamp_2 { right:130px; }
}

@media only screen and (max-width: 1080px) {
	.logo_holder a h1 img {max-width: 140px;}
	.header_left_aligned_search a.open_search_holder {left:0px;}
	#header_left_aligned {position: fixed; top:0px; }
	.out_of_sight {top:0px;}

	span.footer_large {font-size:40px; }

	.footer_logo {max-width:100%; height:auto;}

	ul.footer_socials li { margin:0px 5px; }
	ul.footer_socials li a img {height:65px; }

	ul.footer_meta {font-size:13px;}
	ul.footer_meta li {margin:0px 3px 0px 0px; }
	ul.footer_meta li:after {margin:0px 0px 0px 3px;}
	.mobile_menu_margin {margin-right:20px;}

	.stamp_2 {width:200px; height:200px; right:20px; }
	h2.latest_games_title {font-size:80px;}
}

@media only screen and (max-width: 800px) {
	.iphone_show {display:block;}
	.iphone_hide {max-height:0px; overflow:hidden;}
	#top_menu {text-transform:uppercase;}
	#header_left_aligned img.header_logo_image {padding-right:0px;}
	#header_left_aligned {height:auto; position:relative;}
	.out_of_sight {position:relative !important; top:auto; }
	.nav_visible {top:auto;}
	ul.centered_iphone_visible {padding-bottom:10px !important;}
	.left_aligned_mobile {width:100%; height:auto; text-align:center; z-index:1001; display:block;}
	.left_aligned_mobile #top_menu {}
	.left_aligned_mobile .sticky-wrapper {height:auto !important;}
	.left_aligned_mobile #top_menu {padding:12px 0px !important;}
	#header_left_aligned .left_aligned_main_nav {display:none;}
	.centered_iphone_visible {max-height:1000px;}
	header#centered .header_logo_holder a h1 img { max-height:55px;}
	ul#centered_nav li {display: block;}
	ul#centered_nav ul.sub-menu {position:relative;max-height:1000px; padding-left:0px; }
	ul#centered_nav ul.live-subnav {display: block !important; top:100%; }
    h2.latest_games_title {font-size:60px;}

    .mobile_nav {display: block;}
    body {width:100%; overflow-x:hidden;}
	#header_left_aligned .top_container:before {display: none;}
	#header_left_aligned {position: relative; }

	.openclose {margin-top:-7px; margin-right:-5px;}
	.header_additional_text {display:none;}
	.social_icon {margin-left:2px;}
	.social_icon img {height:22px;}

	img.header_logo_image {max-height:55px; }
	.header {min-height:55px;}

	.holder {padding:0px 15px;}
	.holder p, body p {font-size: 16px; line-height: 27px;}
	blockquote { padding:20px 20px 20px 0px; }
	body blockquote p, .holder blockquote p {font-size:1.5em; line-height:1.4em;}

	h1 {  font-size: 34px;    line-height: 39px;    padding: 0px 0px 15px; }
	h2 {  font-size: 28px;    line-height: 36px;    padding: 0px 0px 15px; }
	h3 {  font-size: 25px;    line-height: 33px;    padding: 0px 0px 15px; }
	h4 {  font-size: 19px;    line-height: 29px;    padding: 0px 0px 12px; }
	h5 {  font-size: 16px;    line-height: 21px;    padding: 0px 0px 12px; }
	h6 {  font-size: 13px;    line-height: 17px;    padding: 0px 0px 10px; }

	h2.latest_games_title {font-size:50px;}

	.footer_block_right {text-align:left;}
	.logo_holder a h1 img {max-width: 175px;}

	.page_content p {padding-left:0px; font-size:19px; line-height:31px;}
	.wpcf7-form p {padding-right:0px;}

	.form_left {display: block; width:98%; float:none; margin-bottom:20px;}
	.form_right {display: block; width:98%; float:none;}
	.wpcf7-form textarea { width:94%;}

	.footer .holder {padding:0px;}
	.footer { display:block; padding: 50px 20px 30px;}
	.footer_logo_image {max-width:140px;}
	.footer_block_left, .footer_block_right, .footer_thirds_01, .footer_thirds_02, .footer_thirds_03 {width:100%; max-width:640px; margin: 0px 0px 30px; }

	#header_left_aligned img.header_logo_image {height:45px;}
	.mobile_menu_margin {margin-right:65px;}

	a.big_button { font-size:1em; padding: 20px 15%; }

	span.footer_large {font-size:30px; margin-bottom:0px; }
	.footer_logo {margin-bottom:20px;}
	ul.footer_socials li a img {height:55px; }

	.stamp_2 {width:150px; height:150px; right: 50px;    bottom: 15px;}
	#header_left_aligned .top_container {padding:0px 10px !important;}

	body.page-template-template_about #header_left_aligned  {background-color: #8126d9;}
	body.page-template-template_GDC #header_left_aligned  {background-color: #8126d9;}
	body.page-template-template_games #header_left_aligned {background-color: #f9a0e5;}
	body.page-template-template_apply #header_left_aligned {background-color: #adfdff;}
	body.page-template-default #header_left_aligned, body.page-template-template_pagebuilder #header_left_aligned {background-color: #d928b0;}

	#games_masthead:before {content:''; display:block; width:100vw; height:100%; position: absolute; top:0px; left:0px; background-color:#7e28d9; z-index:-1;}

	.scroll_down_white:after {display:none !important; }
	.scroll_down_dark:after {display:none !important; }

	.games_container {display: block;}
	.game_single { width:auto; display:block; background-color:#7e28d9;}
	.game_single:nth-child(even) {background-color:#FFF;}
	.game_single {  padding-bottom:60px;}
	.game_single .inner_container {padding-bottom:0px;}
	.games_meta_holder { position:relative; bottom:0px; left:0px; padding:0px 0px;}
	.games_meta_padding {padding:0px 30px;}

	.game_single .inner_container {padding:60px 30px;}
	.game_single:nth-child(even) { color:#8126d9;}
	.game_single:nth-child(even) a.game_main_button {background-color:#8126d9; color:#FFF;}
	.game_single:nth-child(even) a.game_main_button:hover {background-color:transparent;  color:#8126d9;}
	.game_single:nth-child(even) a.game_main_button:after {background-color: #8126d9;}

	.game_single:nth-child(even) a.game_weblink {background-image:url(images/svg/icon_Circled_www_purple.svg);}
	.game_single:nth-child(even) a.game_fblink {background-image:url(images/svg/icon_Circled_Facebook_purple.svg);}
	.game_single:nth-child(even) a.game_twitlink {background-image:url(images/svg/icon_Circled_Twitter_purple.svg);}
	.game_single:nth-child(even) a.game_instalink {background-image:url(images/svg/icon_Circled_Instagram_purple.svg);}

	#move_quote { flex-wrap:wrap; flex-direction: column-reverse;}
	#move_quote .panel-grid-cell {width:100%;}

	.image_and_title {flex-wrap:wrap;}
	img.developer_photo {margin-bottom:20px;}
	span.game_title {padding-left:0px;}
	.game_images {display: block;}
	.game_images a {margin-bottom:15px;}
	.game_images a img {width:100%; height:auto;}
	.game_links_left {text-align:left; width:100%; }
	.game_links_right {text-align:left; width:100%; margin-top:30px;}

	.quote_block_text {min-height:0; }
	span.quote_title {font-size:1.5em;}
	span.quote_author {font-size:1.1em;}
	.committee_single {width:50%;}

	img.developer_photo {width:100%; max-width:285px; height:auto; max-height:285px; display: block; object-fit: scale-down;}
	.game_images a {width:100%; display: block; }

	.pagination {padding:30px 30px;}
	.header_logo_holder { width:133px; height:62px; }
	ul.main_menu ul.sub-menu li a {color:#64118d !important;}
	ul.main_menu ul.sub-menu li a:hover {color:#FFF !important;}
	.page_holder_inner {width:100%;}
	.typeform-widget {height:auto; min-height:600px;}

	#games_mobile {display: block; }
	.item_container {width:100%; text-align:center; height:auto;}
	.item_mobile {max-width:410px; width:100%;}

	.blog_title_link h2.sow-headline a::before {display: none;}
	.download_link h5 {bottom:auto !important; top:-30px !important;}
	.about_text_size, .about_text_size p {font-size:16px !important;}
}

@media only screen and (max-width: 640px) {
	h2.latest_games_title {font-size:35px;}
	span.footer_large {font-size:25px; }
	ul.footer_socials li { margin:0px 3px; }
	ul.footer_socials li a img {height:45px; }
	.committee_single {width:100%;}
}

@media only screen and (max-width: 420px) {
	.stamp_wing {height:34%;}
}

@media only screen and (max-width: 360px) {
	.stamp_wing {height:32%;}
}