/**
* Theme Name: Emmet Lite
* Theme URI: https://motopress.com/products/emmet/
* Author: MotoPress
* Author URI: https://motopress.com/
* Description: Clean and responsive WordPress theme with a professional design created for corporate and portfolio websites. Emmet comes packaged with page builder and fully integrated with WordPress Customizer. Theme works perfect with major WordPress plugins like WooCommerce, bbPress, BuddyPress and many others. After installing the theme navigate to Appearance > Theme Wizard.
* Version: 1.7.9
* Tested up to: 6.5
* Requires PHP: 5.6
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: one-column,two-columns,right-sidebar,buddypress,custom-colors,custom-menu,featured-images,full-width-template,post-formats,theme-options,translation-ready,custom-header,custom-background,editor-style,threaded-comments,custom-logo
* Text Domain: emmet-lite
* Domain Path: /languages/
*/

.red {color: #ff0000; color: #8e14c1;}
.gold {color: #dda90e;}
.golddark {color: #e69506; color: #dda90e;}
.white {color: #fff;}
.black {color: #1a1a1a;}
.dark {color: #1a1a1a;}
.bold1 {font-weight: bold; font-weight: 800;}
h2.bigtitle {font-size: 36px; font-weight: bold!important;}
h2 {font-weight: 800;}
h3 {line-height: 1.25em!important;}
h5 {font-size: 22px;}
/* a {text-decoration: underline!important;} */
a:hover {text-decoration: none!important; color: #999!important;}
strong {font-weight: 800;}

.clear {clear: both;}
.you-wrap {display: block; width: 90%; margin: 30px auto 20px auto;}
.col50 {display: block; float: left; width: 49%; margin: 0 0 25px 0; padding: 10px;}
.bullet4 {margin: 0 7px 4px 0;}
.breadcrumb {margin: 14px auto 0 auto!important; font-size: 11px; text-align: center;}
.moveright {text-align: right;}
.container {width: 1100px;}
.button {border-radius: 9px;}
.copyright {font-size: 11px;}
.cta-inline {background: #f5f5f5; border-radius: 9px; padding: 20px 12px 2px 12px; margin: 10px 0;}

.moveright {text-align: right;}
.section-content ul, .entry-content ul, .comment-content ul {
    margin-left: 35px;
}

.top-header {display: none;}
.site-header {
	background-color: #000; 
	background-image: url("https://realworldimpactmetrics.com/wp-content/uploads/2025/04/top-grad.png"); 
	background-position: top center;
	background-repeat: no-repeat;
}


.shadow-add {box-shadow:0 4px 12px -5px rgba(0,0,0,.5)}


.main-header {
    position: sticky;
	position: -webkit-sticky;
    top: 0;
	z-index: 990;
	background: #000;
	border-bottom: solid 0px #dda90e;
}
.sf-menu>li>a {color: #fff;}
 .sf-menu a:hover {color: #e69506;}
  
sup {font-size: 70%; padding-bottom: 15px;}

.pixborder {border-radius: 34px 4px 34px 4px; box-shadow: 0 5px 5px -4px gray;} 

.bigger {font-size: 120%;}
.small2 {font-size: 10px;}
.big2 {font-size: 103%;}

.basic {padding; 2px; border: solid 1px #ccc;}
.green {background: #c4f3ce!important;}
.yellow {background: #fefb9c!important;}
.blu {background: #cdeaf5!important;}  
.biopix {width: 300px; border-radius: 20px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}

/* big title section */

.top-bullets {font-size: 26px;}
.section-content .col50 {margin-bottom: 54px;}

.glass {
	display: block;
	float: right;
	width: 365px;
	height: 212px;
	padding: 20px 14px 14px 14px;
	margin: 20px 85px 30px auto;
	background: rgba(255, 255, 255, 0.2);
	background: rgba(221, 169, 14, 0.3);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	line-height: 30px;
}
.spacer-10 {height: 10px;}
.spacer-20 {height: 20px;}
.spacer-30 {height: 30px;}
.spacer-40 {height: 40px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}

/* contact */
.contact-form {width: 460px; margin: 0 auto; padding: 20px; border-radius: 8px; border: solid 1px #ccc;}

/* assessment */
.assess-form {width: 75%;}
.assess-form label {margin-bottom: 1px; font-weight: bold;}
 .assess-form span {margin-top: 10px;}
 .assess-form .wpcf7-list-item-label {color: #000!important}

.assess-form label {
    margin-bottom: 1px;
    font-weight: normal;
	font-size: 16px;
}
.tiny {font-size: 12px;}
.site-main .assess-form input[type="text"] {color: #999; width: 100%!important;}
.site-main .assess-form input[type="email"] {color: #999; width: 100%!important;}

.assess-form  input[type="text"] {width: 100%!important;}
.assess-form input[type="email"] {width: 100%!important;}
.assess-form  input[type="tel"] {width: 100%!important;}
.assess-form input[type="text"] {width 100%;}
 
/* 
.wpcf7-form-control-wrap {width: 100%; background: pink;}
.wpcf7-select {width: 100%; background: gold;}
.wpcf7-form-control .wpcf7-textarea {width: 100%; background: gold;}
.wpcf7-form-control-wrap input[type="text"] {color: #999!important; width: 100%!important; background: gold;}  
.wpcf7-textarea {width: 100%; background: gold;}
*/

#myVideo {
 
	 position: absolute;
     top: -150px;
     left: 0px;
     padding: 0;
     z-index: -1000;
     overflow: hidden;
  min-width: 100%;
  min-height: 100%;
}

.transparent-section {
  text-align: center;
  color: #ffffff;
  background: rgba(30, 30, 30, 0.88);
}

.big-section {border: solid 0px gold;}
.big-section .container {border: solid 0px gold; }
.big-section .section-content {padding: 75px 0 75px; border: solid 0px pink;} /* padding for sections */
.big-section h1 {margin: 20px 0;} 

.big-section .section-title {margin: 2px 0;} 
.big-section .section-buttons {position: relative; margin: 0 auto 16px 30%; z-index: 200;}

.big-sub {font-size: 30px; color: #dda90e; color: #fff; font-weight: bold;}
.big-sub2 {font-size: 26px; color: #fff;}

sup1 { width: 18px; font-size: 14px; font-weight: normal; margin: 0; padding: 20px 0 -20px 0;}
sup2 {font-size: 40%;}

.footnote {font-size: 11px; color: #999;}
.footnote a {text-decoration: underline!important;} 
.footnote2 {font-size: 14px;}
.footnote2 a {text-decoration: underline!important;} 

/* welcome */

.white-section {
	background: url("https://realworldimpactmetrics.com/wp-content/uploads/2025/06/section2-bw-bkgd.webp"); 
	background-repeat: no-repeat;
	background-size: cover;
 }
.first-sub {font-size: 28px; line-height: 30px; color: #e69506; color:  #dda90e;}
.first-sub2 {font-size: 32px; line-height: 36px; color: #000; font-weight: bold;}
.first-sub3 {font-size: 24px; line-height: 30px; color: #1a1a1a;}

.welcome-section .section-content {padding: 40px 0 40px;}
.welcome-section .section-description {text-align: center; color: #555;}

.section-buttons {margin: 0 auto 16px 30%;}
.section-buttons3 {margin: 40px 0 50px 43%;}

.wel-sub-border {display: block; width: 78%; font-size: 26px; color: #1a1a1a; padding: 1px; margin: 0;}
.wel-sub {font-size: 26px;}

/* section 2 */

.grey-section {
	background: url("https://realworldimpactmetrics.com/wp-content/uploads/2025/06/section3-black.webp");
		background-repeat: no-repeat;
	background-size: cover; 
}
.grey-section {height: 525px;}
.grey-section .container .row {padding: 10px 0 10px 0!important border: solid 1px red;}

.third-section .section-content {padding: 75px 0 0 0;}
/* Welcome 3 section */
.whitebigger {font-size: 26px; color: #fff;}
.darkbig {font-size: 26px; line-height: 30px; color: #1a1a1a;}

.white-section3 {
	background: url("https://realworldimpactmetrics.com/wp-content/uploads/2025/06/section4-background25555.webp"); 
	background-repeat: no-repeat;
	background-size: cover; 
 }
.welcome-section3 .section-content {margin: 40px 0 50px; }

welcome-right3 { /* use for W3 right side image fade in*/ }

.page-menu {
	display: block; 
	float: none; 
	width: 670px; 
	text-align: center;
	margin: 10px auto 0 auto; 
	padding: 6px; font-size: 18px; 
	border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.page-menu a {color: #999; font-weight: bold;}
.page-menu a:hover {color: #ccc; font-weight: bold; text-decoration: none;}
 
/* form */

.forum-nav {display: block; width: 312px; text-align: center; margin: 0; float: right;  padding: 5px; font-size: 15px; border: solid 1px #ccc;}
.forum-nav a {color: #555; padding: 4px 10px; }

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
    background: #8e14c1!important;
}

/* secondary pages with image */
.breadcrumb-wrapper {border: solid 0px gold;}

.header-image.with-header-image {
    min-height: 30px;
}

.header-image.with-header-image .page-title {
	display: none;
    margin: 10px 0;
    color: #fff;
}

.get-copy p {font-size: 20px!important;}

.faq-sub {color: #8e14c1; font-size: 20px;}

/* footer */
.footer-sidebar a {}
.widget li {float: left; margin: 0 14px 0 0;}

/* Mobile */
@media (max-width: 767px) {
	
	.site-header {background-color: #000; 
	background-image: url("x"); 
	background-position: top right;
	background-repeat: no-repeat;
}
	
	.container {width: 95%;}
	.page-menu {
	width: 100%; 
	text-align: center;
	margin: 10px auto 0 auto; 
	padding: 6px; font-size: 18px; 
	}
	.col50 {float: left; width: 90%; margin: 0 auto 0 auto!important; padding: 10px;}
	.spacer-10 {height: 8px;}
	.spacer-20 {height: 8px;}
	.spacer-30 {height: 8px;}
	.spacer-40 {height: 8px;}
	.breadcrumb {display: none;}
	
	.main-container {margin-top: 10px;}
	h1 {font-size: 32px;}
	h2 {font-size: 28px;}
	h3 {font-size: 26px;}
	
	.glass {
    display: block;
    float: right;
    width: 330px;
    height: auto;
    padding: 20px 14px 14px 14px;
    margin: 10px auto;
    line-height: 30px;
	}
	
	.contact-form {width: 90%; margin: 0 auto; padding: 10px; border-radius: 5px; border: solid 0px #ccc;}

	.big-section .section-buttons {position: relative; margin: 0 auto 16px auto; z-index: 200;}
	
	.section-buttons {text-align: center; margin: 0 auto;}
	.section-buttons3 { text-align: center; margin: 0 auto;}
	.grey-section {height: auto;}
	.biopix {width: 250px; border-radius: 20px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
	.page-menu {
	width: 90%; 
	text-align: center;
	margin: 10px auto 0 auto; 
	padding: 6px; font-size: 13px; 
	 }
	
	.size-large {width: 250px;}
	
	)