/*
Theme Name: Citizen Earth Group
Theme URI: https://citizenearthgroup.com
Author: Venu Ragiri
Author URI: https://citizenearthgroup.com
Description: Theme designed and developed for citizen earth group 
Text Domain: Citizen Earth Group
Version: 1.0.0
License: GNU General Public License v2 or later
*/
@font-face { 
  font-family: Rubik;
  src: url(fonts/Rubik-Regular.ttf);
}
body { 
 margin: 0px;
 padding: 0px;
 overflow-x: hidden;
 font-family:Rubik,Helvetica,Arial,sans-serif;
 color: #626262;
}
.wp-block-columns {
	margin-bottom: 0px !important;
}
.backgroundbg {
	position:absolute;
	background-color: black;
	opacity: 0.35;
	width: 100%;
	height: 100vh;
	/*z-index: 1;*/
}
.navbar ul li.menu-item,
.navbar ul li.nav-item {
	padding: 0 18px;
}
.navbar ul li.menu-item a,
.navbar ul li a.nav-link {
	text-transform: uppercase;
	color: #fff !important;
	text-shadow: 0 1px 0 rgb(0 0 0 / 18%);
    transition: all .28s;
	font-size: 14px;
	align-items: center;
	letter-spacing: 1px;
	font-family:Rubik,Helvetica,Arial,sans-serif;
	font-weight: 400;
	text-decoration: none;
	padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar ul li.menu-item a:hover,
.navbar ul li a.nav-link:hover,
.home .navbar ul li.current-menu-item a,
.homepage .navbar ul li a.nav-link.active {
	color: #000 !important;
}
.navbar ul li.current-menu-item a,
.navbar ul li a.nav-link.active {
	color: #ffd800 !important;
}
/*.homepage .banner_section {
	background: url('images/iStock-1323841622.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	height: 100vh;
	width: 100%;
}
.contactpage .banner_section {
	background: url('../images/hand-male-holding-a-shape.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	height: 100vh;
	width: 100%;
}*/
body:not(.home) .banner_section .container {
	position: relative;
	z-index: 2;
}
.contact_heading, .contactform {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.wpforms-field-required {
	border-top: 0px !important;
	border-radius: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
	font-family:Rubik,Helvetica,Arial,sans-serif;
	margin-top: 40px !important;
	outline: none !important;
	box-shadow: none !important;
	color: #626262 !important;
	line-height: inherit !important;
	border-width: 1px;
	max-width: 250px;
	
}
.contactpage .contactform .form-control::placeholder {
	font-family:Rubik,Helvetica,Arial,sans-serif;
	color: #626262;
}
.homepage .banner_section h1.page_heading:first-child {
	margin-top: 25%;
	color: #000;
}
body:not(.home) .banner_section h1.page_heading {
	margin-top: 25%;
	color: #ffd800;
}
body:not(.home) .banner_section h1.page_heading {
	line-height: 110px;
	margin-bottom: 30px;
}
body:not(.home) .banner_section h1.page_heading span {
	color: #fff;
}
body:not(.home) .banner_section p {
	line-height: 32px;
	color: #fff;
}
.homepage .banner_section h1.page_heading:last-child {
	margin-left: 135px;
}
.banner_section h1.page_heading {
	font-size: 107px;
	font-weight: bold;
    line-height: 50px;
    letter-spacing: -8.3px;
	color: #000;
	font-family: "Playfair Display";
	vertical-align: baseline;
}
.banner_section h2 {
	color: #fff;
	font-weight: 700;
	font-family: "Playfair Display";
	font-size: 70px;
	margin-left: 85px;
}
.main_section {
	padding: 50px 0;
}
.contact_section {
	width: 45%;
	padding: 35px;
	box-shadow: 0px 1px 24px -4px rgb(0 0 0 / 30%);
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
	min-height: 200px;
	background: #fff;
	font-family:Rubik,Helvetica,Arial,sans-serif;
	padding-right: 100px;
}
.contact_section p {
	font-family: "Playfair Display";
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.yellow_button {
	background: #ffd800 !important;
	border-radius: 55px !important;
	transition: all .4s ease,background .36s ease .1s !important;
	padding: 18px 30px !important;
	color: #000;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none;
	font-size: 12px;
	font-family:Rubik,Helvetica,Arial,sans-serif;
}
.cusbtn {
	position: absolute;
	margin-top: -7%;
    right: 20%;
}
.yellow_button:hover {
	color: #fff;
}
.intro_section {
	padding-top: 100px;
	padding-bottom: 100px;
}
.intro_section .heading, .articles_section .heading {
	font-family: "Playfair Display";
	font-size: 48px;
	font-weight: 700;
	line-height: 55px;
	letter-spacing: -1px;
	padding: 100px 20px;
}
/*.intro_section .heading::before, .articles_section .heading::before {
	height: 8px;
	background: #ffd800;
	width: 40px;
	content: '';
	position: absolute;
	margin-top: 15%;
}*/
.intro_section .col-4 {
	padding-top: 20px;
}
.hovfig:hover,
.intro_section .col-4:hover,
.team_section .memberinfo:hover {
	background: #ffd800;
}
.team_section .memberinfo:hover figcaption, .team_section .memberinfo:hover p{
	color: #000;
}
.intro_section figcaption {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 22px;
    letter-spacing: -0.03em;
    font-family:Rubik,Helvetica,Arial,sans-serif;
	text-align: center;
}
.two_column {
	background: url('images/hoach.jpg') no-repeat, #ffd800;
	background-size: 60% 100%;
	background-position: top right;
	min-height: 700px;
	padding: 100px 0;
}
.two_column h2 {
	font-family: "Playfair Display";
	font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -1px;
	margin-bottom: 90px;
}
/*.two_column h2::before {
	height: 8px;
	background: #000;
	width: 40px;
	content: '';
	position: absolute;
	margin-top: 18%;
}
body.home .intro_section .heading::before {
	margin-top: 19%;
}*/
.two_column .container {
	margin-left: 5%;
}
.two_column p {
	color: #626262;
	font-family:Rubik,Helvetica,Arial,sans-serif;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 50px;
	margin-right: 175px;
}
.blackbutton {
	background: #000;
	border-radius: 55px;
	transition: all .4s ease,background .36s ease .1s;
	padding: 18px 30px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-family:Rubik,Helvetica,Arial,sans-serif;
}
.team_section {
	background: #242524;
	padding: 100px 5%;
}
.advisor_section {
	background: #626262;
	padding: 100px 0;
	color: #fff;
}
.team_section h3,
.advisor_section h3 {
	font-size: 48px;
	font-family: "Playfair Display";
	color: #fff;
	font-weight: bold;
	margin-bottom: 75px;
}

.team_section h3::after,
.advisor_section h3::after {
	height: 8px;
	background: #ffd800;
	width: 40px;
	content: '';
	position: absolute;
	margin-top: 90px;
	left: 48%;
}
.team_section .memberinfo,
.advisor_section .memberinfo {
	margin-top: 50px;
	padding-top: 70px;
	padding-bottom: 50px;
	color: #fff;
}
.team_section .teampic img,
.advisor_section img.teampic {
	border-radius: 50%;
	border: 3px solid #ffd800;
}
.team_section figcaption,
.advisor_section figcaption {
	font-family: "Playfair Display";
    margin-top: 50px !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.advisor_section h3,
.advisor_section figcaption,
.advisor_section span {
	color: #fff;
}
.team_section span {
	color: #fff;
	font-family:Rubik,Helvetica,Arial,sans-serif;
	font-size: 17px;
	margin-top: 10px;
}
.articles_section {
	background: linear-gradient(90deg, #ffd800 55%, #FFF 45%);
	padding: 100px 0 50px 0;
}
.articles_section .heading {
	padding-top: 0px;
	padding-left: 0px;
}
.articles_section .heading:before {
	margin-top: 10%;
}
.articles_section h3 {
	font-family: "Playfair Display";
	font-size: 28px;
    letter-spacing: -0.6px;
	color: #000;
	font-weight: bold;
}
.articles_section i {
	color: #ffd800;
	font-size: 48px;
	margin-top: 10px;
}
.articles_section .slider div, .bx-wrapper img {
	min-height: 400px;
}
.articles_content {
	margin-left: 0px !important; 
}
.articles_content p a {
	color: #626262;
}
footer {
	background-color: #242524;
	padding: 100px 0 50px 0;
}
footer h3 {
	font-family: "Playfair Display";
	font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.5px;
	color: #ffd800;
}
footer p {
	color: #96979E;
	line-height: 28px;
	font-size: 16px;
}
footer .social_icons a {
	font-size: 24px;
	color: #ffd800;
	text-decoration: none;
	margin-right: 20px;
}
footer .wpforms-field-container {
	width: 74% !important;
	float: left !important;
}
footer .wpforms-submit-container {
	width: 26% !important;
	float: left !important;
	clear: none !important;
}
footer .wpforms-field-required
{
	border: 1px solid #444 !important;
	padding: 20px !important;
	background: transparent !important;
	font-size: 12px !important;
	color: #fff !important;
	width: 100% !important;
	margin-top: 0px !important;
	height: auto !important;
}
footer .wpforms-field-required::placeholder {
	color: #fff !important;
}
footer .form-control::placeholder, footer .form-control, footer .form-control:focus, footer .btn-outline-secondary, footer .btn-outline-secondary:focus {
	padding: 20px !important;
	border-color: #444 !important;
	background: transparent !important;
	font-size: 12px !important;
	color: #fff !important;
	border-radius: 0px !important;
	outline: none !important;
	box-shadow: none !important;
	text-transform: uppercase !important;
}
footer .btn-outline-secondary {
	font-weight: bold;
	letter-spacing: 1px;
}
div.copyright {
	background-color: #000;
	padding-top:40px;
	padding-bottom:40px;
	font-size: 14px;
	color: #9A9A9A;
}
div.copyright a {
	text-decoration: none;
	color: #9A9A9A;
	display: inline;
	float: right;
	margin-right: 30px;
}
.wp-block-coblocks-social:not(.is-style-text):not(.is-style-icon-and-text) .wp-block-coblocks-social__button {
	padding: 0px !important;
}
.wp-block-coblocks-social.has-colors .wp-block-coblocks-social__button--linkedin {
	background-color: #242524 !important;
}