/**
Theme Name: White Internet Child
Author: White Internet
Author URI: http://whiteinternet.com
Description:  Default White Internet child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: white-internet-child
Template: generatepress
*/

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* Archive Page, Author, Search H1 */
.page-title {
	color: #000;
}

/* Add shadow on Header Photo Shape */
.wiPageHero svg {
	filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.9));
}

/* Nav Menu In Page */
.wp-block-navigation .wp-block-navigation-item__content {
    font-size: 15px;
    color: #fff !important;
    background-color: var(--accent);
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #000;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #000 !important;
    background-color: var(--global-color-8);
}

/* Colour Testing */
.wiColourBox {
	border: 3px solid #000;
	border-radius: 15px;
	padding: 20px;
}

.wiColourWhiteText {
	color: #ffffff;
}

.wiColourContrast {
	background-color: var(--contrast);
}

.wiColourContrast-2 {
	background-color: var(--contrast-2);
}

.wiColourContrast-3 {
	background-color: var(--contrast-3);
}

.wiColourBase {
	background-color: var(--base);
}

.wiColourBase-2 {
	background-color: var(--base-2);
}

.wiColourBase-3 {
	background-color: var(--base-3);
}

.wiColourAccent {
	background-color: var(--accent);
}

.wiColour-8 {
	background-color: var(--global-color-8);
}

.wiColour-9 {
	background-color: var(--global-color-9);
}

/* Video */
.wp-block-video video {
    width: auto !important;
}

video {
	border-radius: 10px;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	width: auto !importent;
}

/* Fix icon on botton on seperate row */
.uagb-button__link {
	display: inline;
}

.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon {
	vertical-align: middle;
	display: inline;
}

/* Archive Page Header */
body.archive .page-header, body.search-results .page-header {
	background-image: url(/media/archive.png);
	background-repeat: repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	min-height: 200px;
	border: 8px double #969696 !important;
	border-radius: 20px !important;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
	opacity: 0.8 !important;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

body.archive .page-header h1, body.search-results .page-header h1 {
	color: #fff !important;
	font-family: sans-serif;
	letter-spacing: 0.1em;
	transition: 0.3s;
	text-shadow: 4px 3px 0px #333, 2px 2px 2px rgba(0,0,0,0);
}

/* Search Page Header */
body.search-results .page-header {
	background-image: url(/media/search.png) !important;
}

/* Author Page header */
body.author .page-header {
	all: unset;
	background: transparent !important;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
	margin-bottom: 25px;
}

body.author .page-header h1 {
	color: #000 !important;
	text-shadow: none;
}

/* H1 Hero Image */
.wiHeroImage h1 {
	font-family: sans-serif;
	letter-spacing: 0.1em;
	transition: 0.3s;
	text-shadow: 4px 3px 0px #333, 2px 2px 2px rgba(0,0,0,0);
}

/* H1 on Blog Pages */
body.single .wiHeroImage h1 {
	background-color: rgba(144, 138, 168, 0.5);
}

/* Don't Wrap First P under Image */
body.single .entry-content p:first-of-type {
	overflow: hidden;
}

/* Push the second H3 under Image */
body.single .entry-content h3:nth-of-type(2) {
	/* clear: left; */
}

/* Add border to social icons */
.wp-block-social-links:not(.is-style-logos-only) li {
	border: 2px solid #989595;
}

/* Fix alingment of last social - GitHub */
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
	/* margin-bottom: .5em !important; */
}

/* Back To Top */
.generate-back-to-top__show {
	opacity: 0.8;
}

.generate-back-to-top {
	border: 2px solid #333;
	font-size: 30px;
	border-radius: 50%;
	bottom: 10px;
	right: 15px;
	line-height: 60px;
	width: 60px;
}

.generate-back-to-top:hover {
	  transform: scale(1.2);
	  font-size: 40px;
	  font-weight: bold;
}

/* Follow Social */
.wp-block-social-link:hover {
	transform: scale(1.5);
}

/* Social Share */
.wp-block-uagb-social-share-child:hover {
	transform: scale(2.0);
}

/* IW Card Social */
.uagb-team__social-list li:hover {
	transform: scale(1.5);
}

/* Footer */
.footer-widget-1 aside {
	margin-bottom: 10px !important;
}

.menu-footer-menu-container {
	text-align: right;
}

/* Blog Post Meta */
.reading-time:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f2f2";
	margin-right: 3px;
}

.posted-on::before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
    margin-right: 3px;
}

.cat-links::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02c";
    margin-right: 3px;
}

.wiPostDate {
	width: 80px;
	border: 2px solid #333;
	border-radius: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.wiPostDate .month {
	background-color: red;
	color: white;
	font-size: 12px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: 1px solid #000;
}

.wiPostDate .day {
	background-color: white;
	color: black;
	font-size: 24px;
}

.wiPostDate .year {
	background-color: darkgray;
	color: white;
	font-size: 14px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top: 1px solid #000;
}

.inside-article {
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.category-blog .entry-content:not(:first-child), 
.entry-summary:not(:first-child), 
.page-content:not(:first-child) {
	margin-top: 10px;
}

.read-more-container {
	text-align: right;
}

.read-more {
	display: inline-block;
	outline: none;
	*zoom: 1;
	text-align: center;
	text-decoration: none;
	font-family: inherit;
	font-weight: 300;
	letter-spacing: 1px;
	vertical-align: middle;
	border: 1px solid;
	transition: all 0.2s ease;
	box-sizing: border-box;
	text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	border-radius: 10px;
	color: var(--accent) !important;
	border-color: var(--accent) !important;
	background-color: transparent !important;
}

.read-more:hover {
  background: var(--accent) !important;
  color: #fff !important;
  border-color: var(--accent) !important;		
}

.paging-navigation {
	text-align: right;
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.page-numbers:not(.next):not(.prev) {
	border-radius: 20px;
	border: 2px solid var(--accent);
	min-width: 2.33333em;
	min-height: 2.33333em;
	font-size: 16px;
	font-size: 1.06666rem;
	line-height: calc(2.33333em - 3px);
	font-weight: normal;
	margin-right: 12px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.page-numbers.current {
	border: 3px solid #1e73be;
	font-weight: bold;
	background-color: var(--global-color-8);
}

.page-numbers:not(.dots):not(.current):hover  {
	border: 2px solid var(--global-color-9);
	background-color: #eee;
}

.page-numbers.next, 
.page-numbers.prev {
	border-radius: 20px;
	border: 2px solid var(--accent);
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	font-size: 1.06666rem;
	line-height: calc(2.33333em - 3px);
	font-weight: normal;
	margin-right: 12px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.post-navigation .nav-previous {
	float: left;
	border: 2px solid #ddd;
	padding: 10px;
	border-radius: 8px;
}

.post-navigation .nav-next {
	float:right;
	border: 2px solid #ddd;
	padding: 10px;
	border-radius: 10px;
}

.post-navigation .nav-previous:hover, 
.post-navigation .nav-next:hover {
	border: 2px solid  var(--global-color-9);
	background-color: #eee;
}

/* Search Form */
.search-modal-form {
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* Menus */
.main-navigation {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.sticky-enabled .main-navigation.is_stuck {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.sub-menu {
	border-radius: 10px;
	border: 1px solid #969696;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

/* Testing */
.is {
	width: 200px;
	border: 1px solid #000;
}

body.page .isPage {
	background-color: green;
}
body.single .isSingle {
	background-color: blue;
}
body.single-post .isPost {
	background-color: red;
}
body.category-blog .isBlog {
	background-color: purple;
}
body.blog .isBlog {
	background-color: purple;
}
body.archive .isArchive {
	background-color: yellow;
}
body.category .isCategory {
	background-color: teal;
}
.isTag {
	background-color: silver;
}
body.home .isHome {
	background-color: lawngreen;
}
body.search .isSearch {
	background-color: pink;
}
body.search-results .isSearchResults {
	background-color: darkorange;
}

/* Image on 404 Page */
.image404 img {
	border: 8px double var(--accent);
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

/* Blog, Category & Search Results Header Container */
body.blog .page-header, 
body.search-results .page-header, 
body.category .page-header,
body.author .page-header
 {
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	padding: 20px;
}

/* Remove bottom margin from Blog Grid */
body.blog footer.entry-meta,
body.category footer.entry-meta,
body.search-results footer.entry-meta {
	margin-top: 0 !important;
}

/* Blog, Category & Search Results List Image */
body.blog .post-image img, 
body.search-results .post-image img, 
body.category .post-image img,
body.author .post-image img {
	width: 100% !important;
	height: 200px;
	object-fit: cover;
	object-position: 50% 0;
	border-radius: 0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border: 1px solid #969696;
	border-bottom: 3px solid #555;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}


/* Post Single Featured Image */
body.single-post .featured-image {
	float: left;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	margin-right: 1em;
}
	
body.single-post .featured-image img {
	border: 8px double #969696;
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

/* Page Featured Image */
body.page .featured-image {
	float: left;
	margin-right: 1em;
}
	
body.page .featured-image img {
	border: 8px double #969696;
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

/* Hero Image */
.wiHeroImage {
	border: 8px double #969696 !important;
	border-radius: 20px !important;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
	opacity: 0.8 !important;
}

.wiHeroImage:before {
	opacity: 0.8 !important;
}

/* Breadcrumbs */
.breadcrumbs-wrapper {
  margin-top: 20px;
  text-align: right;
}

.breadcrumbs-wrapper-out {
  margin-top: 20px !important;
}

#breadcrumbs-yoast {
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  display: inline-flex;
  overflow: hidden;
  margin-bottom: 5px;
  inset-block: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#breadcrumbs-yoast a {
  background: #fff;
  color: #333;
  outline: none;
  padding: 0.5em 0.5em 0.5em 0.5em;
  position: relative;
  text-decoration: none;
  transition: background 0.2s linear;
}

#breadcrumbs-yoast a:hover:after,
#breadcrumbs-yoast a:hover {
  background: #edf1f5;
}

#breadcrumbs-yoast a:focus:after,
#breadcrumbs-yoast a:focus {
  background: #323f4a;
  color: #fff;
}

#breadcrumbs-yoast a:after,
#breadcrumbs-yoast a:before {
  background: white;
  bottom: 0;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}

#breadcrumbs-yoast a:before {
  background: #cbd2d9;
  margin-left: 1px;
}

#breadcrumbs-yoast a:last-child {
  border-right: none;
}

.breadcrumb_last {
  background: #edf1f5;
  color: #999;
  position: relative;
  inset-block: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  padding: 0.7em 0.7em 0.7em 0.5em;
  text-decoration: none;
  transition: background 0.2s linear;
}

#breadcrumbs-yoast > span {
	boarder: 1px solid #ddd;
}

/* Iain White Card */
.iw-card {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	background-color: #eee !important;
	padding: 10px;
	color: #eee;
	font-size: 14px;
	text-align: center;
	border: 2px solid #333;
	border-radius: 15px !important;
	height: auto !important;
	clear: both;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.iw-card {
	margin-top: 50px;
}

.iw-card img {
	border: 2px solid #333;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
	position: relative;
	top: -50px;
}

/* Quotes */
.quotes_box_and_tips {
	background-color: #eee !important;
	margin: 10px;
	padding: 10px;
	color: #eee;
	font-size: 14px;
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px !important;
	height: auto !important;
	clear: both;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.iw-card .quotes_box_and_tips {
	margin: auto;
}

#footer-widgets .quotes_box_and_tips {
	border: 8px double #333;
}

.quotes_box_and_tips:before {
  border-radius: 10px !important;
}

.quotes_box_and_tips h3 {
	display: none;
}

.quotes_box_and_tips .single_tips_box,
.quotes_box_and_tips .single_quotes_box {
	width: 100%;
	float: none;
	padding: 0;
}

.quotes_box_and_tips p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.quotes_box_and_tips .signature {
	font-weight: bold;
	color: #a8dcff;
}

.quotes_box_and_tips .signature span {
	color: #74c6ff;
}

.quotes_box_and_tips .signature {
	color: #74c6ff !important;
	float: right !important;
}

/* wiBox */
.wiBox {
	border-radius: 10px;
	border: 2px solid var(--contrast-3);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	padding: 0.5em 0.5em !important;
	margin: 0 auto;
	margin-top: 8px !important;
	margin-bottom: 10px !important;
	clear: both;
}

.wiBox:hover {
	border: 2px solid var(--global-color-9) !important;
}

/* GhostButton */
.wiGhostButton a {
    color: #0170B9;
  	border-radius: 20px;
    border: 2px solid #0170B9;
    font-size: 17px;
    padding: 5px 10px;
    font-weight: normal;
    margin: 6px 0;
    margin-right: 12px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    min-width: 120px;
}

.wiGhostButton a:hover, .wiGhostButton a:active {
  color: #fff;
  background: var(--global-color-8);
}

/* Contact Button (Short code) */
.wiContact {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Widths */
.wi50Wide {
  width: 50% !important;
}

.wi75Wide {
  width: 75% !important;
}

.wi90Wide {
  width: 90% !important;
}

.wi100Wide {
  width: 100% !important;
}

/* Label under Iain's photo */
.wi50Label {
  width: 80% !important;
  margin-right: 15% !important;
  margin-left: 15% !important;
}

/* SpeechBox*/
.wiSpeechBox {
  width: 75%;
  margin: 3px auto;
  border: 4px solid #0170B9;
  padding: 20px;
  text-align: center;
  font-weight: 900;
  color: #0170B9;
  font-family: arial;
  position: relative;
  border-radius: 20px;
}

.wiSpeechBoxBottom {
  margin-bottom: 35px;
}

.sb5:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #0170B9;
  border-right: 10px solid transparent;
  border-top: 10px solid #0170B9;
  border-bottom: 10px solid transparent;
  right: -21px;
  top: 6px;
}

.sb5:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid #fff;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  right: -11px;
  top: 10px;
}

.sb6:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #0170B9;
  border-top: 10px solid #0170B9;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}

.sb6:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -11px;
  top: 10px;
}

.sb7:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #0170B9;
  border-right: 10px solid transparent;
  border-top: 10px solid #0170B9;
  border-bottom: 10px solid transparent;
  left: 20px;
  bottom: -23px;
}

.sb7:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  left: 24px;
  bottom: -13px;
}

.sb8:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #0170B9;
  border-top: 10px solid #0170B9;
  border-bottom: 10px solid transparent;
  right: 20px;
  bottom: -23px;
}

.sb8:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  right: 24px;
  bottom: -13px;
}

/* Ordered lists style */ 
.entry-content ol {
	counter-reset: my-ol-counter;
	margin: 0 0 1em 1em;
}

.entry-content ol li {
	position: relative;
	padding-left: 30px;
	list-style: none; 
}

.entry-content ol li:before {
	position: absolute;
	top: 15px;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	color: #fff;
	text-align:center;
	background-color: var(--accent);
	content: counter(my-ol-counter,decimal);
	counter-increment: my-ol-counter;
	font-size: 11px;
	-webkit-border-radius: 50%;
	border-radius: 50%; 
}

/* Unordered list style */
.entry-content ul {
	margin: 0 0 1em 1em;
}

.entry-content > ul:not(.sub) li {
	padding: 0 0 2px 0;
    margin: 0;
    list-style: none;
    color: black;
}

.entry-content > ul:not(.sub) li:before {
    content: '\f138';
    font-family:'FontAwesome';
    padding-left: 0;
    margin-right: 0.5em;
    color: var(--accent);
    font-size: 20px;
}

.entry-content > ul.book:not(.sub) li:before {
	content: '\f02d';
}

.entry-content > ul.links:not(.sub) li:before {
	content: '\f0ac';
}

.entry-content > ul.edu:not(.sub) li:before {
	content: '\f19d';
}

.entry-content > ul.achievements:not(.sub) li:before {
	content: '\f091';
}

.entry-content > ul.school:not(.sub) li:before {
	content: '\f549';
}

.entry-content > ul.topvoice:not(.sub) li:before {
	content: '\f0eb';
}

.wi2ColUL {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.wi2Col ul:not(.sub) li {
	padding: 0 0 2px 0;
    margin: 0;
    list-style: none;
    color: black;
}

.wi2Col ul:not(.sub) li:before {
    content: '\f138';
    font-family:'FontAwesome';
    padding-left: 0;
    margin-right: 0.5em;
    color: var(--accent);
    font-size: 20px;
}

.wi2Col ul.school:not(.sub) li:before {
	content: '\f549';
}

.wi2Col ul.achievements:not(.sub) li:before {
	content: '\f091';
}

/* Site Map Unordered list style */
.sitemap_by_click5 > ul li {
	padding: 0 0 2px 0;
    margin: 0;
    list-style: none;
    color: black;
}

.sitemap_by_click5 > ul li:before {
    content: '\f0e8';
    font-family:'FontAwesome';
    padding-left: 0;
    margin-right: 0.5em;
    color: var(--accent);
    font-size: 20px;
    vertical-align: top;
}

.c5_child a {
	display: inline-block !important;
}

/* Work History Table */
.wiWorkTable table {
  border-collapse: unset;
  width: 100%;
  border: 1px solid #aaa;
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 25px;
}

.wiWorkTable tbody tr td a {
  display: block;
  width: 100%;
  height: 100%;
}

.wiWorkTable tr {
    cursor: pointer;
}

.wiWorkTable th:first-child{
  border-radius: 10px 0 0 0;
  padding-left: 15px;
}

.wiWorkTable th:last-child{
  border-radius: 0 10px 0 0;
  padding-right: 15px;
}

.wiWorkTable th {
    background-color: #0170B9 !important;
    color: #fff !important;
    cursor: default !important;
}

.wiWorkTable tr:hover {
   background-color: #21c9f0 !important;
}

.wiWorkTable tr:hover a{
	color: #fff;
}

/* Badge */
.workBadge {
  float: right;
  margin-right: 10px;
  margin-bottom: 15px;
}

.centerBadge {
	margin-left: 50%;
}

.badge {
  padding: 5px;
  white-space: nowrap;
  color: #ffffff;
  background-color: #70b9c5;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.badge-error {
  background-color: #b94a48;
}

.badge-error:hover {
  background-color: #953b39;
}

.badge-warning {
  background-color: #f89406;
}

.badge-warning:hover {
  background-color: #c67605;
}

.badge-success {
  background-color: #5cc45e;
}

.badge-success:hover {
  background-color: #356635;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-info:hover {
  background-color: #2d6987;
}

.badge-inverse {
  background-color: #333333;
}

.badge-inverse:hover {
  background-color: #1a1a1a;
}

.badge-gray {
  background-color: #b0b0b0;
}

.badge-gray:hover {
  background-color: #1a1a1a;
}

/* Met */
.wiMet {
  border: 4px solid #0170B9;
  min-height: 120px;
  padding: 5px;
  border-radius: 10px;
  background-color: rgb(198, 241, 241);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.wiMetImg {
	padding-top: 10px;
}

/* Form */
.wpforms-form {
    background-color: #eee !important;
    padding: 20px 15px !important;
    border: 3px solid #ccc !important;
    border-radius: 10px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.wpforms-form input.wpforms-error,
.wpforms-form textarea.wpforms-error
{
    border-radius: 10px !important;
	border: 2px solid #cc0000 !important;
}

.wpforms-form input:not(.wpforms-error),
.wpforms-form textarea:not(.wpforms-error) {
    border-radius: 10px !important;
	border: 2px solid #B4D5FE !important;
}

.wpforms-form button {
    color: #0170B9 !important;
  	border-radius: 20px !important;
    border: 2px solid #0170B9 !important;
    font-size: 17px !important;
    padding: 5px 10px !important;
    font-weight: normal !important;
    margin: 6px 0 !important;
    margin-right: 12px !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif !important;
    min-width: 120px !important;
    clear:both;
}

.wpforms-submit-container {
	text-align: right;
}

.wpforms-form button:hover, 
.wpforms-form button a:active {
  color: #fff !important;
  background: var(--global-color-8) !important;
}

.wpforms-confirmation-container-full {
    border: 3px solid #00FF00 !important;
    border-radius: 10px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.wpforms-field-description {
	display: none !important;
}

.wpforms-field-limit-text {
	float: right !important;
}

/* Google Map */
.uagb-google-map__iframe {
    border: 3px solid #ccc !important;
    border-radius: 10px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
    margin-bottom: 25px !important;
}

/* Author */
.wp-block-post-author {
	border: 1px double #969696;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.wp-block-post-author img {
	border: 8px double #969696;
	border-radius: 50px;
	margin-top: 5px;
	margin-left: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.wp-block-post-author__bio {
	margin-right: 10px;
}

.wp-block-post-author__byline {
	margin-top: 5px;
}

body.author h1 img {
	border: 3px double #969696;
	border-radius: 50px;
	margin-top: 5px;
	margin-left: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

#wiLookingForWork p {
	margin-bottom: 5px;
}

#wiLookingForWork img {
	border: 5px double #969696;
	border-radius: 100px;
	margin-right: 15px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

body.single .dynamic-featured-image {
	float:left;
	margin-top: 15px;
	margin-right: 25px;
	border: 8px double #969696;
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* 404 Page */
body.error404 .wp-block-search__inside-wrapper {
	border-radius: 10px;
}

body.error404 .wp-block-search__inside-wrapper input {
	border-radius: 10px;
}

body.error404 .wp-block-search__inside-wrapper button {
	border-radius: 10px;
}

#wi404Header {
	background-image: url(/media/white-internet-header.png);
	background-repeat: repeat;
	background-size: cover;
	background-position: center center;
	border: 8px double #555;
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#wi404 {
	border: 1px double #969696;
	background-color:var(--global-color-9);
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

body.author .yoast-social-links {
	margin-top: 15px;
	text-align: right;
}

/* Menu */
/* Move to left */
/*
.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container {
	padding: 0px 150px 0px 20px;
}
*/

/* Open on left */
.dropdown-hover .main-navigation:not(.toggled) ul .open-left ul {
    left: -230px;
    right: 0;
}

.dropdown-hover .main-navigation:not(.toggled) ul .open-left li:hover>ul {
    left: auto;
    right: 100%;
}

.main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a {
    padding-left: 0;
    padding-right: 20px;
}

.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
    float: left;
    padding-left: 20px;
    padding-right: 15px;
}

.main-navigation .open-left .children .dropdown-menu-toggle:before, 
.main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
    content: "\f104";
}

/* Menu */
/*
:not(.wisubsub)
*/
ul.sub-menu > li:first-child > a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
}

ul.sub-menu > li:last-child > a {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
}

ul.sub-menu:first-of-type > li:first-child:after,
ul.sub-menu:first-of-type > li:first-child:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

ul.sub-menu:first-of-type > li:first-child:not(.wisubsub):after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 19px;
  left: 20%;
  margin-left: -19px;
}

ul.sub-menu:first-of-type > li.current-menu-item:first-child:not(.wisubsub):after,
ul.sub-menu:first-of-type > li.current-menu-item:first-child:not(.wisubsub):hover:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--global-color-8);
  border-width: 19px;
  left: 20%;
  margin-left: -19px;
}

ul.sub-menu:first-of-type > li:first-child:not(.wisubsub):hover:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #F5F5F5;
  border-width: 19px;
  left: 20%;
  margin-left: -19px;
}

ul.sub-menu:first-of-type > li:first-child:not(.wisubsub):before {
  border-color: rgba(113, 158, 206, 0);
  border-bottom-color: #969ba8;
  border-width: 20px;
  left: 20%;
  margin-left: -20px;
}

/* Post older than 2 years message */
.old-post-message {
    background: #f6ea9a;
    color: #a27e24;
    text-align: center;
    border-radius: 10px;
	border: 2px solid #fbc43b;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 10px;
}

/* Post Meta */
body.single .entry-header {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* Remove line under table */
.wp-block-table.is-style-stripes {
	border-bottom: none;
}

/* Iain White CTA */
div.iainWhiteFooterCTA {
	margin-top: 4px;
	margin-bottom: 0;
	margin-left: 10px;
}

div.iainWhiteFooterCTA a {
	border: 2px solid #999;
	border-radius: 10px;
	background-color: rgb(198,205,205);
	padding: 4px;
}

div.iainWhiteFooterCTA img {
	transition: transform .2s;
	border: 2px solid #999;
	border-radius: 50%;
	position: relative;
	top: 18px;
}

div.iainWhiteFooterCTA span {
	margin: 10px;
}

div.iainWhiteFooterCTA a:hover img {
	transform: scale(1.1);
}

div.iainWhiteFooterCTA a:hover {
	background-color: var(--accent);
}

/* MOBILE */
@media only screen and (max-device-width: 480px) {
	.wiHeroImage h1 {
    	font-size: 2em !important;
	}
	.wiWorkTable {
		font-size: 0.5em;
	}
	.wiWorkTable tr td:last-child, .wiWorkTable tr th:last-child {
		white-space: nowrap;
	}
	#breadcrumbs-yoast {
		max-width: 100%;
		font-size: small;
	}
	#wiLookingForWork figure, #wiLookingForWork p {
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	body.single .dynamic-featured-image {
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
    }
    body.error404 .wp-block-search__inside-wrapper {
    	width: 90% !important;
    }
	.wiSpeechBox { 
		width: 70% !important;
		margin: 3px 35% !important;
	}
	.copyright-bar p {
		text-align: center;
	}
	.wiCopy {
		display: block;
		text-align: center;
	}
	.iw-card {
    	width: 100%;
	}
	.wiWaveSep {
    	height: 80px !important;
    	position: relative;
	}
	.wiWaveSep  > .gb-shapes .gb-shape-1 svg {
		height: 80px !important;
	}
}

@media only screen and (max-device-width: 820px) {
	.wiSpeechBox { 
		width: 70% !important;
		margin: 3px 25% !important;
	}
}

@media only screen and (max-device-width: 1024px) {
	.main-navigation .main-nav ul li a {
    	padding-left: 15px;
    	padding-right: 15px;
	}
}