/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/********************************************************************
    DEFINE FONTS
*********************************************************************/
/* @font-face {
  font-family: 'PingFang SC Regular';
  src: url('fonts/PingFang SC Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/********************************************************************
      DEFINE VARIABLES
  *********************************************************************/
:root {
  --padding-section-top: 50px;
  --padding-section-bottom: 50px;
  --product-p-color: #404040;
/*   --font-title: 'PingFang SC Regular', sans-serif; */
  --font-title: 'Roboto-Regular', sans-serif;
  --font-body: 'Roboto-Regular', sans-serif;
  --color-blue: #459bff;
  --color-blue-dark: #044364;
  --color-white: #fff;
  --color-yellow: #fcb21b;
  --color-black: #000;
}
.--color-blue {
  color: var(--color-blue);
}
.--color-gray {
  color: var(--color-gray);
}
.--color-white {
  color: var(--color-white);
}
.--color-blue-dark {
  color: var(--color-blue-dark);
}
.--color-yellow {
  color: var(--color-yellow);
}
.--color-black {
  color: var(--color-black);
}
/********************************************************************
    DEFINE HEADINGS
********************************************************************/
.main-navigation-ul > li.menu-item > a.menu-item-link {
  font-family: var(--font-body) !important;
}

html {
  font-size: 100%;
}
h1 {
  font-family: var(--font-title);
  font-size: 4rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
}
h1.title-banner {
  font-family: var(--font-title);
  font-size: 4rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
}
h2 {
  font-family: var(--font-title);
  font-size: 2rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
}
h2.sub-title-banner {
  font-family: var(--font-title);
  font-size: 2.5rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
}
h3 {
  font-family: var(--font-title);
  font-size: 1.6rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
  color: var(--color-blue-dark);
}
h4 {
  font-family: var(--font-title);
  font-size: 1.3rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
  color: var(--color-blue-dark);
}

h5 {
  font-family: var(--font-title);
  font-size: 1.1rem !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
  line-height: 1.4em;
}
h6 {
  font-family: var(--font-body);
  font-size: 13px !important;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
  line-height: 140%;
}
body {
  font-family: var(--font-body) !important;
  font-weight: 400;
  letter-spacing: 0px;
  text-rendering: geometricPrecision;
}
.color--primary {
  color: var(--color-blue-dark) !important;
}
.color--white,
.color--white.mk-text-block > * {
  color: white !important;
}
.text-align--left {
  text-align: left !important;
}
.section-padding {
  padding-top: var(--padding-section-top);
  padding-bottom: var(--padding-section-bottom);
}
/*------------------------------------------*/
.mk-button--text {
    font-size: 17px;
}
.mk-main-navigation, .mk-css-icon-menu {
    display:none;
}
.button-download .mk-button, .button-request .mk-button {
    padding-top:1rem;
    padding-bottom:1rem;
    height:45px;
}
p {
    font-size:22px!important;
}
.section-challenges .content-challenges {
    background-color:#fff;
    border-radius:64px;
    margin-bottom:1rem!important;
}
.section-challenges .content-challenges p{
    display:flex;
    display:-webkit-flex;
    display:-ms-flex;
    align-items:center;
    justify-content: center;
    padding-top:20px;
}
.section-challenges .content-challenges img {
    margin-bottom:0;
}
.section-home-events {
    display:none;
}
.section-annex-footer h2, 
.section-annex-footer p {
    margin-bottom:0;
}
@media(max-width:767px) {
    .row-monitoring {
        display:flex;
        display:-ms-flex;
        display:-webkit-flex;
        flex-wrap: wrap;
    }
}
@media (min-width:768px) {
    .button-download {
        position:absolute;
        left:0;
    }
    .button-request {
        position:absolute;
        right:0;
    }
	.section-home-news .row-news .wpb_column {
		flex: 1 0;
	}
	.footer_contact {
	  display: flex;
	  display: -webkit-flex;
	  display: -ms-flex;
	  justify-content: right;
	}
	.footer-contact {
		float:right;
	}
}
@media (max-width:767px) {
	html{
		font-size:70%;
	}
	.mk-padding-wrapper {
		padding:0;
	}
	.section-home-news .row-news .wpb_column {
		margin-bottom:1.5rem;
	}
	.section-home-news .row-news .the-title {
		font-size:1.3rem!important;
	}
}
.section-explore .column-explore-more {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1rem;
}
.section-explore .column-explore-more .vc_column-inner {
    background: #fff;
    box-shadow: 0px 11px 20px rgb(36 75 103 / 5%);
    border-radius: 16px;
    padding-left: 0;
    cursor: pointer;
}
.section-explore .column-explore-more img {
    border-radius: 16px 0 0 16px;
    margin-bottom: 0;
}
.section-explore .column-explore-more .content-explore-more {
    padding: 0.5rem 1rem;
}
.section-explore .column-explore-more h3 {
    font-size: 1.3rem!important;
}
.section-explore .column-explore-more .vc_column-inner:hover {
    background: linear-gradient(90deg, rgb(4, 67, 100) -1.9%, rgb(69, 155, 255) 106.87%) !important;
}
.section-explore .column-explore-more .vc_column-inner:hover .content-explore-more,
.section-explore .column-explore-more .vc_column-inner:hover .content-explore-more h3{
    color: #fff!important;
}
.form__newsletter input[type='submit'] {
    min-width: 150px;
    background-color: #ffc000;
    color: black;
    text-transform: capitalize;
    font-size: calc(1rem + 2px);
}
.mk-blog-single .blog-single-meta,
a.mk-blog-print{
	display:none!important;
}
.section-home-news .row-news {
	display:flex;
	display:-ms-flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}
.section-home-news .row-news .wpb_column {
	filter: drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.06));
	background-color: #fff;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	border-radius: 0 0 12px 12px;
}
.section-home-news .row-news .the-title{
	padding-right:0.75rem;
	padding-left:0.75rem;
}
.section-home-news .row-news .wpb_column .vc_column-inner{
	padding-right:0;
	padding-left:0;
}
.section-home-news .row-news .wpb_content_element {
	margin-bottom:15px;
}
.section-home-news .recent-news {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  align-items: end;
}
.section-home-news .mk-categories {
    margin-bottom: 10px;
}
.section-home-news .mk-categories a {
    background-color: #ecf4ff;
    border-radius: 27px;
    pointer-events: none;
}
.section-home-news .mk-blog-grid-item .the-title {
    font-family: var(--font-body);
    text-transform: none !important;
}
.section-home-news .mk-blog-grid-item .mk-blog-meta {
    border-radius: 0px 0px 12px 12px;
    min-height: 215px;
}
.section-home-news .mk-blog-grid-item.four-column .blog-grid-holder {
    border-radius: 0 0 12px 12px;
    border: none;
}
.section-home-news .mk-blog-grid-item {
    filter: drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.06));
}
.section-home-news .mk-blog-grid-item .blog-grid-footer {
    display: none;
}
.section-home-news .mk-blog-grid-item {
    filter: drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.06));
}
.section-home-news .mk-blog-grid-item .featured-image {
	border-radius: 12px 12px 0 0;
}
#mk-footer .widget:not(.widget_social_networks) a {
    color: #ffffff;
}
#mk-footer .widget {
    margin-bottom: 0;
}
@media (max-width: 480px) {
	.section-explore .column-explore-more .vc_column-inner {
		padding-right: 0;
	}
	.section-explore .column-explore-more .alignleft {
		width: 100%;
	}
	.section-explore .column-explore-more .alignleft {
		margin-bottom: 1rem;
	}
}
.border-title {
  border-left: 3px solid #fcb21b;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
}
#mk-footer .widget:not(.widget_social_networks) a {
	color:#fff;
}