@import url('https://use.typekit.net/fsb0kqr.css');

:root {
  --font-family-1: roboto, sans-serif;
  --font-family-2: source-sans-pro, sans-serif;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 900;
  --bg-blue: #3b70b4;
  --bg-green: #568b3e;
  --bg-light-green: #68b44a;
  --color-yellow: #ffc63b;
}

.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.alignleft .wp-element-button {
  	text-align: left;
	text-decoration: none;
}

.wp-element-button {
	text-decoration: none !important;
}

.wp-element-button:after {
	font-family: 'Font Awesome 6 Pro';
	content: '\f178';
	float: right;
	font-size: 16px;
	font-weight: 900;
	transform: translateX(-3px);
  	transition: transform 0.35s cubic-bezier(0.3, 0.76, 0.47, 1.15);
}

.wp-block-button:hover .wp-block-button__link {
	color: #fff;
	background-color: #000;
}

.wp-block-button:hover .wp-element-button:after {
	transform: translateX(0);
}

.wp-block-separator {
	border-color: #3b70b4;
	margin-top: 80px;
	margin-bottom: 80px;
}

.image-to-right {
    position: absolute;
    right: 0;
/*     min-height: 325px; */
    overflow: clip;
    border-radius: 8px 0px 0px 8px;
/* 	max-width: 700px; */
}

.work-post {
	height: 100%;
    min-height: 360px;
    border-radius: 4px;
    padding: 42px 29px 38px;
    background-color: #fff;
    border: 1px solid #68b44a;
    position: relative;
    display: flex;
    flex-direction: column;
}

.work-icon-box {
    width: 100%;
    max-width: 80px;
    height: 80px;
    background-color: #DAEFD5;
    border-radius: 50%;
    position: absolute;
    top: 19px;
    right: 19px;
}

.work-post-title {
    font-weight: 900;
    font-size: 36px;
    line-height: 48px;
    text-align: left;
    color: #568b3e;
    margin-bottom: 16px;
}

.work-post p {
	font-size: 18px;
    line-height: 26px;
}

.work-post a i {
    margin-left: 10px;
}

.work-post.style-blue {
	border-color: #3B70B4;
}
.work-post.style-blue p, .work-post.style-blue .work-post-title, .work-post.style-blue a:hover {
    color: #3B70B4;
}
.work-post.style-blue .work-icon-box {
	background-color: #FAF2C7;
	display: none;
}

.work-post.is-style-default p, .work-post.is-style-default .work-post-title, .work-post.is-style-default a {
    color: #fff;
}
.work-post.is-style-default a {
	
}
.work-post.is-style-default {
    background-color: #3B70B4;
    color: #fff;
}

.work-post.is-style-default a:hover {
	color: #000
}

.work-post:hover {
    background-color: var(--bg-blue);
/*     background-color: var(--bg-green); */
}

.work-post:hover * {
    color: #fff !important;
    text-decoration: none !important;
}

.work-post:hover a, .work-post:hover  i {
    color: var(--color-yellow) !important;
}

.work-post:hover .work-icon-box {
    opacity: 0;
}

.link-box {
	cursor: pointer;
}

.image-to-right {
	width: calc(50% - 80px);
	height: 355px;
	display: block !important;
}

.image-to-right img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

@media (max-width: 1600px) {
	.image-to-right {
		width: min(calc(50% - 80px), 710px);
		height: 325px;
		display: block !important;
	}
}

@media (max-width: 992px) {
	.image-to-right {
		display: none !important;
	}
}

@media (max-width: 767px){
	.work-post.style-blue {
		min-height: 350px;
		padding: 30px 20px 29px;
		margin-left: 36px;
		margin-right: 36px;
		margin-bottom: 25px;
	}
	
	.work-post-title {
		font-size: 34px;
		line-height: 44px;
		margin-bottom: 5px;
	}
	
	.work-post {
		margin: 0px 15px 25px !important;
		padding: 25px 20px 30px;
	}

	.work-post p {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

.is-style-regular table thead {
    background-color: var(--bg-light-green);
    color: #fff;
}

.is-style-regular table tr th, .is-style-regular table tr td {
    border-color: #fff;
}

.is-style-regular table tbody tr td a {
	color: var(--bg-light-green);
	text-decoration: underline;
}

.is-style-regular table tr td {
    background-color: #edffe5;
    color: #000;
}

.is-style-regular table tr {
    vertical-align: top;
}

a:hover .gl-sponsor-box {
    border-color: #3b70b4;
    background-color: #3b70b4;
}

a:hover .gl-sponsor-box * {
    color: #fff;
}

.work-post p {
    color: #568b3e;
    flex-grow: 1;
}

.work-post a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
	text-decoration: none !important;
	margin: 0px;
}