/*
Theme Name: A Few Good Lads Jobs/Candidates
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

:root{
	--grey:#f5f5f5;
	--grey-dark:#1f1f1f;
	--orange:#f37421;
}



/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: "aileron", sans-serif;
font-weight: 400;
font-style: normal; }

img { display:block; }

.bg-grey { background:var(--grey); }
.bg-grey-dark { background:var(--grey-dark);color:#fff; }
.bg-orange { background:var(--orange); }

.m-grid { margin:0; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

a.button { border:1px solid transparent;text-decoration:none;display:inline-block;border-radius:10px;background:var(--orange);color:#fff;font-weight:bold;padding:10px 15px; }
a.button:hover { background:var(--grey-dark);color:#fff; }
.bg-grey-dark a.button:hover { background:transparent;border:1px solid var(--orange); }
.bg-orange a.button { background:var(--grey-dark); }
.bg-orange a.button:hover { background:#fff;color:var(--grey-dark); }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


/* ===== NAV MENU ===== */
header { background:#fff;text-align:center;padding:15px 30px; }
header .logo { display:inline-block; }
header .logo img { width:100%;max-width:200px;height:130px;object-fit:contain;object-position:center; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:var(--grey-dark); }
.mobile-toggle.active .toggle-bar { background:#666; }

#footermenu .menu { list-style: none;padding:0;margin:0; }
footer { padding:60px 30px; }
h4 { font-size:1.5rem;margin:0px; }
footer { padding-bottom:140px; }
footer p { line-height:1.6rem; }
footer a { color:#fff;text-decoration:none; }
footer a:hover { color:var(--orange); }

/* ===== MODULES ===== */
.module { display:block; }

/* Banner */
.banner-overlay { background:rgba(0,0,0,0.4); }





.page-parent { display:block;color:var(--orange);margin-bottom:-20px; }

.sector { padding:0px 0; }
.sector h2 { font-size:2rem; }
.link-block { aspect-ratio:12/8;width:100%;height:100%;text-align:left;font-weight:bold;display:inline-block;position:relative;background:var(--orange);padding:30px;border-radius:10px;color:#fff;text-decoration:none; }
.link-block:hover { background:var(--grey-dark); }
.link-block-title { font-size:1.4rem;margin-bottom:50px;display:block; }
.link-block-text { position:absolute;bottom:30px;left:30px;font-size:1rem; }
.link-block-text::after { margin-left:8px;position:relative;top:0px;display:inline-block;content:"";width:12px;height:12px;background:url("/wp-content/themes/afgl_arch/img/arrow.svg") no-repeat center;background-size:contain; }

table { width:100%;text-align:left;margin-top:60px; }
table a { font-weight:bold;display:inline-block;width:100%;background:var(--orange);color:#fff;padding:7px 10px;border-radius:10px;text-decoration:none;text-align:center; }
table a:hover { background:var(--grey-dark); }
thead th { border-right:1px solid #fff;border-bottom:none !important; }
thead th:last-child { border-right:none; }

.copyright { font-size:0.8rem; }

.floating-bar { background:var(--orange);color:#fff;position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:20px 30px; }
.floating-bar a.button { background:var(--grey-dark); }
.floating-bar a.button:hover { background:#fff;color:var(--grey-dark); }

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after { opacity:0.6; }
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before { bottom:55%; }
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after { top:55%; }
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after { opacity:1; }

.no-sort { pointer-events:none !important; }
.no-sort::before, .no-sort::after { display:none !important; }

.breadcrumbs a { color:var(--orange); }

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


thead th { background:var(--orange);color:#fff;padding:10px; }
tr td { padding:10px; }
tr:nth-child(even) td { background:rgba(243,116,33,0.1); }

tr:hover td { background:rgba(243,116,33,0.4); }


}


/*Mobile View*/
@media only screen and  (max-width: 768px) {
	.header-row { display:none; }
td, tr { display: block; }
thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
tr { border: 1px solid var(--orange);padding:15px;border-radius:15px; }
tr + tr { margin-top: 1.5em; }
td {
  position: relative;
  padding-left: 50%;
  background-color: #fff;
  text-align: left; 
}
td:before {
  content: attr(data-label);
  display: inline-block;
  line-height: 1.5;
  margin-left: -100%;
  margin-left:0px;
  width: 100%;
  width:70%;
  font-weight:bold;
}
	
	.breadcrumbs { margin-bottom:45px;}
}


.trades-banner { width:100%; }
.trades-banner img { width:100%;height:100%;max-height:600px;object-fit:cover;object-position:0 30%; }
td[data-label="No years of experience"] { font-family:sans-serif }
.footer-flex { display:flex;flex-wrap:wrap;gap:2rem; }
.footer-flex > div { flex:1 1 22%; }
.footer-flex span { white-space:nowrap; }
footer h5 { margin-bottom:0px; }

.socials { display:flex;margin-top:15px;gap:1rem;margin-bottom:30px;justify-content:center; }
.socials a img { width:25px;height:25px;object-fit:contin; }
.socials a:hover { opacity:0.5; }

@media(max-width:991px){
	.link-block { aspect-ratio:12/5; }
}


/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */
	.link-block { aspect-ratio:12/5; }
}

/* Mobile Size */
@media(max-width:560px){

}