/*

File loaded only for mobile.




 */

body.dark_page h2.page_title, body.dark_page h1, body.dark_page h2{
	font-size: 3em;

}

.game_container_on_mobile{position:absolute;top:-15px;left:0px;}


.mobile_hidden{
	display:none;
}

/*#########################################

# >>	Media query for mobiles, portrait and landscape

#########################################*/
@media (max-width: 768px), (max-width: 1024px) and (max-height: 700px) and (orientation: landscape) {
	/*xs*/

	.navbar {
		min-height: 43px;
	}

	#login_form_bloc {
		display: flex;
		justify-content: flex-end;
		align-items: baseline;
		flex-grow: 1;
	}

	#notification_bloc {
		margin-right: 10px;
		margin-bottom: 0px;
		display: none;
	}
	#notification_bloc li{
		margin: 5px;
	}
	#popupNotificationsList li{

	}
	#popupNotificationsList li a{
		font-size: 1.6em;
	}

	#simple_notification_bloc{
		display: none;
	}
	#simple_notification_bloc .fa-stack .fa-new_icon {
		margin-left: 13px;
	}

	#register_button{
		display: none;
	}

	#login_popover_button .fa-user{
		display: none;
	}

	#btn_open_user_menu .user_name{
		display: none;
	}

	#top_bloc_with_payment_button{
		position: relative;
		
	}

	.popupOTunnel {
		max-width: 90%;
	}

	#latmenu{
		display: none;
	}

	.navbar>.container .navbar-brand{
		margin-left: 0px;
	}

	.navbar-collapse.collapse.in .mega-menu-container{
		margin-top:10px;
	}

	.navbar-collapse.collapse.in .mega-menu-container li{
		border-radius: 0px;
		border: none;
		padding-top: 0px;
	}

	.navbar-collapse.collapse.in .mega-menu-content{
		padding-top: 0px;
		text-align: center;
	}

	.navbar-collapse.collapse.in .mega-menu-content .column{
		border:none;
	}

	.navbar-collapse.collapse.in .mega-menu-content h5{
		margin-top: 20px;
	}

	.navbar-collapse #form_game_search_bloc{
		display: block !important;
		position: relative;
		margin-bottom: 10px;
	}
	.navbar-collapse  #form_game_search_bloc{
		padding: 10px;
		background: #eef2f7;
	}
	#game_search_in_navbar_header{
		display: none;
	}

	.mega-menu-container h5{
		color: #666;
	}

	/* All the images are reduced, but not the ones in game pages */
	#content img:not(.is_game_page #content img){
		max-width: 90vw;
		object-fit: contain;
	}

	.bloc_md{
		width: 340px;
	}


	/* >> Game */
	/*-----------------------------------*/

	.is_game_page .page-content{
		padding-top: 0px;
	}

	.podium_avatar_xl {
		width: 110px;
		margin-right: 0px; 
	}


	#hof_in_game_pages{
		margin-top: 50px;
	}

	#togglePublishGameStats, #comment_header{
		display: none;
	}
	#podium_title{
		margin-top:30px;
		text-align: center;
		color: var(--colBlueLight);
	}

	#podium_section {
		max-width: 970px;
		margin: auto;
		margin-bottom: 20px;
	}


	/* >> Correction */
	/*-----------------------------------*/
	#winCorrection #locationsList .location_item {
		font-size: 1.6em !important;
	}
	#winCorrection.popup {
		width: 410px;
		height: 460px;
		padding-top: 10px;
		z-index: 1000;
	}
	#game_outer #dragButton{
		width: 90%;
	}

	/* >> userprofile */
	/*-----------------------------------*/
	#userprofile_search_users_and_links_row{
		margin-top: 0px;
	}
	#up_stats_bloc{
		margin-top: 0px;
	}
	#row_chl_bloc{
		margin-top: 0px;
	}
	#userprofile_row_scores{
		margin-top: 0px;
	}
	#reputation_display_bloc{
		margin-bottom: 30px;
	}
	#reputation_display_bloc > .row{
		margin-bottom: 20px;
	}
	#reputation_history .explain {
		max-width: 170px;
	}
	#reputation_history li {
		display: flex;
		align-items: center;
	}

	/* >> Clubs */
	/*-----------------------------------*/
	#club_main_left {
		 width: auto; 
		 float: none; 
	}
	#club_main_right {
		 width: auto; 
		 float: none; 
	}
	#club_rules_bloc #table_big th, #table_big td {
		padding: 10px 20px;
	}
	#clubs_tab_buttons .tab_button {
		margin: 2px 0px;
		border-radius: 6px;
	}
	#clubs_tab_buttons {
		border-bottom: solid 1px #FFFFFF44;
		margin-bottom: 20px;
		padding-bottom: 2px;
	}

	/* Messages */
	/*-----------------------------------*/
	#td_discussions_list, #td_messages_list{
		display: block;
	}
	#mp_ta_answer_content, #mp_ta_new_message_content {
		width: 80vw !important;
	}
	#mp_discussions_scroll {
		height: auto !important;
		max-height: 500px !important;
	}

	/* >> Challenges */
	/*-----------------------------------*/
	.chl_thumb {
		width: 150px;
	}
	.chl_thumb_header {
		width: 17px;
	}
	.chl_thumb_header .chl_date {
		padding: 8px 0px;
	}
	.chl_thumb_footer {
		left: 17px;
		width: calc(100% - 10px);
	}
	.chl_thumb_footer .chl_stars {
		font-size: 0.7em;
	}
	.chl_thumb .chl_nb {
	font-size: 2.1em;
	width: 40%;
	text-shadow: 1px -1px 2px black;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	margin-left: -6px;
	}
	.chl_thumb .chl_title {
		width: 80%;
	}
	.chl_thumb_footer .chl_steps {
	margin-right: 20px;
	}

	/* Contest */
	/*-----------------------------------*/
	#contest_header_main{
		display: block;
	}
	#contest_header_main_thumb{
		top: -100px !important;
	}
	#contest_header_main .date_time{
		width: 100% !important;
	}
	.contest_unit{
		width: 100%;
	}
	.hof_favusers_bloc{
		width: 100% !important;
	}
	#contest_header_history {
		width: 100% !important;
		height: auto !important;
	}
	#contest_history_intro .text_big{
		margin-bottom: 0px;
	}

	/* popup */
	/*-----------------------------------*/
	#simple_push_popup.ban_01 {
		width: 90vw !important;
		height: 90vh !important;
	}

	#simple_push_popup .popup_inner {
		padding-top: 10px !important;
	}
	#btn_close_simple_push_popup {
		right: 10px !important;
	}

	/* stats detailled */
	/*-----------------------------------*/
	#bloc_game_stats__bottom_avg {
		margin-left: 0px;
		
		width: auto;
		float: none;
	}

	/* image mystère */
	/*-----------------------------------*/
	#img_question_img_satellite {
		top: -50px;
		left: 20px;
		width: 210px;
	}
	#img_question_img_current, #img_question_img_last {
		max-width: 80vw !important;
	}
	#img_question_container_in_home	#img_question_img_current{
		max-width: 70vw !important;
	}
	#countdownInImgQuestion{
		font-size: 0.8em;
	}
	#img_question_container .countdown_row .countdown_section{
		margin:0px 5px;
	}

	#img_question_container .countdown_num{
		font-size: 1.5em;
	}
	.btn_img_question {
		margin: 5px 0px;
		width: 100%;
	}

	/* Premium */
	/*-----------------------------------*/
	#section_table_premium_adv{
		margin-top: 0px;
	}
	.table_premium_adv{
		max-width: 95vw;
	}
	.table_premium_adv #table_big th, #table_big td {
		padding: 10px 0px;
	}

	#club_rules_bloc #table_big th, #table_big td {
		padding: 10px 0px;
	}
	#table_big.table_premium_adv td.td_title {
		 padding: 0px; 
		 padding-left: 10px;
	}

	#table_big th, #table_big td {
		padding: 10px 4px;
	}


	
	#dw_on_yearly_th {
		display: none;
	}
	.block_premium_2 .block_3_avantages{
		display: none;
	}
	.btn_premium_orange_big {
		padding: 2px 9px;
		font-size: 1.2em;
		margin-right: 10px;
	}
}


/*#########################################
# >>	xs landscape
#########################################*/
@media only screen and (max-width: 768px) and (orientation: landscape){
	/*xs landscape*/

	#latmenu{
		display: none;
	}

	#og_image_in_game_page {
		height: 197px;
		background-position: center -139px;
	}

	#btn_display_only_game_in_big_thumb {
		bottom: auto;
		top: 50px;
		font-size: 3em;
		border: solid 5px #8c470044;
	}

}




/*#########################################
# >>	IPAD / Big phones (A42 galaxy) LANDSCAPE
#########################################*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){
	/*html{width: 900px;}
	.container{width: 900px;}*/

		#home_first_section{ background-attachment:scroll !important;
			background-position: 100% 50%;}

		.mega-menu-content .column {
		    border-left: none;
		}

		#og_image_in_game_page {
			height: 197px;
			background-position: center -139px;
		}

		#btn_display_only_game_in_big_thumb {
			bottom: auto;
			top: 50px;
			font-size: 3em;
		}

}

/*#########################################
# >>	IPAD PORTRAIT
#########################################*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
		
		/* On portrait the row_top_game_page_info should stay on the top right corner */
		.podium_xs_list{position:absolute; left:0px; top:220px;}
		#row_top_game_page_info{position:absolute; right:0px; top:-280px;}
}


/*#########################################
# >>	FOR small screens (iphones) 
#########################################*/
@media only screen and (max-device-width : 568px){
	
	/* No mega banners for iphones : too big. Note : banner_mega_middle hasn't the class "megabanner"*/
	.megabanner, #banner_mega_middle{display:none !important;}

	/* game_page_menu */
	#game_page_menu{height: 30px;}
/*	#game_page_menu li{font-size: 1em; padding: 1px 5px;margin: 0px !important;width:23%;}*/
	#game_page_menu li{
		font-size: 1em;
		padding: 1px 5px;
		margin: 0px !important;
	}
	/*#game_page_menu.bigger li{margin: 0px !important;}
	#game_page_menu.bigger #btn_display_only_game{margin: 0px !important;font-size: 1.4em;}*/

	/* Comment reply */
	.comment_unit.reply {
	    padding-left: 40px;
	}

	/* Comment avatars and user info */
	.comment_unit .avatar{
		-ms-transform: scale(0.5, 0.5);
	    -webkit-transform: scale(0.5, 0.5);
	    transform: scale(0.5, 0.5);
	    -ms-transform-origin : 0 0;
	    -webkit-transform-origin : 0 0;
	    transform-origin : 0 0;
	}
	.comment_unit .login_link{
		margin-top: -50px;
		display: block;
	}
	.comment_unit .fa-archive, .comment_unit .favusers_button{display:none;}

	/* Hide the fullscreen button. */
	/*-----------------------------------*/
	#btn_fullscreen{display:none;}

}

/*#########################################
# >>	For big and little mobile / tablet screens
#########################################*/
@media only screen and (max-device-width : 1300px){
	/*span.thumg_in_h1{display: none;}*/
	/* games */

	/* RGPD; The tab not on mobile. */
	/*-----------------------------------*/
	.qc-cmp-persistent-link{display:none !important;}
		
}