@charset "UTF-8";
/*
Theme Name: Golden Ratio Management Corporation
Theme URI: 
Author: Red Spot Web Design
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
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 with others.

Website Name is based on Underscores https://underscores.me/, (C) 2012-2018 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/
*/


/*###################################
# General Styles
###################################*/

* { box-sizing: border-box; }
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0 auto; width: 100%; overflow: hidden;}
a, a:visited {color: inherit; text-decoration: none; -webkit-transition: all .5s ease; text-decoration: none !important;}
a, img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
a:focus {outline: none!important;}
h1, h2, h3, h4, h5, h6, p, li, ul, ol {margin-top: 0;}
/* p:last-of-type { margin-bottom: 0!important; } */

/*###################################
## Layouts
###################################*/

.dbl { display: inline; }
.db { display: block!important; }
.tc { text-align: center; }
.lr { left: 0!important; right: 0!important; }
.mgla { margin: 0 0 0 auto!important; }
.mgla .e-con-inner { margin: 0 0 0 auto!important; }
.mgra .e-con-inner { margin: 0 auto 0 0!important; }
.mg, .mg .e-con-inner { margin: 0 auto!important; }
.mid { transform: translateY(-50%)!important; }
.full-width { width: 100%; left: 0; right: 0; }

/* .btn.lg .elementor-button { max-width: 100%!important; width: 100%!important; }
.btn .elementor-button { max-width: 200px!important; width: 100%!important; } */

/*###################################
## HEADER
###################################*/

/* body.elementor-editor-active #site-header { } */
/* body:not(.elementor-editor-active) #site-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } */
body:not(.elementor-editor-active) #site-header.sticky .site-logo img { max-width: 100px; }
body:not(.elementor-editor-active) #site-header.sticky { background: #1A1A2E; }

.main-navigation .elementor-nav-menu { justify-content: space-between!important; width: 100%; }
.main-navigation .elementor-nav-menu li {  }
.main-navigation .elementor-nav-menu::after { content: none !important; display: none !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; }

/*###################################
## CONTENT
###################################*/
	
	.sm-text { font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 20px; color: #19192C; display: block; line-height: 1.2em; margin: 10px 0 0; }
	.content-title, .content-header { position: relative; }
	.content-title::before { content: ''; background: #6C6C6C; width: 1px; height: 100px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; z-index: 2; }
	.content-header::after { content: ''; background: #6C6C6C; width: 150px; height: 1px; position: absolute; left: 0; bottom: 0; }
	.content-list ul { margin: 0; padding: 0 0 0 20px; }
	.content-list ul li { padding: 0 0 15px; }
	.content-list ul li:last-of-type { padding: 0!important; }
	.content-list.alt ul li { padding: 0 0 5px; }
	
	/* BANNER */
	
	.banner-section, .banner-img { position: relative; }
	.banner-content { z-index: 2!important; }
	.banner-section::after { content: ''; background: url('https://grtmscomstg.wpenginepowered.com/wp-content/uploads/2025/05/blur.webp')no-repeat center left; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
	.banner-img::before { content: ''; background: linear-gradient( to right, rgb( 201 167 79 / 10% ), rgb( 201 167 79 / 90% ) ); width: 100%; height: 200px; position: absolute; left: 0; right: 0; bottom: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: 1; }
	.banner-img::after { content: ''; background: #FFFFFF; width: 100%; height: 100px; position: absolute; left: 0; right: 0; bottom: -1px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: 2; }

	.banner-section.inner::after { content: ''; background: rgb( 25 25 45 / 90% )!important; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
	

	/* CONTENT */
	
	.site-section { position: relative; }
	.site-section > .e-con-inner::before { content: ''; background: linear-gradient( to right, rgb( 201 167 79 / 90% ), rgb( 201 167 79 / 10% ) ); width: 100%; height: 200px; position: absolute; top: 0; left: 0; right: 0; clip-path: polygon(0 0, 0% 100%, 100% 0); z-index: 1; }
	.site-section::after { content: ''; background: #FFFFFF; width: 100%; height: 100px; position: absolute; top: -1px; left: 0; right: 0; clip-path: polygon(0 0, 0% 100%, 100% 0); z-index: 2; }

	.double-angle::after { content: ''; background: linear-gradient( to right, rgb( 201 167 79 / 10% ), rgb( 201 167 79 / 90% ) ); width: 100%; height: 200px; position: absolute; left: 0; right: 0; bottom: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: 1;}
	.double-angle-alt::after { content: ''; background: #FFFFFF; width: 100%; height: 100px; position: absolute; left: 0; right: 0; bottom: -1px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: 3;  }
	.double-angle-alt.blue::after { content: ''; background: #1A1A2E; width: 100%; height: 100px; position: absolute; left: 0; right: 0; bottom: -1px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: 3;  }

	.diff-item:hover h4, .diff-item:hover h4 span { color: #FFFFFF!important; }
	.diff-item h4 span { font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 18px; color: #6C6C6C; display: block; }
	.diff-item .icon-hover, .diff-item:hover .icon-main { opacity: 0; display: none; }
	.diff-item:hover .icon-hover { opacity: 1; display: block; }

/*###################################
## INNER
###################################*/
	
	/* COMPANY */
	
	.company-section, .double-angle, .double-angle-alt { position: relative; }
	.company-section::after { content: ''; background: #FFFFFF; width: 100%; height: 100px; position: absolute; top: -1px; left: 0; right: 0; clip-path: polygon(0 0, 0% 100%, 100% 0); z-index: 2; }
	.company-section.blue::after { content: ''; background: #1A1A2E; width: 100%; height: 100px; position: absolute; top: -1px; left: 0; right: 0; clip-path: polygon(0 0, 0% 100%, 100% 0); z-index: 2; }
	
	.unique-section .e-con-inner::before { display: none!important; }

	/* CAREERS */

	.process-title::after { content: ""; width: 15px; height: 15px; border-right: 1px solid #FFFFFF80; border-bottom: 1px solid #FFFFFF80; transform: rotate(-45deg); position: absolute; right: 1px; bottom: -8px;}

	/* 	 */

	.how-item .content-list { margin: 15px 0 0; }
	.how-item .content-list ul li { color: #6C6C6C; }
	
	/* ABOUT */
	
	.mfp-content { max-width: 1366px!important; border-radius: 10px!important; }
	
/* 	.team-pop .profile-card { box-shadow: none!important; }
	.mfp-wrap.ekit-team-modal .mfp-content { max-width: 1366px!important; width: 100%!important; }
	.mfp-wrap.ekit-team-modal .modal-body { padding: 50px!important; }	
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-img img { height: auto!important; border-radius: 10px!important; object-fit: cover!important; }	
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-info { display: flex; flex-wrap: wrap; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-title, .mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-position, .mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-list { width: 100%; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-content { order: 1; }	
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-content p { margin: 0 0 25px!important; line-height: 1.4em!important; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-content a { font-weight: 700; color: #19192C!important; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-content p:last-of-type { margin: 0!important; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-list li { padding: 0; border: 0; }	
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-list li strong { color: #C9A74F!important } */

/*###################################
## RESPONSIVE
###################################*/


@media screen and (max-width: 1160px){
	
	/* CONTENT */
	
	.title-alt .db { display: inline!important; }
	.site-section .e-con-inner::before, .banner-img::before, .double-angle::after  { height: 100px; }
	.site-section::after, .banner-img::after, .double-angle-alt::after, .company-section::after { height: 50px; }
	
	
	
}

@media screen and (max-width: 1023px){
	
	
	body:not(.elementor-editor-active) #site-header.sticky .site-logo img { max-width: 60px; }
	
	.social-media { padding-top: 5px!important; }
    .social-media .elementor-social-icon i { font-size: 16px!important; }
}

@media screen and (max-width: 767px){
	
	.body { min-width: 380px!important; }
	.db { display: inline!important; }
	
	/* CONTENT */
	
	.content-title::before, .site-section .e-con-inner::before, .banner-img::before, .double-angle::after, .site-section::after, .banner-img::after, .double-angle-alt::after, .company-section::after { display: none!important; }
	.content-header::after { content: ''; background: #6C6C6C; width: 150px; height: 1px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; }
	
	/* INNER */
	
	.how-item .content-list ul { text-align: left; }
	
	/* ABOUT */

	.mfp-wrap.ekit-team-modal .modal-body { padding: 20px!important; }	
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-info, .mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-img { max-width: 100%!important; width: 100%!important; flex: 100%!important; padding: 0!important; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-img { margin-bottom: 30px!important; }
	.mfp-wrap.ekit-team-modal .modal-body .ekit-team-modal-content p { margin: 0 0 15px!important; }
	
}

@media screen and (max-width: 640px){
	
	.services-item, .why-item, .process-item, .how-item { width: 100%!important; }
	
}