/*!
Theme Name: chainridge-capital
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chainridge-capital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

chainridge-capital is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@-webkit-keyframes opacity {
	0% {
		opacity: 0; }
	25% {
		opacity: 0; }
	50% {
		opacity: .5; }
	75% {
		opacity: .75; }
	100% {
		opacity: 1; } }

@keyframes opacity {
	0% {
		opacity: 0; }
	25% {
		opacity: 0; }
	50% {
		opacity: .5; }
	75% {
		opacity: .75; }
	100% {
		opacity: 1; } }

@-webkit-keyframes slide {
	0% {
		transform: translateY(6rem); }
	100% {
		transform: translateY(0); } }

@keyframes slide {
	0% {
		transform: translateY(6rem); }
	100% {
		transform: translateY(0); } }

@-webkit-keyframes slide-long {
	0% {
		transform: translateY(8rem); }
	100% {
		transform: translateY(0); } }

@keyframes slide-long {
	0% {
		transform: translateY(8rem); }
	100% {
		transform: translateY(0); } }

@-webkit-keyframes slide-top {
	0% {
		transform: translateX(-6rem); }
	100% {
		transform: translateX(0); } }

@keyframes slide-top {
	0% {
		transform: translateX(-6rem); }
	100% {
		transform: translateX(0); } }

@-webkit-keyframes slide-left {
	0% {
		transform: translateX(0); }
	100% {
		transform: translateX(-2rem); } }

@keyframes slide-left {
	0% {
		transform: translateX(0); }
	100% {
		transform: translateX(-2rem); } }

@-webkit-keyframes opacity-intro {
	0% {
		opacity: .8; }
	100% {
		opacity: 1; } }

@keyframes opacity-intro {
	0% {
		opacity: .8; }
	100% {
		opacity: 1; } }

@-webkit-keyframes checklist {
	0% {
		transform: scale(0.5);
		opacity: .5; }
	50% {
		transform: scale(1.5);
		opacity: .7; }
	100% {
		transform: scale(1);
		opacity: 1; } }

@keyframes checklist {
	0% {
		transform: scale(0.5);
		opacity: .5; }
	50% {
		transform: scale(1.5);
		opacity: .7; }
	100% {
		transform: scale(1);
		opacity: 1; } }

*,
*::after,
*::before {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	outline: none; }
*:focus,
*::after:focus,
*::before:focus {
	outline: none; }

body {
	box-sizing: border-box; }

input[type="search"] {
	-webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none; }

figure {
	margin: 0; }

button {
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	outline: none; }

a {
	display: block;
	outline: none; }

section {
	outline: none; }

ul,
ol {
	list-style-type: none; }

html {
	font-size: 62.5%; }

body {
	color: white;
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-family: "Open Sans", sans-serif; }
@media (max-width: 38em) {
	body {
		font-size: 1.4rem;
		line-height: 2rem; } }
h1, h2, h3,
h4, h5,
h6,
p {
	cursor: default;
	margin: 0; }

a {
	text-decoration: none; }

h2 {
	font-size: 4rem;
	font-weight: 400; }
@media (max-width: 38em) {
	h2 {
		font-size: 2.4rem; } }
h2.center {
	text-align: center; }

p {
	color: rgba(255, 255, 255, 0.8); }

.footer-wrapper {
	width: 100%;
	padding: 2.4rem;
	border-top: 0.1rem solid rgba(80, 172, 192, 0.2); }
@media (max-width: 64em) {
	.footer-wrapper {
		padding: 1.2rem 1.8rem; } }
.footer {
	max-width: 136rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between; }
@media (max-width: 38em) {
	.footer {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center; } }
.footer p {
	opacity: .6; }
@media (max-width: 38em) {
	.footer p {
		padding-top: 1.6rem;
		text-align: center; } }
.footer ul {
	display: flex; }
.footer ul li:first-child {
	margin-right: 4.4rem; }
.footer ul li a {
	color: white;
	transition: all .25s ease-in-out; }
.footer ul li a:hover {
	color: #50ACC0; }

.root {
	background-image: linear-gradient(to bottom, #000000 0%, #434343 100%);
	padding-top: 8rem; }
@media (max-width: 64em) {
	.root {
		padding-top: 5.16rem; } }
.wrapper {
	padding: 0 2.4rem;
	position: relative; }
.wrapper .background-image {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: .2;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain; }

.container {
	max-width: 136rem;
	margin: 0 auto;
	padding: 16rem 0; }
@media (max-width: 64em) {
	.container {
		padding: 8rem 0; } }
.container--contact {
	background-image: linear-gradient(to right, rgba(67, 67, 67, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
	padding: 0;
	margin: 8rem auto;
	border-radius: 1.6rem;
	overflow: hidden; }
.container--flex {
	display: flex; }
@media (max-width: 64em) {
	.container--flex {
		flex-direction: column; } }
.row {
	flex: 1; }
.row--flex {
	display: flex; }
.row--center {
	align-items: center;
	justify-content: center; }
.row--after {
	position: relative; }
@media (max-width: 38em) {
	.row--after {
		display: none; } }
.row--after:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(80, 172, 192, 0.5); }

.fit-image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover; }

.header {
	width: 100%;
	padding: 2.4rem;
	box-shadow: 0 0.3rem 1.6rem 0 rgba(0, 0, 0, 0.16);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.8); }
@media (max-width: 40em) {
	.header {
		padding: 1.2rem 1.8rem; } }
.header__container {
	max-width: 136rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between; }

.nav {
	display: flex;
	transition: all .25s ease-in-out; }
@media (max-width: 38em) {
	.nav {
		position: absolute;
		right: 0;
		top: 4.6rem;
		transform: translateX(100%);
		flex-direction: column;
		background-image: linear-gradient(to right, #434343 0%, black 100%);
		width: 100vw;
		height: 100vh;
		overflow-y: scroll;
		padding: 8rem 1.8rem; }
	.nav.active {
		transform: translateX(0); } }
.nav ul {
	display: flex; }
@media (max-width: 38em) {
	.nav ul {
		flex-direction: column; } }
@media (max-width: 38em) {
	.nav li {
		margin-bottom: 6.4rem; } }
.nav li:not(:last-child) {
	margin-right: 4.4rem; }
@media (max-width: 38em) {
	.nav li:not(:last-child) {
		margin-right: 0;
		border-bottom: 0.1rem solid rgba(255, 255, 255, 0.5);
		padding-bottom: 6.4rem; } }
.nav li a {
	color: white;
	font-size: 1.6rem;
	line-height: 1.6rem;
	transition: all .25s ease-in-out; }
@media (max-width: 38em) {
	.nav li a {
		font-size: 2.4rem; } }
.nav li a:hover {
	color: #50ACC0; }

.about-us .column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; }
@media (max-width: 38em) {
	.about-us .column{
		flex-direction: column; } }
.about-us p {
	flex: 0 1 calc(50% - 4rem);
	padding-bottom: 2.4rem; }
@media (max-width: 38em) {
	.about-us p {
		flex: 1; } }
.banner {
	max-width: 120rem;
	margin: 0 auto; }
.banner__header {
	padding-bottom: 4rem; }
@media (max-width: 38em) {
	.banner__header {
		padding-bottom: 2rem; } }
.banner__header h2 {
	display: flex;
	align-items: center; }
@media (max-width: 38em) {
	.banner__header h2 {
		text-align: center;
		line-height: 3.2rem; } }
.banner__header h2 span {
	position: relative;
	min-width: 2.4rem;
	min-height: 2.4rem;
	border: 0.1rem solid #50ACC0;
	border-radius: 50%;
	display: block;
	margin-right: 1.6rem; }
@media (max-width: 38em) {
	.banner__header h2 span {
		display: none; } }
.banner__header h2 span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: #50ACC0; }
.banner__info {
	display: flex;
	align-items: center;
	justify-content: space-between; }
@media (max-width: 38em) {
	.banner__info {
		flex-direction: column;
		align-items: center;
		justify-content: center; } }
.banner__info p {
	max-width: 64rem;
	font-size: 2rem;
	margin-left: 4rem;
	opacity: .8;
	line-height: 2.8rem; }
@media (max-width: 48em) {
	.banner__info p {
		font-size: 1.4rem;
		line-height: 2rem;
		max-width: 32rem; } }
@media (max-width: 38em) {
	.banner__info p {
		text-align: center;
		margin-left: 0;
		margin-bottom: 3.2rem; } }
.banner__info a {
	margin-left: auto; }
@media (max-width: 38em) {
	.banner__info a {
		margin-left: 0; } }
.burger {
	width: 3.6rem;
	height: 2.2rem;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	position: relative; }
@media (max-width: 38em) {
	.burger {
		display: flex; } }
.burger__line {
	height: .3rem;
	background-color: #50ACC0;
	width: 100%;
	border-radius: 100rem;
	transition: all .25s ease-in-out; }
.burger.active {
	justify-content: center;
	align-items: center; }
.burger.active .burger__line--middle {
	position: absolute;
	transform: translateX(100vw); }
.burger.active .burger__line--top {
	transform: rotate(45deg) translateY(0.2rem); }
.burger.active .burger__line--bottom {
	transform: rotate(-45deg) translateY(-0.2rem); }

.button {
	background-color: #50ACC0;
	border-radius: .4rem;
	padding: 1rem 4.8rem;
	color: white;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .1rem;
	transition: all .25s ease-in-out; }
@media (max-width: 38em) {
	.button {
		font-size: 1.4rem; } }
.button:hover {
	background-color: #3b90a3; }

.contact-form {
	width: 100%; }
.contact-form__row span {
	width: 100%;
}
.contact-form__row {
	position: relative;
	margin-bottom: 2.4rem;
	display: flex; }
.contact-form__row input {
	width: 100%;
	border: 0.1rem solid rgba(255, 255, 255, 0.4);
	color: white;
	padding: 1.6rem 2.4rem;
	border-radius: .4rem;
	background-color: transparent;
	transition: all .25s ease-in-out; }
.contact-form__row input:focus {
	outline: none;
	border: 0.1rem solid rgba(80, 172, 192, 0.4); }
.contact-form__row input::-webkit-input-placeholder {
	color: white; }
.contact-form__row input::-moz-placeholder {
	color: white; }
.contact-form__row input:-ms-input-placeholder {
	color: white; }
.contact-form__row input::-ms-input-placeholder {
	color: white; }
.contact-form__row input::placeholder {
	color: white; }
.contact-form__row textarea {
	color: white;
	transition: all .25s ease-in-out;
	border-radius: .4rem;
	font-family: "Open Sans", sans-serif;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 1.6rem 2.4rem;
	min-height: 20rem; }
.contact-form__row textarea:focus {
	outline: none;
	border: 0.1rem solid rgba(80, 172, 192, 0.4); }
.contact-form__row textarea::-webkit-input-placeholder {
	color: white; }
.contact-form__row textarea::-moz-placeholder {
	color: white; }
.contact-form__row textarea:-ms-input-placeholder {
	color: white; }
.contact-form__row textarea::-ms-input-placeholder {
	color: white; }
.contact-form__row textarea::placeholder {
	color: white; }
.contact-form__row input[type="submit"] {
	display: inline-block;
	width: auto;
	background-color: #50ACC0;
	border: none;
	border-radius: .4rem;
	padding: 1.6rem 4.8rem;
	color: white;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .1rem;
	transition: all .25s ease-in-out;
	margin-left: auto; }
@media (max-width: 38em) {
	.contact-form__row input[type="submit"] {
		width: 100%;
		font-size: 1.4rem; } }
.contact-form__row input[type="submit"]:hover {
	background-color: #3b90a3; }

.hero-wrapper {
	width: 100%;
	padding: 0 2.4rem; }

.hero {
	display: flex;
	height: 60vh;
	max-width: 136rem;
	margin: 0 auto; }
@media (max-width: 64em) {
	.hero {
		padding-top: 12rem;
		height: auto; } }
@media (max-width: 38em) {
	.hero {
		padding-top: 8rem; } }
.hero--full {
	min-height: 100vh; }
.hero__info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start; }
@media (max-width: 64em) {
	.hero__info {
		flex: 2;
		padding-right: 4rem; } }
.hero__info h1 {
	font-size: 4rem;
	font-weight: 400;
	line-height: 5.6rem;
	margin-bottom: 4rem; }
@media (max-width: 38em) {
	.hero__info h1 {
		font-size: 2.4rem;
		line-height: 3.2rem; } }
.hero__info h1 span {
	color: #50ACC0; }
.hero__info--contact {
	padding: 4rem; }
@media (max-width: 38em) {
	.hero__info--contact {
		padding: 2.4rem; } }
.hero__info--contact h1 {
	margin-bottom: 1rem; }
@media (max-width: 38em) {
	.hero__info--contact h1 {
		margin-bottom: 0; } }
.hero__info--contact p {
	line-height: 2.4rem;
	font-size: 2.4rem;
	margin-bottom: 4rem; }
@media (max-width: 38em) {
	.hero__info--contact p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 2.4rem; } }
.hero__image {
	flex: 1; }
@media (max-width: 38em) {
	.hero__image {
		display: none; } }
.hero__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain; }

.logo {
	width: 24rem; }
@media (max-width: 38em) {
	.logo {
		width: 18rem; } }
.logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain; }

.our-vision {
	display: flex;
	flex-direction: column;
	align-items: flex-start; }
@media (max-width: 64em) {
	.our-vision {
		padding-top: 8rem; } }
.our-vision h2 {
	padding-bottom: 2.4rem; }
.our-vision p {
	padding-bottom: 1.6rem; }
.our-vision a {
	margin-top: 2.4rem; }
@media (max-width: 64em) {
	.our-vision__image {
		height: 20rem; } }
@media (max-width: 38em) {
	.our-vision__image {
		height: 10rem; } }
.portfolio h2 {
	text-align: center; }

.portfolio p {
	text-align: center;
	max-width: 80rem;
	margin: 0 auto;
	padding: 2rem 4rem 8rem; }
@media (max-width: 38em) {
	.portfolio p {
		padding: 2rem 4rem 4rem; } }
.portfolio__items {
	display: flex;
	flex-wrap: wrap; }

.portfolio__item {
	background-image: linear-gradient(to right, rgba(67, 67, 67, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
	padding: 1.6rem;
	margin: 2rem;
	flex: 0 1 calc(25% - 4rem);
	border-radius: 1.6rem;
	overflow: hidden; }
@media (max-width: 64em) {
	.portfolio__item {
		flex: 0 1 calc(33% - 4rem); } }
@media (max-width: 48em) {
	.portfolio__item {
		flex: 0 1 calc(50% - 4rem); } }
@media (max-width: 38em) {
	.portfolio__item {
		flex: 0 1 calc(100% - 4rem); } }
.portfolio__item__img {
	height: 4rem;
	margin-bottom: 2.4rem; }
@media (max-width: 38em) {
	.portfolio__item__img {
		height: 2rem; } }
.portfolio__item__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain; }
.portfolio__item__info p {
	text-align: left;
	padding: 0 0 1.6rem;
	font-size: 1.6rem;
	color: #50ACC0; }
@media (max-width: 38em) {
	.portfolio__item__info p {
		font-size: 1.4rem;
		line-height: 2rem; } }
.portfolio__item__info p span {
	color: white;
	display: block; }
.portfolio__item__info p span a {
	color: white;
	display: block; }

.section-subtitle {
	text-align: center;
	padding: 2.4rem 0 6.4rem;
	max-width: 48rem;
	margin: 0 auto;
	font-size: 2.4rem;
	line-height: 3.2rem; }
@media (max-width: 38em) {
	.section-subtitle {
		font-size: 1.6rem;
		line-height: 2.4rem;
		padding: 1.6rem 0 4rem; } }
.section-subtitle span {
	color: #50ACC0; }

div.wpcf7 .ajax-loader {
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
}

.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
	font-size: 1.6rem !important;
	line-height: 2.4rem !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #FDEE85 !important;
	max-width: 80rem !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2rem 0 0 !important;
}