/* 
Theme Name: Marketgrader Child Theme
Theme URI: https://marketgrader.com/
Description: This is the custom child theme of Hello Elementor for Marketgrader.com
Author: Juan BE
Author URI: https://marketgrader.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: marketgrader-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/



/* Defaults */

strong {
  font-weight: 600;
}
.fontsize14 {
    font-size: 14px;
}

.container-shadow {
  box-shadow: 0 1px 12px 0 rgba(12, 19, 36, 0.08);
}

/* Header Menu */

.elementor-location-header .elementor-nav-menu--main .has-submenu {
	cursor: default;
}

.figure-no-bottom-padding{
	margin-bottom: 4px !important;
}
.figure-no-top-padding{
	margin-top: 4px !important;
}
.single-blog-post-content .wp-block-table {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.no-wrap {
  white-space: nowrap;
}
/*
    Custom Styles for the Barron's 400 newsletter archive section
*/


.b400-nl-item-container {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	max-width: 900px;
	padding: 0 15px;
	margin: 0 auto;
}

.b400-nl-description {
	margin: 20px 0;
}
.b400-nl-item:nth-child(even) {
	background-color: #fff;
}
.b400-nl-item:nth-child(odd) {
	background-color: #fafafa;
}

.b400-nl-item{
	width: 100%;
	display: flex;
	flex-flow: row;
	align-items: center;
	padding: 15px 0;
}

.b400-nl-item-date{
	min-width: 100px;
	max-width: 25%;
	margin-left: 15px;

}
.b400-nl-item-title{
	color:#304a89;
	align-self: center;
}

.b400-nl-item-title h5 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.b400-nl-item-title a{
	color:#304a89;
}
.b400-nl-item-title a:hover{
	color:#1c2b50;
}

/*
    Custom Styles for Single Blog Post
*/

.single-post {}

.single-blog-post-content {}

.single-blog-post-content a {
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
	text-decoration-color: #52CAFF;
	text-decoration-thickness: 2px;
}

.insight-content-container a{
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
	text-decoration-color: #52CAFF;
	text-decoration-thickness: 2px;
}
.insight-content-container .wp-block-file__button{
	color:#ffffff;
}
.single-blog-post-content .wp-block-file__button{
	color:#ffffff;
}
.insight-content-container .wp-block-file__button:hover{
	color:#52CAFF;
}
.single-blog-post-content .wp-block-file__button:hover{
	color:#52CAFF;
}
.insight-content-container a:hover {
	color:#393637;
}
.single-blog-post-content a:hover {
	color:#393637;
}

.single-blog-post-content p {
    margin-bottom: 2em;
}


.single-blog-post-content .wp-block-image {
    margin-bottom: 1em;
    margin: 3em 0;
}


.single-blog-post-content .wp-block-table {
    margin-top: 3em;
    margin-bottom: 3em;
}

.single-post .elementor-location-single .elementor-widget-share-buttons::before {
  content: "Share this post: ";
  color: #fff;
  font-size: 13px
}




/* Defaults and Utilities Section */

/*font-sizes */

.font-size-14 {
	font-size: 14px;
}
.font-size-16 {
	font-size: 16px;
}
.font-size-18 {
	font-size: 18px;
}
.font-size-20 {
	font-size: 20px;
}
.font-size-22 {
	font-size: 22px;
}
.font-size-24 {
	font-size: 24px;
}
.font-size-26 {
	font-size: 26px;
}

/* Color Variables */
:root {
  --color-black: #0C1324;
  --color-darkest-blue: #0A1B39;  
  --color-darker-blue: #01234E;
  --color-blue: #023678;
  --color-light-blue: #0353A4;
  --color-lighter-blue: #0466C8;
  --color-lightest-blue: #1693DC;
  --color-mid-gray: #E2E6ED;
  --color-ice-blue: #F2F6FD;
  --color-gray-100: #FBFBFD;
  --color-gray-200: #F9F9FE;
  --color-gray-300: #EFF0F5;
  --color-gray-400: #DFE1E8;
  --color-gray-500: #D0D3DB;
  --color-gray-600: #C1C5CE;
  --color-gray-700: #A3A9B4;
  --color-gray-800: #868D9A;
  --color-gray-900: #6A7382;
  --color-positive-green: #38B44A;
  --color-neutral-yellow: #E1DE2C;
  --color-negative-red: #ED1C24;
  --color-active-orange: #FF6600;
}

/* Text color utilities */

.text-darkest-blue { color: var(--color-darkest-blue); }
.text-black { color: var(--color-black); }
.text-darker-blue { color: var(--color-darker-blue); }
.text-blue { color: var(--color-blue); }
.text-light-blue { color: var(--color-light-blue); }
.text-lighter-blue { color: var(--color-lighter-blue); }
.text-lightest-blue { color: var(--color-lightest-blue); }
.text-mid-gray { color: var(--color-mid-gray); }
.text-ice-blue { color: var(--color-ice-blue); }
.text-gray-100 { color: var(--color-gray-100); }
.text-gray-200 { color: var(--color-gray-200); }
.text-gray-300 { color: var(--color-gray-300); }
.text-gray-400 { color: var(--color-gray-400); }
.text-gray-500 { color: var(--color-gray-500); }
.text-gray-600 { color: var(--color-gray-600); }
.text-gray-700 { color: var(--color-gray-700); }
.text-gray-800 { color: var(--color-gray-800); }
.text-gray-900 { color: var(--color-gray-900); }
.text-positive-green { color: var(--color-positive-green); }
.text-neutral-yellow { color: var(--color-neutral-yellow); }
.text-negative-red { color: var(--color-negative-red); }
.text-active-orange { color: var(--color-active-orange); }

/* Background color utilities */
.bg-darkest-blue { background-color: var(--color-darkest-blue); }
.bg-black { background-color: var(--color-black); }
.bg-darker-blue { background-color: var(--color-darker-blue); }
.bg-blue { background-color: var(--color-blue); }
.bg-light-blue { background-color: var(--color-light-blue); }
.bg-lighter-blue { background-color: var(--color-lighter-blue); }
.bg-lightest-blue { background-color: var(--color-lightest-blue); }
.bg-mid-gray { background-color: var(--color-mid-gray); }
.bg-ice-blue { background-color: var(--color-ice-blue); }
.bg-gray-100 { background-color: var(--color-gray-100); }
.bg-gray-200 { background-color: var(--color-gray-200); }
.bg-gray-300 { background-color: var(--color-gray-300); }
.bg-gray-400 { background-color: var(--color-gray-400); }
.bg-gray-500 { background-color: var(--color-gray-500); }
.bg-gray-600 { background-color: var(--color-gray-600); }
.bg-gray-700 { background-color: var(--color-gray-700); }
.bg-gray-800 { background-color: var(--color-gray-800); }
.bg-gray-900 { background-color: var(--color-gray-900); }
.bg-positive-green { background-color: var(--color-positive-green); }
.bg-neutral-yellow { background-color: var(--color-neutral-yellow); }
.bg-negative-red { background-color: var(--color-negative-red); }
.bg-active-orange { background-color: var(--color-active-orange); }

/* Elementor Overriding Utilities */


.no-bg {
    background: none !important;
}
.auto-column.elementor-column {
  /* Forces the column to auto-fit its content */
  flex: 0 0 auto !important; /* override default flex basis */
  width: auto !important;
}

/* Forces a column to fill the remaining space. For use with auto-column */
.expand-column.elementor-column {
  flex: 1 1 auto !important;
  width: auto !important;
}

/* Custom Margin Utilities */
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.m-1 { margin: 0.25rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.ml-1 { margin-left: 0.25rem !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

.m-3 { margin: 1rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.ml-3 { margin-left: 1rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.m-4 { margin: 1.5rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.m-5 { margin: 3rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.ml-5 { margin-left: 3rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

/* Custom Padding Utilities */
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.p-1 { padding: 0.25rem !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pl-1 { padding-left: 0.25rem !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.p-3 { padding: 1rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pl-3 { padding-left: 1rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.p-4 { padding: 1.5rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

.p-5 { padding: 3rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pr-5 { padding-right: 3rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.pl-5 { padding-left: 3rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Nav */

.top-nav-research .top-nav-research-menu .sub-arrow i{
  color: var(--color-lightest-blue);
  font-size: 12px;
}

/*Buttons*/

.no-bg-button a{
	background: none !important;
}
.no-bg-button a:hover{
	color: var(--color-lighter-blue);
}
.underlined-link {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-blue);
  border-bottom: 4px solid var(--color-lightest-blue);
  width: fit-content;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  transition: 0.5s;
  cursor: pointer;
}
.underlined-link:hover {
  color: var(--color-darkest-blue);
  border-bottom: 4px solid var(--color-lighter-blue);
  transition: 0.5s;
}
.text-link {
  display: inline-flex;
  align-items: center;
  color: var(--color-light-blue);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  position: relative;
  padding-right: 1.2em;
}

.text-link .elementor-button{
  padding: 4px;
}
.text-link .elementor-button-text:hover,
.text-link .elementor-button-text:focus {
  color: var(--color-blue);
  text-decoration: underline;
  transition: 0.6s ease-in-out;
}

.text-link::after {
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.15em solid;
    border-right: 0.15em solid;
    transform: rotate(45deg);
    margin-left: 0.2em;
  }

.text-link .elementor-button-text:active {
    color: var(--color-blue);
}

.text-link-white {
  display: inline-flex;
  align-items: center;
  color: #FFFFFF !important; 
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  position: relative;
  padding-right: 1.2em;
}

.text-link-white:hover,
.text-link-white:focus {
  color: #F2F6FD !important; 
  text-decoration: underline;
}

.text-link-white::after {
  content: "";
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  border-top: 0.15em solid #FFFFFF; /* White arrow */
  border-right: 0.15em solid #FFFFFF; /* White arrow */
  transform: rotate(45deg);
  margin-left: 0.2em;
}

.text-link-white:active {
  color: #D9E1EC; /* Slightly darker shade of hover color for active state */
}

/* Home */

.home-quadrant-container .elementor-widget-container{
	display: flex;
	justify-content: center;
}

/* Story Pages */

.breadcrum-header a {
  color: #0466c8;
}
.breadcrum-header a:hover {
  color: #023678;
}
/* Footer */
.indexes-footer-container {
	
}
.research-footer-container {
	
}
.footer-container{
	color: #fff;
}
.footer-container .footer-social-icon i {
  background-color: #1693dc;
  border-radius: 100%;
  padding: 6px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-container .footer-social-icon i:hover {
  background-color: #fff;
  border-radius: 100%;
  padding: 6px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.6s ease;
}
.footer-container .elementor-background-overlay {
  background-position: top 0% right -85px !important;
}
.footer-container .contact-item{
	line-height: 1.6em;
}
.footer-container i{
	color: #fff;
	font-size: 22px;
	margin-right: 0.5em;
}
.footer-container .footer-nav-ul{
	list-style: none;
}
.footer-container .footer-menu-parent{
	margin-bottom: 14px;
}
.footer-container .footer-menu-parent a{
	color: #fff;
	text-decoration: none;
}
.footer-container .footer-menu-child a{
	color: var(--color-gray-900);
	text-decoration: none;
}
.footer-copyright-section {
	color: #fff;
}
.footer-copyright-section a{
	color: #fff;
}