/*
 Theme Name:   Mapotic homepage 4
 Theme URI:	   https://4.mapotic.com/wp-content/themes/dt-the7-child/
 Description:  Mapotic homepage 4
 Author:       Mapotic
 Author URI:   https://www.mapotic.com
 Template:     dt-the7
 Version:      1.2.5	
*/

a { cursor: pointer;}
.nolink-ondark a { text-decoration: none !important; color: #7b7b93 !important;}
#content p a { color: #D85538; }
#content p a:visited { color: #D85538; }

.color1 { color: #34a480; }
.color2 { color: #e94f2d; }
.textlink { color: gray; border-bottom: 1px dotted gray;  text-decoration: none !important;}

.dt-nav-menu__container .dt-nav-menu .fa-fw { color: #E54D2E; }

.elementor-widget-heading .elementor-heading-title {line-height: 1.30em;}

.mptbutton .elementor-button-icon { font-size: 11px !important; }
.thickboxes .box-heading a { font-size: 16px !important; font-weight: bold; cursor: default !important; line-height: 1.2em !important; }

/* CUSTOM STYLES */
.mpt-icon-box .elementor-icon { height:40px; }

/* MOBILE MENU STYLING  */

.dt-nav-menu li .item-content { align-items: flex-start; }
.vertical-sub-nav .mega-menu-img img { 
	margin-right: 12px;
    width: 36px;
    background-color: #35A48026;
    border-radius: 12px;
    margin-left: 0px;
    padding: 8px;
}

/* HERO */ 

.hero-buttons { margin-top:2.5rem;}
.hero-buttons .btn1 { margin: 1em 1em 1em 0em; }
.hero-buttons .btn2 { color:white; background-color: transparent !important; border: 1px solid white !important;}

.vertical-sub-nav .subtitle-text { color: #7B7B93; /* font-size:80% !important; */ line-height:14px !important;}

/* INTEGRATIONS SUBMENU */
.menu-item-78788:before {  content: "INTEGRATIONS"; color: #7B7B93; display: inline-block; width: 100px; height: 48px; padding:12px 0 10px 0; font-size:14px; }

.vertical-sub-nav .menu-item-78788, .vertical-sub-nav .menu-item-77612, .vertical-sub-nav .menu-item-78793, .vertical-sub-nav .menu-item-77613  {  background: #F2F4F6;; font-size: 15px !important; padding:8px 10px 8px 15px !important;  }

.vertical-sub-nav .menu-item-77614 {  background: #F2F4F6; font-size: 15px !important; padding:6px 10px 25px 15px !important; }

.vertical-sub-nav .inner {border:1px solid red;}

.menu-item-83135  { font-size: 13px !important; /* border-top:1px solid #DDDFE7; */ }
.menu-item-83135:before {  content: "INTEGRATIONS"; color: #7B7B93; display: inline-block; width: 100px; height: 48px; padding:6px 0 10px 0; }

/* SOLUTIONS SUBMENU */
.menu-item-83125:before {  content: "BY USE CASE"; color: #2C333854; display: inline-block; width: 150px; height: 36px; padding:3px 0 10px 0; font-size:12px; font-weight:600}
.menu-item-83124:before {  content: "BY INDUSTRY"; color: #2C333854; display: inline-block; width: 180px; height: 36px; padding:3px 0 10px 0; font-size:12px; font-weight:600}
.menu-item-92984:before {  content: "BY NEED"; color: #2C333854; display: inline-block; width: 160px; height: 36px; padding:3px 0 10px 0; font-size:12px; font-weight:600}

/* TOOLTIP */
.tooltip  {
	opacity: 1.0 !important;
}
.tooltip .tooltip-inner {
    background-color: white !important;
	/* color: white !important; */
	/* font-family: Roboto !important; */
	opacity: 1.0 !important;
	padding:15px 10px 15px 10px;
	
}
.info-icon:after {
    content: "\70";
    font-family: eleganticons;
    color: #afb5c7;
	margin-left:5px;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

.tooltip .tooltiptext {
	margin-left: -92px !important;
}

/* FORM STYLING */

.elementor-field-group-field_fa05021 label { font-size: 90% !important; line-height: 14px !important;}

/* NEW MENU */
/* Platform */
.menu-item-78802:before {  content: "INTEGRATIONS"; color: #7B7B93; display: inline-block; width: 180px; height: 44px; padding:6px 0 4px 0; font-size: 14px; }
/* Solutions */
.menu-item-78822:before {  content: "BUSSINESS"; color: #7B7B93; display: inline-block; width: 180px; height: 38px; padding:6px 0 10px 0; font-size: 14px;}
.menu-item-78818:before {  content: "SOCIAL IMPACT"; color: #7B7B93; display: inline-block; width: 180px; height: 38px; padding:6px 0 10px 0; font-size: 14px;}
/* Resources */
.menu-item-78828:before {  content: "RESOURCES"; color: #7B7B93; display: inline-block; width: 180px; height: 38px; padding:6px 0 10px 0; font-size: 14px; }
.menu-item-78831:before {  content: "COMPARE"; color: #7B7B93; display: inline-block; width: 180px; height: 38px; padding:6px 0 10px 0; font-size: 14px;}
.menu-item-78827:before {  content: "COMPANY"; color: #7B7B93; display: inline-block; width: 180px; height: 38px; padding:6px 0 10px 0; font-size: 14px;}

/* END OF MOBILE MENU STYLING  */

/* PRICING MENU */

/* .mPS2id-highlight { background: #34a480; color: white !important; } */
.mpt-price-table .elementor-price-table__subheading { line-height: 15px !important;}

/* TOOLTIPS */

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip:before {
   font-family: "Font Awesome 5 Free";
   content: "\f05a";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   color: #b1b1b1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  font-size: 80%;
  min-width: 180px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 3px 10px 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.wp-caption-text, .wp-caption-text {
	line-height: 1.25em !important; margin-top:0.5em; margin-bottom:2em;
	font-style: italic;
}

.stickyRow { height:0px}
.the7-e-sticky .stickyRowInner { height:0px}
.the7-e-sticky-active .stickyRowInner { height:1px}

/* MOBILE STYLES */

@media only screen and (max-width: 769px) { 
	.hero-buttons .btn1 { margin: 5px 10px 5px 0em; }
	.hero-buttons .btn2 { margin: 5px 0em 5px 1em; }
}

/* COOKIE BANNER */

.cc-window { font-size:13px !important; line-height: 15px !important; margin-bottom:1em !important; }
.cc-link { padding: 5px 0 0 0;}