/*
Theme Name: KCETB - OSD Child Theme
Theme URI: https://kcetb.osd.ie/
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Twenty Twenty One child theme.
Template: twentytwentyone
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: twentytwentyone-child
*/



#sticky-social-icons-container li a {
  font-size: 28px;
  border-radius: 5px 0;
  margin-bottom: 5px;
  border: 1px solid #fff;
}


table td, table th, .wp-block-table td, .wp-block-table th {
	padding: calc(0.5 * var(--global--spacing-unit));
	border: 0px solid!important;
}

.vacancy_tables table {
  background: #fff; border-radius: 0; box-shadow: 1px 2px 5px 5px #33333326;
}
.vacancy_tables table tr {
  border: 0px solid #F1F8F3; vertical-align:top!important;  border-bottom: 1px solid #038B91;
}
.vacancy_tables table tr:hover {
  background: #038B9185; color: 1px solid #038B91;
}
.vacancy_tables table td { 
  padding:15px; border: 0px solid #F1F8F3; vertical-align:top!important;  border-bottom: 1px solid #038B91; text-align:left;
}
.vacancy_tables table tr:last-child{
  border: 0px solid #F1F8F3; 
}
.vacancy_tables table thead td, .vacancy_tables tr:first-child {
  background: #038B91; border: 0px solid #038B91; border-bottom: 1px solid #038B91; color:#fff; 
}
.vacancy_tables table thead td a, .vacancy_tables tr:first-child a {
  background: #038B91; border: 0px solid #038B91; color:#fff!important; border-radius: 10px 0 10px 0;
}
.vacancy_tables tr:only-child {
  background: #fff; color:#000;
}
.vacancy_tables tr:only-child a {
  background: #038B91; color:#fff!important; margin: 0; display:inline-block; padding:10px 15px; width:100%;
}
.vacancy_tables tr:only-child a:hover {
	background: #fff; color:#038B91!important; }



@media only screen and (max-width: 482px) {
	
	
table td, table th, .wp-block-table td, .wp-block-table th {
	padding: calc(0.5 * var(--global--spacing-unit));
	border: 0px solid!important;
	width:100%!important;
}
	
#sticky-social-icons-container li a {
  font-size: 22px;
  width: 39px!important;
  height: 39px!important;
}
	
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr td:first-child { 
		position: relative;
		font-weight: bold;
		top: -9999px;
		left: -9999px;
	}
	
	tr {  }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: " "; height:50px; }
}
	
}