footer{
	padding-top:80px;
}
.login-container .row{
	min-height:80vh;
}
.workspace-comments textarea{
	width:100%;
	height:200px;
}
.dropdown-account{
	left:auto !important;
	right:0;
}
.top-back-link a{
	text-decoration:none !important;
}
nav{
	border-bottom:2px solid #25498c;
}
.edit-garbage{
	text-align:center;
}
.edit-garbage svg{
	height:28px;
}


.flashcards-study-correct{
	padding:72px 12px;
}
.flashcards-study-wrong{
	padding:24px 12px 24px;
}
.flashcards-study-correct h3,
.flashcards-study-wrong h3{
	text-align:center;
}
.flashcards-study-wrong h3{
	margin-bottom:24px;
}
.flashcards-study-wrong table{
	border:1px solid #333333;
	border-collapse: collapse;
}
.flashcards-study-wrong td{
	border:1px solid #333333;
	padding: 3px 10px;
}



.flashcards-study-wrapper{
	border:3px solid #eee;
	background:#ffffff;
	border-radius:20px;
	max-width:500px;
	width:90%;
	margin:0px auto 20px;
}
.flashcards-study-content{
	position:relative;
	display:table;
	height:320px;
	width:100%;
}
.flashcards-study-content-counter{
	position:absolute;
	padding:10px 15px;
	//border-bottom:1px solid #333333;
	//border-left:1px solid #333333;
	top:5px;
	right:5px;
	font-size:16px;
	background:#25498c;
	border-radius:18px;
	color:#ffffff;
}
.flashcards-study-content-last{
	position:absolute;
	padding:10px 15px;
	//border-bottom:1px solid #333333;
	//border-right:1px solid #333333;
	top:5px;
	left:5px;
	font-size:16px;
	background:#25498c;
	border-radius:18px;
	color:#ffffff;
	max-width:75%;
}
.flashcards-study-content-inner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}
.flashcards-study-button{
	//border-top:1px solid #333333;
	padding:0px 5px 5px;
	line-height:1;
}
.flashcards-study-button a{
	display:block;
	color:#ffffff !important;
	background:#25498c;
	text-transform:uppercase;
	border-radius:18px;
	text-align:center;
	padding:15px;
	text-decoration:none;
}
.flashcards-study-button-correct{
	float:left;
	width:50%;
	//border-right:1px solid #333333;
	padding:0px !important;
}
.flashcards-study-button-wrong{
	float:right;
	width:49%;
	padding:0px !important;
}
.flashcards-study-button-correct span, .flashcards-study-button-wrong span{
	display:block;
	padding:15px;
}
.flashcards-study-back-to-overview{
	text-align:center;
	padding-top:20px;
}
.flashcards-study-back-to-overview a{
	text-decoration:none;
}
.flashcards-study-final-buttons{
	border-top:0px solid #333333;
	text-align:center;
}
.flashcards-study-final-buttons .flashcards-study-button:first-child{
	border-right:0px solid #333333;
}
.flashcards-study-final-buttons .flashcards-study-button{
	width:48.9%;
	display:inline-block;
	border-top:0px solid #333333;
	padding:0px 0.5% 5px !important;
}
.cardcontent-from{
	font-size:24px;
}
.cardcontent-to{
	display:block;
	padding:10px;
	font-size:24px;
}
@media (max-width:420px){
	.flashcards-study-final-buttons .flashcards-study-button:first-child{
		border-right:0px solid #333333;
		border-bottom:1px solid #333333;
	}
	.flashcards-study-final-buttons .flashcards-study-button{
		width:100%;
	}	
}
.cc_from, .cc_to{
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
}
.cc_from img{
	width:240px;
	padding-top:42px;
	padding-bottom:16px;
}
.cc_to_pre, .cc_to_post, .cc_from_post{
	font-size:16px;
	color:#666666;
}
.cc_from_3, .cc_from_0{
	font-family:Simsun;
	font-size:36px;
}
.cc_to_3, .cc_to_0{
	font-family:Simsun;
	font-size:36px;
}
.cc_from_1001 img, .cc_to_1001 img{
	max-width:280px;
	width:80%;
	height:auto;
	border-radius:18px;
}
.cc_to_hsk{
	padding-top:15px;
	font-size:20px;
}
.cc_to_hsk .top_wortart{
	color:#666666;
}
.cc_to_sound{
	margin-top:10px;
}
.cc_to_from_sound{
	margin-top:10px;
}
.cc_to_from{
	font-size:20px;
	padding-bottom:15px;
}
.cc_to_from_3{
	font-family:Simsun;
	font-size:24px;
}
.cc_to_pre_audio{
	margin-top:70px;
}
.cc_to_audio{
	margin-top:15px;
}
.flashcards-study-overview-outer-wrapper{
	text-align:center;
}
.flashcards-study-menu-wrapper{
	display:inline-block;
	margin:10px 20px;
	border:1px solid #333333;
	text-align:center;
	padding:40px 20px;
	text-decoration:none;
	min-width:140px;
	border-radius:20px;
	text-transform:uppercase;
	color:#000000;
}
.flashcards-study-content-last .cc_from{
	display:inline;
	font-size:16px !important;
	padding:0px !important;
	color:#ffffff;
}
.flashcards-study-content-last .top_wortart{
	color:#ffffff;
}
.flashcards-study-content-last .cc_from_post{
	display:none;
}
.flashcards-study-wrong-wrapper{
	width:100%;
	max-width:800px;
	margin:0px auto 50px;
}
.flashcards-study-wrong-wrapper table{
	border:1px solid #333333;
	border-collapse: collapse;
}
.flashcards-study-wrong-wrapper td{
	border:1px solid #333333;
	padding: 3px 10px;
}
.flashcards-study-wrongright-wrapper{
	text-align:center;
	font-size:140%;
	line-height:1.5;
	padding-bottom:20px;
}
.flashcards-study-wrongright-correct{
	color:#00aa00;
}
.flashcards-study-wrongright-wrong{
	color:#aa0000;
}
.cc_writing{
	padding-top:24px;
}
.cc_writing input{
	width:240px;
	padding:8px 10px;
	border:1px solid #333;
	border-radius:5px;
	font-size:120%;
}
.cc_correct{
	color:#00aa00;
}
.cc_wrong{
	color:#aa0000;
}
.memory-wrapper{
	width:100%;
	padding:0px 0px 0px;
	margin:0px auto;
}
.memory-wrapper-cards{
	text-align:center;
}
.memory-wrapper-cards a{
	display:inline-block;
	width:60px;
	height:60px;
	border:2px solid #25498c;
	border-radius:5px;
	margin:5px;
}
.memory-wrapper td{
	border:1px solid #666666;
	vertical-align:middle;
}
.memory-wrapper table{
	border-spacing:20px;
	margin-bottom:10px;
}
.memory-answer{
	text-align:center;
	font-size:120%;
	word-break:break-word;
}
.memory-again{
	text-align:center;
	padding:20px 0px;
}
@media (max-width:620px){
	.memory-wrapper-cards a{
		width:50px;
		height:50px;
	}
	.memory-wrapper-cards{
		margin:0px auto;
		max-width:420px;
	}
}


.study-header-area{
	max-width:526px;
	margin:0px auto 16px;
}
.study-header-back-wrapper{
	float:left;
	padding-top:8px;
	padding-left:12px;
}
#audio-toggle{
	float:right;
	padding-top:8px;
	padding-right:12px;
	height:54px;
	min-width:4px;
}
.toggle-btn,
.study-header-back-btn {
	display:inline-block;
	padding-top:5px;
	padding-left:1px;
	margin: 0 4px;
	border: 2px solid #25498c;
	background-color: #fff;
	cursor: pointer;
	border-radius:24px;
	opacity:0.5;
	width:42px;
	height:42px;
	text-align:center;
}
.toggle-btn svg{
	display:inline-block;
	fill:#25498c;
	height:24px;
}
.toggle-btn.active svg,
.study-header-back-btn svg{
	display:inline-block;
	fill:#ffffff;
	height:24px;
}

.toggle-btn.active,
.study-header-back-btn{
  background-color: #25498c;
  color: white;
  border-color: #25498c;
	opacity:1;
}

.flashcards-heading{
	background:#25498c;
	padding:18px 12px 14px;
}
.flashcards-heading h1{
	color:#ffffff;
	font-size:32px;
}

.flashcard-page a{
	cursor:pointer;
}
.flashcard-page .card a{
	color:rgb(33, 37, 41);
	text-decoration:none;
}
.flashcard-page .card a img{
	opacity:0.7;
	transition: opacity 0.5s ease;
}
.flashcard-page .card a:hover img{
	opacity:1;
}


@media (min-height:720px){
	.study-header-area{
		margin-top:80px;
	}
}
@media (min-height:820px){
	.study-header-area{
		margin-top:110px;
	}
}
@media (min-height:920px){
	.study-header-area{
		margin-top:140px;
	}
}
@media (min-height:1020px){
	.study-header-area{
		margin-top:170px;
	}
}



  #memory_menu {
    max-width: 600px;
    margin: 50px auto;
    text-align: center;
    background: rgba(255,255,255,0.95);
    padding: 0px 40px 25px;
    border-radius: 20px;
  }

  #memory_menu h2 {
    color: #2c3e50;
    margin-bottom: 42px;
    font-size: 28px;
  }

  .memory_difficulty_btn {
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 20px;
    font-size: 20px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: bold;
  }

  .memory_difficulty_btn.easy {
    background: #25498c;
    color: white;
  }

  .memory_difficulty_btn.medium {
    background: #25498c;
    color: white;
  }

  .memory_difficulty_btn.hard {
    background: #25498c;
    color: white;
  }

  .memory_difficulty_btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  }

  #memory_game_area {
    display: none;
	padding-top:16px;
  }

  #memory_container {
    display: grid;
    gap: 12px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
  }

  .memory_grid_4 { grid-template-columns: repeat(4, 1fr); }
  .memory_grid_6 { grid-template-columns: repeat(6, 1fr); }

  .memory_card {
    aspect-ratio: 1;
    background: #25498c;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: white;
    position: relative;
    transition: all 0.3s ease, background 0s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    overflow: hidden;
    border: 3px solid transparent;
  }

  .memory_card:hover:not(.revealed):not(.matched) {
    transform: translateY(-5px);
    background: #25498c;
    box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  }

  .memory_card.revealed {
    background: #ffffff;
    color: rgb(33, 37, 41);
    cursor: default;
    border-color: #25498c;
  }

  .memory_card.matched {
    animation: memory_blinkGreen 0.6s ease-in-out 2;
    background: #27ae60;
    color: white;
    border-color: #2ecc71;
    cursor: default;
    box-shadow: 0 0 20px rgba(46, 204, 113, 0.6);
  }

  .memory_card img {
    max-width: 85%;
    max-height: 85%;
    object-fit: contain;
    border-radius: 8px;
  }

  @keyframes memory_blinkGreen {
    0%, 100% { 
      background: #27ae60; 
      transform: scale(1);
    }
    50% { 
      background: #2ecc71; 
      transform: scale(1.05);
    }
  }

  #memory_controls {
    text-align: center;
    margin-bottom: 20px;
  }

  #memory_message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    text-align: center;
    display: none;
    z-index: 1000;
    min-width: 300px;
  }

  #memory_message h2 {
    color: #27ae60;
    margin-top: 0;
    font-size: 28px;
  }

  #memory_message p {
    color: #555;
    font-size: 18px;
    margin: 20px 0;
  }

  @media (max-width: 700px) {
    .memory_card {
      font-size: 12px;
    }
    #memory_container {
      gap: 8px;
      padding: 10px;
    }
  }
  
  @media (max-width: 500px) {
    .memory_card {
      font-size: 10px;
    }
  }
  
  
  
	#hangman_container {
		background: white;
		max-width: 1000px;
		width: 100%;
		margin:0px auto;
	}
	
	.hangman_title {
		text-align: center;
		color: #333;
		margin-bottom: 10px;
		font-size: 3em;
	}
	
	.hangman_subtitle {
		text-align: center;
		color: #666;
		margin-bottom: 40px;
		font-size: 1.2em;
	}
	
	.hangman_game_layout {
		display: flex;
		gap: 60px;
		align-items: flex-start;
		justify-content: center;
	}
	
	.hangman_left_panel {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#hangman_svg {
		width: 280px;
		height: 350px;
	}
	
	.hangman_part {
		stroke: #333;
		stroke-width: 5;
		stroke-linecap: round;
		fill: none;
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	.hangman_part.hangman_visible {
		opacity: 1;
	}
	
	.hangman_gallows {
		stroke: #555;
		stroke-width: 6;
		fill: none;
	}
	
	.hangman_right_panel {
		flex: 1;
		max-width: 600px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#hangman_word_display {
		text-align: center;
		font-size: 3.5em;
		letter-spacing: 15px;
		margin: 140px 0 20px;
		font-weight: bold;
		color: #333;
		min-height: 80px;
		font-family: 'Courier New', monospace;
	}
	
	.hangman_letter_slot {
		display: inline-block;
		border-bottom: 5px solid #333;
		width: 60px;
		margin: 0 8px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.hangman_letter_slot.hangman_space {
		border-bottom: none;
		width: 30px;
	}
	
	#hangman_wrong_letters {
		text-align: center;
		color: #e74c3c;
		font-size: 1.5em;
		margin: 30px 0;
		min-height: 40px;
		font-weight: bold;
	}
	
	#hangman_wrong_list span {
		display: inline-block;
		margin: 0 8px;
		text-transform: uppercase;
		font-size: 1.3em;
	}
	
	#hangman_keyboard {
		display: flex;
		flex-direction: column;
		gap: 12px;
		align-items: center;
		margin-top: 40px;
	}
	
	.hangman_keyboard_row {
		display: flex;
		gap: 10px;
		justify-content: center;
	}
	
	.hangman_key {
		width: 60px;
		height: 70px;
		border: none;
		border-radius: 12px;
		background: #e8e8e8;
		color: #333;
		font-size: 1.5em;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.2s;
		text-transform: uppercase;
		box-shadow: 0 4px 0 #ccc;
	}
	
	.hangman_key:hover:not(:disabled) {
		background: #d8d8d8;
		transform: translateY(2px);
		box-shadow: 0 2px 0 #bbb;
	}
	
	.hangman_key:active:not(:disabled) {
		transform: translateY(4px);
		box-shadow: 0 0 0 transparent;
	}
	
	.hangman_key:disabled {
		cursor: not-allowed;
		opacity: 0.6;
		box-shadow: none;
		transform: translateY(4px);
	}
	
	.hangman_key.hangman_correct {
		background: #27ae60;
		color: white;
		box-shadow: 0 4px 0 #1e8449;
	}
	
	.hangman_key.hangman_correct:hover {
		box-shadow: 0 2px 0 #1e8449;
	}
	
	.hangman_key.hangman_wrong {
		background: #e74c3c;
		color: white;
		box-shadow: 0 4px 0 #c0392b;
	}
	
	.hangman_key.hangman_wrong:hover {
		box-shadow: 0 2px 0 #c0392b;
	}
	
	#hangman_message {
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		margin: 30px 0;
		min-height: 50px;
	}
	
	#hangman_message.hangman_win {
		color: #27ae60;
	}
	
	#hangman_message.hangman_lose {
		color: #e74c3c;
	}
	
	
	/* Mobile adjustments (secondary) */
	@media (max-width: 800px) {
		.hangman_game_layout {
			flex-direction: column;
			gap: 30px;
		}
		
		.hangman_title {
			font-size: 2em;
		}
		
		.hangman_left_panel{
			display:block;
			width:100%;
			text-align:center;
			padding-top:30px;
		}
		.hangman_right_panel{
			display:block;
			max-width:100%;
			width:100%;
			text-align:center;
		}
		
		#hangman_svg {
			width: 200px;
			height: 250px;
		}
		
		#hangman_word_display {
			font-size: 2em;
			letter-spacing: 8px;
			margin-top:30px;
		}
		
		.hangman_letter_slot {
			width: 40px;
		}
		
		.hangman_key {
			width: 45px;
			height: 55px;
			font-size: 1.2em;
		}
		
		.hangman_keyboard_row {
			gap: 6px;
		}
		#hangman_keyboard{
			margin-top:0px;
		}
		#hangman_message{
			margin-top:0px;
		}
	}
	
	@media (max-width: 500px) {
		
		.hangman_key {
			width: 35px;
			height: 45px;
			font-size: 1em;
		}
		
		#hangman_word_display {
			font-size: 1.5em;
			letter-spacing: 5px;
		}
	}
	
	
	
	#speed_container {
		background: white;
		border-radius: 20px;
		padding: 40px;
		max-width: 800px;
		width: 100%;
		text-align: center;
		margin:0px auto;
	}

	.speed_start-screen h1, .speed_game-over h2 {
		color: #333;
		margin-bottom: 24px;
	}

	.speed_start-screen p {
		color: #666;
		font-size: 18px;
		margin-bottom: 30px;
	}


	.speed_header {
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
		padding: 0 10px;
	}

	.speed_timer, .speed_score {
		font-size: 24px;
		font-weight: bold;
		color: #333;
	}

	.speed_timer {
		color: #e74c3c;
	}

	.speed_question-area {
		margin: 30px 0;
		min-height: 240px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.speed_question-text {
		font-size: 42px;
		font-weight: bold;
		color: #2c3e50;
	}

	.speed_question-image {
		border-radius: 12px;
	}

	.speed_choices-area {
		display: flex;
		flex-direction: row;
		gap: 15px;
		margin-top: 30px;
		justify-content: center;
		flex-wrap: wrap;
	}

	#speed_container .speed_choice-btn {
		background: #ffffff !important;
		border:2px solid #25498c !important;
		color: #333;
		font-size: 20px;
		flex: 1;
		min-width: 120px;
		max-width: 280px;
		cursor: pointer;
		transition: all 0.3s;
		text-transform: none !important;
	}

	#speed_container .speed_choice-btn:hover:not(:disabled) {
		background: #ffffff !important;
		transform: translateY(-2px);
	}

	#speed_container .speed_choice-btn:disabled {
		cursor: not-allowed;
		opacity: 0.8;
	}

	@keyframes speed_blinkGreen {
		0%, 100% { background-color: #4CAF50; color: white; border-color: #4CAF50; }
		50% { background-color: #81C784; }
	}

	@keyframes speed_blinkRed {
		0%, 100% { background-color: #f44336; color: white; border-color: #f44336; }
		50% { background-color: #E57373; }
	}

	#speed_container .speed_blink-green {
		animation: speed_blinkGreen 0.5s ease-in-out;
		background-color: #4CAF50 !important;
		color: white !important;
		border-color: #4CAF50 !important;
	}

	#speed_container .speed_blink-red {
		animation: speed_blinkRed 0.5s ease-in-out;
		background-color: #f44336 !important;
		color: white !important;
		border-color: #f44336 !important;
	}

	#speed_container .speed_highlight-correct {
		background-color: #4CAF50 !important;
		color: white !important;
		border-color: #4CAF50 !important;
	}

	.speed_game-over p {
		font-size: 36px;
		color: #667eea;
		font-weight: bold;
		margin: 20px 0 32px;
	}
	
	
	.wordsearch #wordsearch_game-container {
		max-width: 900px;
		margin: 0 auto;
		background: white;
		padding: 20px;
		border-radius: 12px;
	}
	
	.wordsearch #wordsearch_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 2px solid #e0e0e0;
	}
	
	.wordsearch h1 {
		margin: 0;
		color: #333;
		font-size: 24px;
	}
	
	.wordsearch #wordsearch_timer {
		font-size: 28px;
		font-weight: bold;
		color: #25498c;
		font-family: monospace;
	}
	
	.wordsearch #wordsearch_main {
		display: flex;
		gap: 30px;
		align-items: flex-start;
	}
	
	.wordsearch #wordsearch_grid-container {
		display: grid;
		grid-template-columns: repeat(16, 32px);
		grid-template-rows: repeat(16, 32px);
		gap: 1px;
		background: #ccc;
		border: 2px solid #333;
		user-select: none;
		flex-shrink: 0;
	}
	
	.wordsearch .wordsearch_cell {
		background: white;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		font-size: 15px;
		cursor: pointer;
		transition: all 0.2s;
		position: relative;
	}
	
	.wordsearch .wordsearch_cell:hover:not(.wordsearch_found):not(.wordsearch_selected) {
		background: #e3f2fd;
	}
	
	.wordsearch .wordsearch_cell.wordsearch_selected {
		background: #25498c;
		color: white;
	}
	
	.wordsearch .wordsearch_cell.wordsearch_found {
		background: #4CAF50;
		color: white;
		animation: wordsearch_pulse 0.5s;
	}
	
	.wordsearch .wordsearch_cell.wordsearch_bullet {
		color: #999;
		font-size: 12px;
	}
	
	@keyframes wordsearch_pulse {
		0% { transform: scale(1); }
		50% { transform: scale(1.1); }
		100% { transform: scale(1); }
	}
	
	.wordsearch #wordsearch_sidebar {
		flex: 1;
		min-width: 200px;
	}
	
	.wordsearch #wordsearch_sidebar h3 {
		margin-top: 0;
		color: #333;
		border-bottom: 2px solid #25498c;
		padding-bottom: 10px;
	}
	
	.wordsearch #wordsearch_word-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.wordsearch #wordsearch_word-list li {
		padding: 12px;
		margin-bottom: 8px;
		background: #f5f5f5;
		border-radius: 6px;
		border-left: 4px solid #25498c;
		transition: all 0.3s;
		font-size: 16px;
	}
	
	.wordsearch #wordsearch_word-list li.wordsearch_found {
		text-decoration: line-through;
		opacity: 0.6;
		border-left-color: #4CAF50;
		background: #e8f5e9;
	}
	
	.wordsearch #wordsearch_message {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: rgba(0,0,0,0.9);
		color: white;
		padding: 30px 50px;
		border-radius: 12px;
		font-size: 24px;
		display: none;
		z-index: 1000;
		text-align: center;
	}
	
	.wordsearch #wordsearch_message.wordsearch_show {
		display: block;
		animation: wordsearch_fadeIn 0.3s;
	}
	
	@keyframes wordsearch_fadeIn {
		from { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
		to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
	}
	#wordsearch_toosmall{
		display:none;
	}
	
	
	
	
	.hangman_buttons{
		text-align:center;
		padding-top:12px;
	}
	.memory_btn,
	.hangman_new_game_btn,
	.wordsearch button,
	#speed_container button{
		background: #25498c;
		color: white;
		border: none;
		padding: 10px 25px;
		border-radius: 40px;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		transition: all 0.3s;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom:6px;
	}
	.memory_btn{
		margin: 0px 6px 12px;
	}
	.hangman_new_game_btn {
		display: inline-block;
		margin:0px 6px 12px;
	}
	#speed_container button {
		margin:0px 3px 12px;
	}

	.memory_btn:hover,
	.hangman_new_game_btn:hover,
	#speed_container button:hover,
	.wordsearch button:hover{
		background: #25498c;
		transform: translateY(-5px);
	}
	
	
	
	@media (max-width:992px){
		.wordsearch #wordsearch_main{
			display:block !important;
		}
		.wordsearch #wordsearch_grid-container{
			margin:0px auto 32px;
			max-width:531px;
		}
		.wordsearch #wordsearch_sidebar{
			width:100%;
		}
		.wordsearch #wordsearch_sidebar h3{
			text-align:center;
		}
		.wordsearch #wordsearch_word-list{
			display:block;
			width:100%;
			text-align:center;
		}
		.wordsearch #wordsearch_word-list li{
			display:inline-block;
			margin:6px 6px;
			border-left: 0px solid #25498c;
		}
	}
	@media (max-width:800px){
		#speed_container .speed_choice-btn {
			min-width: 100%;
			max-width: 100%;
			width:100%;
		}
	}
	@media (max-width:768px){
		.wordsearch #wordsearch_grid-container{
			grid-template-columns: repeat(16, 28px);
			max-width:467px;
		}
	}
	@media (max-width:576px){
		#wordsearch_timer,
		#wordsearch_header .wordsearch_new_game_button,
		.wordsearch #wordsearch_main{
			display:none !important;
		}
		#wordsearch_toosmall{
			display:block;
			text-align:center;
			font-weight:bold;
			font-size:18px;
		}
	}
	
	
.pencil-icon-button{
	padding-top:1px;
	padding-bottom:5px;
}
.pencil-icon-button svg{
	fill:#fff;
	height:14px;
}

.decks-deck-editcard-existing-audio,
.decks-deck-editcard-upload-audio form,
.decks-deck-editcard-existing-image,
.decks-deck-editcard-upload-image form{
	display:flex;
	align-items: center; /* vertically center items */
	justify-content: flex-start; /* align items to the left */
	gap: 12px; /* 12px space between items */
	margin-bottom:24px;
}
.decks-deck-editcard-upload-audio label,
.decks-deck-editcard-upload-image label{
	margin-bottom:0px;
	margin-right:12px;
}