/*
	Theme Name: Green custom theme
	Description: Custom WordPress Theme
	Version: 1.0.0
	Author: Milan
	Author URI: https://nikolic.win/
	Tags: Blank, HTML5, CSS3
	License: MIT
*/
/* VARIABLES */
:root{
    --cta-color: #0969c3;
    --base-color: #17171d;
    --grey-color: #505050;
    --light-grey:  #FAFAFA;
	--light-yellow:#fff8ec;
	--light-blue:#deeff8;
    --alt-font: 'Poppins', sans-serif;
    font-size:62.5%;
}

/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	margin: 0;
	padding: 0;
}

body {
	font:400 1.6rem/1.5 'Poppins', sans-serif;
	color:var(--base-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body::-webkit-scrollbar-track,
.modal-inner::-webkit-scrollbar-track
{
	background-color:var(--black-color);
}
body::-webkit-scrollbar,
.modal-inner::-webkit-scrollbar
{
	width: 6px;
	background-color: var(--black-color);
}

body::-webkit-scrollbar-thumb,
.modal-inner::-webkit-scrollbar-thumb
{
	background-color: var(--cta-color);
}
/* wrapper */
.wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	position:relative;
}
/*------------------------------------*\
    GRID
\*------------------------------------*/
.container,
.container-narrow,
.container-wide {
	margin: 0 auto;
    padding: 0 2rem;
}
.container {
	max-width: 130rem;
}
.container-narrow {
	max-width: 83rem;
}
.container-wide {
	max-width: 180rem;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	position: relative;
	padding: 2rem;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}
@media only screen and (min-width:480px) {
	.col3{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		max-width: 50%;
	}
}
@media only screen and (min-width:840px) {
	.col1{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 8.33%;
	flex: 1 1 8.33%;
	max-width: 8.33%;
}
.col2{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 16.66%;
	flex: 1 1 16.66%;
	max-width: 16.66%;
}

.col4{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33.33%;
	flex: 1 1 33.33%;
	max-width: 33.33%;
}
.col5{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 41.66%;
	flex: 1 1 41.66%;
	max-width: 41.66%;
}
.col6{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	max-width: 50%;
}
.col7{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 58.33%;
	flex: 1 1 58.33%;
	max-width: 58.33%;
}
.col8{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 66.66%;
	flex: 1 1 66.66%;
	max-width: 66.66%;
}
.col9{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 75%;
	flex: 1 1 75%;
	max-width: 75%;
}
.col10{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 83.33%;
	flex: 1 1 83.33%;
	max-width: 83.33%;
}
.col11{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 91.63%;
	flex: 1 1 91.63%;
	max-width: 91.63%;
}
.col12{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}

}
@media only screen and (min-width:1024px) {
	.col3{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 25%;
		flex: 1 1 25%;
		max-width: 25%;
    }
}
.row {
	margin: 0 -2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
}

/*------------------------------------*\
    FLEX
\*------------------------------------*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-vertical-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.flex-column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
.text-center {
	text-align: center;
}
p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 2rem;
}
h3, h4, h5, h6 {
	line-height: 1.3;
	font-weight: 600;
}
h1 {
	font-size: 4rem;
    font-weight: 600;
    line-height: 1.1;
    font-family: var(--alt-font);
}
h2 {
	font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    font-family: var(--alt-font);
}
h3 {
	font-size: 2.4rem;
    font-weight: 700;
}
h4 {
	font-size: 2rem;
    font-weight: 700;
}
h5 {
	font-size: 1.8rem;
    font-weight: 700; 
}
h6 {
	font-size: 1.6rem;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color:var(--cta-color);
	text-decoration:none;
	transition:all .23s ease-in;
	-webkit-transition:all .23s ease-in;
	-moz-transition:all .23s ease-in;
	-ms-transition:all .23s ease-in;
	-o-transition:all .23s ease-in;
}
a:hover {
	color:var(-grey-color);
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

/*------------------------------------*\
	GUTENBERG
\*------------------------------------*/
.alignfull {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw - 6px);
}
.alignfull .wp-block-cover__inner-container {
	max-width: 130rem;
	margin-bottom: 0 auto;
	padding: 0 2rem;
}
.gutenberg .wp-block-group {
	padding: 8rem 0;
}
.gutenberg .wp-block-group.alignfull > .wp-block-group__inner-container {
	max-width: 130rem;
	padding: 0 2rem;
}
.gutenberg .wp-block-group .wp-block-columns:last-child {
	margin-bottom: 0;
}
.gutenberg .wp-block-button__link {
	    background-color: var(--cta-color)!important;
    color: #fff;
        padding: 1rem 2rem;
    border-radius: 3rem;
    font-size: 1.5rem;
    border: 1px solid var(--cta-color);
    min-width: 10.4rem;
    text-align: center;
}
.gutenberg .wp-block-button__link:hover {
	background-color: #fff!important;
	color: var(--cta-color)!important;
}
.gutenberg .wp-block-image img {
	border-radius: 4rem;
}
/*------------------------------------*\
	end of GUTENBERG
\*------------------------------------*/

/*------------------------------------*\
	FORMS AND CF7
\*------------------------------------*/
input, textarea {
	font-family: 'Poppins';
	background: #FFFFFF;
border: 0.5px solid #000000;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
border-radius: 100px;
	padding: 2rem;
	width: 100%;
}
input:focus {
	border-color: var(--cta-color);
	outline: none;
}

input::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #AEAEB4;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #AEAEB4;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #AEAEB4;
}
.blue-box {
	color: #fff;
	background-color: #14295c;
	padding: 15rem 0;
}
.blue-box > div {
	left: calc( (100vw - 128rem) / 2);
	position: relative;
}
.blue-box  p {
	margin:0 0 1rem!important;
}
.blue-box a {
	color: #fff;
	font-size: 2.7rem;
}
.newsletter-box {
	padding: 4rem;
}
#newsletter {
	background-color: var(--light-grey);
}
#newsletter > div {
	flex: 1;
}
#newsletter .text-center {
	max-width: 90rem;
	margin: 0 auto;
	max-width: 80rem;
}
#newsletter .text-center form {
	position: relative;

}
#newsletter .btn {
	position: absolute;
	right: 10px;
	max-width: 15.8rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .23s ease;
	cursor: pointer;
	background-color: var(--cta-color)!important;
	color: #fff;
}
#newsletter .btn:hover {
	color: var(--cta-color)!important;
	background-color: #fff!important;
}
#newsletter p {
	max-width: 44rem;
	margin:0 auto 3rem;
}
.email-input {
	height: 6.2rem;
	padding-right: 18rem;
	padding-left: 2.5rem;
}
/*------------------------------------*\
	end of FORMS
\*------------------------------------*/

/*------------------------------------*\
	ANIMATIONS
\*------------------------------------*/

/*------------------------------------*\
	end of ANIMATIONS
\*------------------------------------*/

/*------------------------------------*\
	HEADER
\*------------------------------------*/
.header .logo img {
	height: auto;
	max-width: 20rem;
	width: 100%;
}
.header.sticky {
	background-color: #fff;
    box-shadow: 0px 15px 30px rgba(0,0,0,0.16);
}
.header.nav-up {
	    transform: translateY(-100%);
}
.header {
	position: sticky;
	top: 0;
	padding: 1rem 0;
	background-color: #fff;
	z-index: 2015;
	transition: all .23s ease;
}
.header ul {
	display: flex;
	list-style: none;
}
.header nav > ul {
	align-items: center;
}
.header nav > ul > li > a {
	color: var(--base-color);
	font-weight: 500;
	display: inline-block;
	margin-left: 3rem;
}
.header nav {
	margin-left: auto;
    justify-content: space-evenly;
}
.header nav ul li a:hover, header nav ul li.current-menu-item > a {
	color: var(--cta-color)!important;
}
.header nav .menu-item-has-children {
	position: relative;
}
.header nav .menu-item-has-children > .plus {
	position: relative;
    margin-bottom: -14px;
    margin-left: 6px;
}
.header nav .menu-item-has-children > .sub-menu {
	position: absolute;
	flex-direction: column;
	left: 3rem;
	transition: all .23s ease-in;
	display: none;
}
.header nav .menu-item-has-children > .sub-menu a {
	color: var(--base-color);
}
.header nav .menu-item-has-children:hover > .sub-menu {
	display: block;
}
.socials {
	margin-right: 4rem;
}
.socials svg {
	margin-left: 1.5rem;
	transition: all .23s ease-in;
	opacity: .7;
}
.socials a:hover:not(.instagram) svg {
	opacity: 1;
}
.socials a.instagram:hover path {
	opacity: 1;
}

.cta > a, .btn, .acf-button, .wpcf7-submit {
	padding: 1rem 2rem;
    border-radius: 3rem;
	font-size: 1.5rem;
	border:1px solid var(--cta-color);
	min-width: 10.4rem;
	text-align: center;
	background-color: #fff!important;
}
.btn.white {
	background-color: transparent!important;
	color: #fff!important;
	border-color: #fff;
}
.btn.white:hover {
	background-color: #fff!important;
	color: var(--cta-color)!important;
}
.acf-button {
	box-shadow: none!important;
	display: inline-block!important;
}
.btn.bg {
	background-color: var(--cta-color)!important;
	color: #fff;
}
.btn.bg:hover {
	color: var(--cta-color)!important;
	background-color: #fff!important;
}
.cv {
	margin-top: 3rem;
}
body header nav ul .cta > a:hover, .btn:hover, .acf-button:hover, .wpcf7-submit:hover {
	background-color: var(--cta-color)!important;
	color: #fff!important;
}

/***** MEGA MENU****/
@media only screen and (min-width:1201px) {
.sub-menu-wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 93%;
    background: #F8F9F9;
    margin: 0 auto;
    border-radius: 10px;
    z-index: 999;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #f8f9f9;
    padding: 4rem;
}
header li.menu-item-has-children > a::after {
	content: "";
	display: block;
	width: 0;
height: 0;
border-style: solid;
border-width:0 17px 17px 17px;
border-color: transparent transparent #f8f9f9 transparent;
margin-left: calc( (100% - 3rem) / 2);
margin-bottom: 1rem;
padding-top: .5rem;
 -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
     opacity: 0;
    visibility: hidden;
	
}
header nav > ul > li > a {
	position: relative;
}
header li.menu-item-has-children:hover {
	opacity: 1;
}
.sub-menu-wrap .sub-menu {
	display: flex;
	flex-wrap: wrap;
}
.sub-menu-wrap .sub-menu  li {
	    width: calc(100% / 4);
    padding: 0 15px;
    margin: 1rem 0;
}
header.header .sub-menu-wrap .sub-menu  li a {
	color: var(--base-color);
	background-color: #fff;
	padding: 2rem;
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 2rem!important;
	height: 100%;
}
.sub-menu-wrap .sub-menu  li a::after {
	content: "Learn more";
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin-top: 1.5rem;
}
.sub-menu-wrap .sub-menu  li a:hover, .sub-menu-wrap .sub-menu  li.current-menu-item a {
	color: #fff!important;
	background-color: var(--cta-color)!important;
}
header .container-wide {
	position: relative;
}
header li.menu-item-has-children {
	position: unset!important;
}
header li.menu-item-has-children:hover .sub-menu-wrap,
header li.menu-item-has-children:hover > a::after,
header li.menu-item-has-children:hover > a
{
	    opacity: 1;
    visibility: visible;
}
	header.sticky {
		padding: 1rem 0 0!important;
	}
	.header .custom-logo-link {
		    position: relative;
	}
	header {
		padding: 3rem 0 2rem;
	}

} /*min width 1025px*/
/*
/*------------------------------------*\
	end of HEADER
\*------------------------------------*/


/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footer {
	background-color: var(--light-blue);
	color: var(--base-color);
}
.footer a {
	color: var(--cta-color);
}
.footer ul {
	list-style: none;
}
.footer .copyright {
	font-size: 1.4rem;
}
.footer-top, .footer-bottom, .footer {
	padding: 2rem 0;
}
.footer-top ul.menu {
	display: flex;
	justify-content: center;
	text-align: center;
}
.footer-top ul.menu > li {
	margin: 0 2rem;
	padding: 3rem 3rem 0;
	border-top: .2rem solid #fff;
	flex: 1;
}
.footer-top ul.menu > li > a {
	pointer-events: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 2.3rem;
}
.footer-top ul.menu > li li {
	margin-top: .7rem;
}
.footer-top ul.menu > li li a {
	font-size: 1.8rem;
	display: inline-block;
	padding: 0.2rem 0.7rem;
}
.footer-top ul.menu > li li a:hover {
	background-color: #fff;
	color: var(--cta-color);
}
footer ul li.current-menu-item > a {
	color: var(--base-color);
}

.footer-bottom ul {
	margin-left: auto;
	display: flex;
}
.footer-bottom ul li {
	margin-left: 2rem;
}

#return-to-top {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	background-color: var(--cta-color);
	border-radius: .5rem;
	padding: 0.3rem 0.5rem 0.5rem;
    line-height: 1;
}
#return-to-top:hover {
	transform: translateY(-.7rem);
}

.footer-widget {
	padding-top: 5rem;
}
.footer-widget img {
width: 100%;
max-width: 17rem;
}
footer .widgettitle {
	font-size: 2rem;
}
footer .widgettitle::after {
	content: "";
	background-color: var(--cta-color);
	width: 5rem;
	height: .5rem;
	display: block;
	margin-top: 1.5rem;
}
.footer-widget ul li a {
	display: inline-block;
	padding: .5rem 0;
	font-weight: 500;
}
.footer-widget ul li a:hover {
	color: var(--grey-color);
}

.footer .socials svg {
	fill: var(--cta-color);
	opacity: 1;
}
.footer .socials a:hover svg {
	opacity: .8;
}
.footer .socials {
	display: flex;
}
.footer .socials a {
	display: inline-flex;
}
/*------------------------------------*\
	end of FOOTER
\*------------------------------------*/

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1400px) {
	.header .logo img {
		max-width: 14rem!important;
	}
	body .header nav > ul > li > a {
		margin-left: 2rem;
	}
}
@media only screen and (max-width:1300px) {
	.hero-content {
		left: 0!important;
		padding-left: 2rem;
	}
	.blue-box > div {
	    left: 0!important;
	    position: relative;
	    padding-left: 2rem;
	    padding-right: 2rem;
	}	
}
@media only screen and (max-width:1200px) {
	body header.header nav ul .current-menu-item > a {
		color: var(--cta-color)!important;
	}
	.login-register-ctas {
		margin-bottom: 5rem;
	}
	.login-register-ctas a:first-child {
		margin-right: 3rem;
	}
	.header .user-name {
		margin-left: 0;
    	min-width: 9rem;
    	display: inline-block;
	}
	.candidates-header h1 {
		font-size: 4rem;
	}
	.newsletter-box {
		padding: 4rem 2rem!important;
	}
	body .candidates-feed a {
		max-width: calc(33% - 15px);
	}
	.platform-cover .wp-block-columns {
		margin-bottom: -6rem;
	}
	#mob-menu-bar {
		margin-left: auto;
	}
	#mob-menu-bar > div {
	    width: 3rem;
	    height: .2rem;
	    background: var(--base-color);
	    border-radius: 3px;
	    margin-bottom: .84rem;
	    -webkit-transition: all .23s ease-in;
	    transition: all .23s ease-in;
	}
	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
	    transform: rotate(-45deg) translate(-5px, 6px);
	    -moz-transform: rotate(-45deg) translate(-5px, 6px);
	    -o-transform: rotate(-45deg) translate(-5px, 6px);
	}

	.change .bar2 {
	    opacity: 0;
	}

	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -9px);
	    transform: rotate(45deg) translate(-8px, -9px)
	}
	body .header nav {
	    position: fixed;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    width: 60rem;
	    background: #14295c;
	    color: #fff;
	    max-width: 82vw;
	    transition: all .33s ease-in-out;
	    flex-direction: column-reverse;
	    align-items: flex-start;
	    padding: 4rem;	
	    transform: translateX(-100%);
	        justify-content: flex-end;
	}
	body .header nav ul {
		flex-direction: column;
		width: 100%;
		    align-items: flex-start;
	}
	body .header nav ul li a {
		color: #fff!important;
		margin: 0!important;
	}
	body .header nav > ul > li {
		padding: 1.5rem 0;
		position: relative;
		width: 100%;
	}
	.header nav .menu-item-has-children > .plus {
		fill: #fff;
		margin: 0!important;
	    top: 10px;
	    right: 0;
	    position: absolute;
	    transition: all .23s ease;
	}
	.header nav .menu-item-has-children.opened > .plus {
		transform: rotate(45deg);
	}
	header nav .sub-menu-wrap {
		display: none;
	}
	header nav .sub-menu-wrap li {
		padding-top: .5rem;
	}
	body .header nav > ul > li:not(:last-child) {
		border-bottom: 1px solid rgba(255,255,255,.5);
	}
	body .header nav.menu-open {
		transform: translateX(0);
	}
	body .header nav .header-top {
		flex-wrap: wrap;
	}
	body .header nav .header-top a {
		color: #fff;
	}
	body .header nav .header-top a:not(.instagram) path{
		fill: #fff;
	}
	body .header nav .header-top a.instagram path{
		stroke: #fff;
	}
	header .socials {
		margin-bottom: 2rem;
	}
	header .socials svg {
		margin: 0 1.5rem 0 0!important;
	}
	header .container-wide {
		justify-content: space-between;
		align-items: center;
	}
	body.menu-open {
		overflow: hidden;
	}
	
}
@media only screen and (max-width:1023px) {

	.platform-cover .wp-block-columns {
		margin-bottom: -8rem!important;
	}
	.footer .socials {
		margin: 0 0 4rem!important;
	}
	body .job-types > a {
		max-width: calc(25% - 38px);
	}
	#newsletter .blue-box div {
		text-align: center;
	}
	#newsletter p {
		max-width: 100%!important;
	}
	#newsletter > div {
		width: 100%;
	}
	#newsletter {
		flex-direction: column;
	}
	.footer-bottom {
		flex-direction: column-reverse;
		align-items: center;
	}
	.footer-bottom ul {
		margin: 2rem auto;

	}
	footer .socials::before {
		display: none;
	}
	footer .social {
		margin: 0!important;
	}
	.footer-top ul.menu {
		flex-wrap: wrap;
	}
	.footer-top ul.menu > li {
		margin-bottom: 3rem;
	}
}
@media only screen and (max-width:767px) {
	body .candidate-intro  {
		padding: 4rem 2rem;
	}
	.candidate-intro .my-photo {
		margin: 0 0 3rem;
	}
	.candidate-intro .container {
		flex-direction: column;
	}
	.job-list-item .btn {
		    margin: 2rem 0 0!important;
    	width: 100%;
	}
	.job-list-item .more-details {
		    flex-direction: column;
    align-items: flex-start;
	}
	.filter-header .cats-label {
		margin: 2rem 0;
	}
	.filter-header {
		flex-wrap: wrap;
	}
	body .candidates-feed a {
		max-width: 100%!important;
	}
	.footer-widget p a {
		font-size: 1.6rem!important;
	}
	.footer-widget p a::before {
		width: 2rem!important;
		height: 2rem!important;
	}
	.footer-bottom ul {
		 flex-direction: column;
   		 align-items: center;
	}
	.footer-bottom ul li {
		margin: .5rem 0!important;
	}

}
@media only screen and (max-width:480px) {
	body .all-zip-codes-wrap {min-width: 5rem!important; right: 63px;}
	body .all-zip-codes-wrap .select2-container {width: 15rem!important}
	h1 {
		font-size: 3.8rem!important;
	}
	body .job-types > a {
		max-width: calc(50% - 25px)!important;
	}
	body .hero-content form .btn {
		top: 9px;
		right: 9px;
		width: 44px;
		height: 44px;
	}
	.labels .label {
		margin-right: 1rem!important;
	}
}
/*------------------------------------*\
	end of RESPONSIVE
\*------------------------------------*/

/*------------------------------------*\
	SINGLE ARTICLE
\*------------------------------------*/
.featured-image {
	background-color: var(--cta-color);
	padding: 7rem 0 7rem;
}
.featured-image img {
	border-radius: 3rem;
}
.single .col7 article {
	    background: #fff;
    position: relative;
    margin-top: -15rem;
    padding: 4rem;
    border-radius: 3rem;
}
.side-ads {
	position: sticky;
	top: 0;
}
.related-block {
	background-color: #fff;
	    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem;
    padding: 7rem 0;
    margin-top: 5rem;
}

#nextpreviouslinks {
    background: rgba(101, 193, 141, .1);
    border-radius: 4rem;
    padding: 4rem;	
    justify-content: space-between;
}
#nextpreviouslinks > div {
	max-width: 40%;
	width: 100%;
}
#nextpreviouslinks .next-post {
	text-align: right;
}
#nextpreviouslinks .next-post .arrow {
	justify-content: flex-end;
}
#nextpreviouslinks .next-post .arrow svg {
	margin-left: 2rem;
}
#nextpreviouslinks .arrow svg {
	transition: all .23s ease;
}
#nextpreviouslinks .next-post:hover .arrow svg {
	transform: translateX(10px);
}
#nextpreviouslinks .prev-post:hover .arrow svg {
	transform: translateX(-10px);
}
#nextpreviouslinks .prev-post .arrow svg {
	margin-right: 2rem;
}
#nextpreviouslinks .arrow {
	text-transform: uppercase;
	font-size: 1.4rem;
	color: var(--cta-color);
}
#nextpreviouslinks a {
	font-weight: 700;
	color: var(--base-color);
	margin-top: 1rem;
	display: block;
}

.cat-label {
	 /*   background: var(--cta-color);*/
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 1rem;
    border-radius: 3rem;
    left: 0rem;
    top: 0;
    z-index: 5;
    overflow: hidden;
}
.cat-label::before {
	    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-color: var(--cta-color);
}
.cat-label::after {
	    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    z-index: -1;
    background-color:var(--base-color);
    opacity: .8;
    transition: all .23s ease-in;
}
.cat-label:hover::after {
	width: 100%;
}
.loop-image {
	height: 26rem;
	overflow: hidden;
	border-radius: 3rem;
	margin-bottom: 1.5rem;
}
.loop-image img {
	object-fit: cover;
	width: 100%;
	transition: all .23s ease;
}
.loop-image:hover img {
	transform: scale(1.03) rotate(2deg);
} 
.related-block h6 {
	margin-bottom: 1.5rem;
}
.post-loop-details {
	font-size: 1.4rem;
}
.relatedPostsTitle {
	margin-bottom: 5rem;
}
#relatedposts {
	margin-bottom: 4rem;
}
/*------------------------------------*\
	end of SINGLE ARTICLE
\*------------------------------------*/

.post-in-loop  {
	background-color: #fff;
	border-radius: 3rem;
	    padding: 3rem;
    margin-bottom: 3rem;
}
.post-in-loop img {
	border-radius: 3rem;
}
.post-in-loop-content {
	flex: 1;
	padding-left: 3rem;
}
.post-in-loop-content h2 a {
	color: var(--base-color);
	display: inline-block;
	line-height: 1;
}
.comments {display: none}





/****** USER DASHBOARD ******/
#user-registration #acf-form {
	max-width: 84rem;
	margin: 0 auto;
}
.acf-form-submit input {
	cursor: pointer;
	min-width: 50%;
	height: 45px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
}
.acf-form-submit input:hover,
.acf-button:hover,
body .user-registration-submit-Button:hover  {
	background-color: var(--cta-color)!important;
	color: #fff!important;
}
.user-registration-submit-Button {
	padding: 1rem 2rem!important;
    border-radius: 3rem;
    font-size: 1.5rem;
    border: 1px solid var(--cta-color)!important;
    min-width: 10.4rem;
    text-align: center;
}

.user-registration-MyAccount-content #message {
	background-color: var(--light-yellow);
    padding: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-top: 5px solid var(--cta-color);
}
.user-registration-MyAccount-content #message p:last-child {
	margin-bottom: 0;
}
.user-registration-MyAccount-navigation-link.user-registration-MyAccount-navigation-link--edit-profile {
	display: none!important;
}
.work-experience {
	list-style:none;
	padding-left: 3rem;
	position: relative;
}
.work-experience::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	background-color: var(--cta-color);
	width: .3rem;
}
.work-experience li {
	margin-bottom: 2rem;
	position: relative;
}
.work-experience li::before {
	content: "";
    position: absolute;
    left: -3.4rem;
    border-radius: 100%;
    background-color: #fff;
    top: 14px;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border: 1px solid var(--cta-color);
}
.work-experience li span {
	background-color: var(--light-yellow);
	display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 3rem;
	position: relative;
	left: -1rem;
}

.candidate-intro {
	background-color: var(--cta-color);
	color: #fff;
	padding: 2rem;
	margin-bottom: 5rem;
}
.my-photo {
	margin-right: 3rem;
	max-width: 30rem;
	max-height: 30rem;
}
.candidate-label {
	text-transform: uppercase;
}
.candidate-cta {
	position: sticky;
	top: 0;
	background-color: var(--light-yellow);
	padding: 2rem;
}
.candidate-cta .btn {
	width: 100%;
	display: flex;
	justify-content: center;
}

.block {
	box-shadow: 0 2px 20px rgba(45,53,89,.1);
	padding: 3rem;
	margin-bottom: 4rem;
}
.block h2 {
	margin: -3rem -3rem 3rem;
	padding: 3rem;
	background-color: #f2f7fc;
}
.block p:last-child {
	margin-bottom: 0;
}

.user-name {
	margin-left: 4rem;
}
#user-registration #ur-frontend-form {
    max-width: 50rem;
    border: none;
    margin: 0 auto;	
}


.hide {
	display: none!important;
}
.candidates-header {
	background-color: var(--cta-color);
	color: #fff;
	padding: 2rem 0;
	margin-bottom: 6rem;
}
#sort, #categories {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	margin-right: 4rem;
}
#sort svg {
	margin-right: .5rem;
}
.filter-header h1 {
	margin-right: auto;
	margin-bottom: 0;
}
.search-wrap input {
	padding: 1rem 1.5rem;
	border: none;
	border-radius: 3rem;
	outline: none;
	background-image: url(assets/images/search-icon.svg);
	background-repeat: no-repeat;
	background-position: 94% center;
	background-size: 15px;
}
.filter-dropdown {
	border-top: 1px solid rgba(255,255,255,.5);
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	display: none;
}
.filter-dropdown.sort a {
	color: #f8f9f9;
	display: inline-block;
	margin-right: 4rem;
}
#artists-feed {
	margin-bottom: 6rem;
}
.candidates-feed {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	
}
.candidates-feed a {
	text-align: center;
	color: var(--base-color);
	max-width: calc(25% - 15px);
	width: 100%;
}
.candidates-feed a img {
	height: 29rem;
	object-fit: cover;
	object-position: top;
	border-radius: 4rem;
}
.candidates-feed a .name {
	margin-top: 1.5rem;
	font-size: 1.8rem;
	font-weight: 600;
}
.candidates-feed a .job_cat {
	font-size: 1.4rem;
}
.filter-dropdown.categories .btn {
	margin: .5rem 2rem .5rem 0!important;
	display: inline-flex;
	text-align: center;
	justify-content: center;
}



/**** company profile page ***/
.company-jobs .text-center h3 {
	margin-top: 4rem;
}
.company-header {
	border-bottom: 3px solid var(--cta-color);
	padding: 2rem 0;
}
.company-header h1 {
	margin-bottom: .5rem;
}
.company-header img {
	width: auto;
	height: auto;
}
.company-header .copmany-logo {
	width: 100%;
	max-width: 23rem;
	margin-right: 4rem;
}
.company-title .company-address {
	font-size: 1.4rem;
}
.company-description {
	margin-top:1.5rem;
}
.company-title .company-address svg {
	margin-right: .5rem;
	fill: var(--cta-color);
}
.company-jobs {
	padding: 4rem 0;
}


/**** JOBS ***/
.job-list-item { 
	box-shadow: 0px 15px 40px rgba(0,51,90,.15);
	padding: 2rem;
	border-radius: 1rem;
	min-height: 23.6rem;
	background-color: #fff;
}
.text-right {
	text-align: right;
}
.job-list-item .btn {
	margin-left: auto;
}
.more-details {
	margin-top: 2rem;
}
.job-list-item h4 {
	margin: 2rem 0 .5rem;
}
.job-list-item .small-logo img {
	max-width: 6rem;
	margin-right: 2rem;
}
.job-list-item .job-type {
	background-color: var(--light-yellow);
	padding: 1rem;
	border-radius: 1rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 500;
	margin-left: auto;
}
.job-list-item .start-date {
	font-size: 1.4rem;
}
.job-list-item .salary {
	display: inline-flex;
	align-items: center;
}
.job-list-item .salary svg {
	margin-right: .5rem;
}
.job-list-item .salary svg path {
	stroke: var(--cta-color);
}


/*------------------------------------*\
	SINGLE JOBS
\*------------------------------------*/
.single-jobs .gutenberg ol {
	padding-left: 2rem;
}
.single-jobs .gutenberg ul {
	list-style: none;
	margin-bottom: 2rem;
}
.single-jobs .gutenberg ul li {
	position: relative;
	padding-left: 3rem;
	margin-bottom: 1rem;
}
.single-jobs .gutenberg ul li::before {
	content: "";
	background: url(assets/images/check.svg) no-repeat;
	position: absolute;
	left: 0;
	top: 1px;
	width: 2rem;
	height: 2rem;
	background-size: contain;
}
.single-jobs .small-logo img {
	max-height: 5rem
}
.job-side .btn {
	margin-top: 2rem;
}
.job-side > div {
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--cta-color);
	padding-bottom: 1.5rem;
	font-weight: 600;
}
.job-side > .salary {
	display: flex;
	align-items: center;
	font-weight: 600;
} 
.wpcf7-submit {
	transition: all .23s ease;
	cursor: pointer;
	color: var(--cta-color);
}
.job-side .wpcf7-submit {
	width: 100%;
	margin-top: 2rem;
}
input {
	font-family: 'Poppins', sans-serif;
}
.job-side .wpcf7-form label {
	display: none;
}
.job-side .wpcf7 {
	border: none;
	padding-bottom: 0;
}
.wpcf7-response-output {
	text-align: center;
	margin-top: 1rem;
	color: var(--cta-color);
}
/*------------------------------------*\
	end of SINGLE JOBS
\*------------------------------------*/


.prev.page-numbers svg {
	transform: scale(-1);
}


.featured-jobs {
	padding: 10rem 2rem 8rem;
	background-color: var(--light-yellow);
}
.featured-jobs .col12 p:last-child, .featured-jobs .col12 h2:last-child {
	margin-bottom: 0;
}

.platform-cover {
	position: relative;
	z-index: 5;
}
.platform-cover p {
	margin-bottom: 1rem;
}
.platform-cover .wp-block-columns {
	gap:4rem;
	margin: 4rem 0 -14rem;
}
.platform-cover .wp-block-columns .wp-block-column {
	background-color: #14295c;
	    padding: 4rem;
    border-radius: 4rem;
}
.platform-cover .wp-block-columns .wp-block-column h2 {
	margin-bottom: 0;
}

.job-categories-section {
	padding: 6rem 0;
}
.job-types {
	margin-top: 6rem;
	gap: 5rem;
}
.subtitle {
	margin-bottom: 1rem;
    font-weight: 500;
}

.job-types > a {
	color: var(--base-color);
	text-align: center;
	width: 100%;
	max-width: calc(20% - 4rem);
	font-size: 1.4rem;
}
.job-types .img-wrap, a.company .company-image {
	background-color: var(--light-blue);
	padding: 2rem;
	margin: 0 auto 2rem;
	max-width: 12rem;
	border-radius: 3rem;
	transition: all .23s ease;
}
.job-types h4 {
	margin-bottom: 1rem;
	line-height: 1.1;
}
.job-types > a:hover .img-wrap, a.company:hover .company-image {
	background-color: var(--light-yellow);
}




.home-hero {
	height: calc(100vh - 80px);
	overflow: hidden;
	position: relative;
}
.home-hero::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(4, 41, 76, .4);
	z-index: 1;
}
.home-hero picture img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hero-content {
	position: absolute;
	top: 50%;
	left: calc((100vw - 128rem) / 2);
	z-index: 3;
	color: #fff;
	transform: translateY(-50%);
	padding: 2rem;
	width: 100%;
	max-width: 60rem;
}
.hero-content form {
	position: relative;
}
.hero-content form .btn {
	transition: all .23s ease;
	position: absolute;
    right:7px;
    min-width: 2rem;
    height: 5.4rem;
    top: 4px;
    border-radius: 100%;
    width: 5.4rem;
    padding: 1rem;
    cursor: pointer;
}
.hero-content form .btn:hover svg path {
	fill: var(--cta-color);
}
.select2-container--default .select2-selection--single {
	border-radius: 3rem!important;
}

.all-zip-codes-wrap {
	position: absolute!important;
	right: 90px;
	top: 50%;
	transform: translateY(-50%);
	min-width: 10rem;
}

.all-zip-codes-wrap .select2-container {
	width: 17rem!important;
	font-size: 14px!important;
}

.search-page {
	padding: 8rem 0;
}

.filter-label {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}
.filter-label svg {
	margin-right: 1rem;
}
a.company .company-image {
	max-width: 14rem!important;
	height: 14rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}
a.company .company-image img {
	object-fit: contain;
	height: auto;
	max-height: 100%;
}
A.company {
	max-width: calc(20% - 4rem);
}
.page-template-page-tpl-all-companies .candidates-feed {
	gap: 5rem;
}
.page-template-page-tpl-all-companies .sort-label {
	margin-left: 4rem;
}

.labels {
	margin-top: 4rem;
}
.labels p {
	margin-bottom: 1rem;
}
.labels .label {
	    padding: 1rem 2rem;
    border-radius: 3rem;
    font-size: 1.5rem;
    border: 1px solid var(--light-blue);
    background-color: var(--light-blue);
    min-width: 10.4rem;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    margin: 0 2rem 2rem 0;
}
.labels .label:hover {
	background-color: var(--cta-color);
	border-color: var(--cta-color);
	color: #fff;
}

.white-blocks .wp-block-column {
	box-shadow: 0px 15px 40px rgba(0,51,90,.15);
    padding: 2rem;
    border-radius: 1rem;
    background: #fff;	
}
.white-blocks .wp-block-column  h3 {
	color: var(--cta-color);
	margin-bottom: 1rem;
}
.white-blocks .wp-block-column  h4 {
	color: var(--cta-color);
	font-size: 1.7rem;
	font-weight: 500;
}


.already-applied {
	background-color: var(--light-blue);
	    margin: 2rem -2rem -2rem!important;
    padding: 2rem;
    border:none!important;
}
.applied-jobs {
	display: none!important;
}
.all-applied-jobs {
	background-color: var(--light-blue);
	padding: 2rem;
	margin: 5rem 0;
}
.all-applied-jobs > a {
	display: inline-block;
	margin: 1rem 2rem;
}

.user-registration-Button, .ur-submit-button {
    transition: all .23s ease;
    cursor: pointer;
    background-color: var(--cta-color)!important;
    border: 1px solid var(--cta-color)!important;
    color: #fff;
    height: 45px;
    font-size: 16px;	
} 
.user-registration-Button:hover, .ur-submit-button:hover {
	background-color: #fff!important;
	color: var(--cta-color)!important;
}
.user-registration-Input, input.input-text {
	    border-radius: 2rem!important;
    height: 45px!important;
}




body.modal-active {
	overflow: hidden;
}

.modal {
	visibility: hidden;
	transform: scale(0);
	transition: all .23s ease-in-out;
	opacity: 0;
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
}
.modal.modal-active {
	visibility: visible;
	opacity: 1;
	z-index: 2020;
	transform: scale(1);
}
.modal .modal-bg {
	background: rgba(0, 0, 0, .7);
	position: fixed;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.modal .modal-inner {
	background-color: #fff;
	    max-width: 50rem;
    padding: 3rem;
    border-radius: 2rem;
    z-index: 2;
    position: relative;
}
.modal .modal-inner input,
.modal .modal-inner textarea {
	border: 1px solid;
	border-radius: 1rem;
	padding: 1rem 2rem;
}
.modal .modal-inner textarea {
	height: 11rem;
}
.modal .modal-inner label {
	display: block;
	margin-bottom: 1rem;
}
.modal .close-modal {
	    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 3rem;
    height: auto;
    cursor: pointer;
}

.user-registration-LostPassword.lost_password a {
	display: inline-block;
	margin-top: 2rem;
}