/*
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/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

.mk-quick-contact-wrapper .mk-quick-contact-title {
    font-size: 18px;
}
.quick-contact-anim p {
    font-size: 12px;
}



a[target="_blank"]:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px; }


.team-member-desc {
    text-align: left!important;
}

.nav-round a[data-skin=dark] {
    background-color: rgba(0,0,0,0);
    border: 4px solid #fff!important;
}

.nav-round a[data-skin=dark] .mk-svg-icon {
    fill: #fff!important;
}

.nav-round a[data-skin=dark]:hover {
    background-color: rgb(255 255 255 / 29%)!important;
}



.title-padding-left {
    padding-left: 15px;
}

.mk-main-wrapper-holder {
    overflow-x: clip;
}

.home .mk-portfolio-item .portfolio-categories a {
    color: #ffffff!important;
}

.mk-portfolio-item.slidebox-hover .portfolio-meta {
    background-color: #df0067!important;
}
#mk-filter-portfolio.sortable-classic-style ul li a.current {
    background-color: rgb(223 0 103 / 80%)!important;
    color: #fff!important;
}



.mk-button--dimension-outline.skin-light:hover {
    background-color: #df0067!important;
    color: #fff!important;
}



/*EDIT ACCORDEON HOME*/
.mk-accordion.fancy-style .mk-accordion-tab {
    color: #df0067;
}
.mk-accordion.fancy-style .mk-accordion-tab i .mk-svg-icon {
	fill: #df0067;
}

.mk-accordion.fancy-style .mk-accordion-tab:hover i .mk-svg-icon {
	fill:#392d6b;
}

.mk-accordion.fancy-style .mk-accordion-tab:hover {
	color: #392d6b;
}


/* FOOTER */

.widget_social_networks {
    margin-bottom: 21px!important;
}
span.mk-footer-copyright a {
    color: #fff!important;
}

a.footer-mail-white {
	color: #fff!important;
}
a.footer-mail-white:hover{
	color: #f5c027!important;
}
/* PORTFOLIO EDIT */

.mk-portfolio-item.fadebox-hover .add-gradient {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.2)),color-stop(75%,rgba(61,49,110,0.75)))!important;
    background: linear-gradient(to bottom,rgb(255 255 255 / 20%) 0,rgb(61 49 110) 75%)!important;
}

.portfolio-similar-posts {
    padding: 70px 0 96px 0;
    border-top: 0!important;
    background-color: #c0daf3;
}

.portfolio-similar-posts .similar-post-title {
    font-size: 22px;
    color: #392d6b;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.mk-loadmore-button svg {
    fill: #df0067;
}

.mk-loadmore-button {
    color: #df0067!important;
    border: 2px solid #df0067;
}

.mk-loadmore-button:hover {
    background-color: rgb(223 0 103 / 10%);
}

.white-text p {
    color: #fff;
}

.white-text a:hover{
    color:#392d6b;
}

#mk-page-introduce {
    display: none;
}

/* EDIT COLOR PROCESS / PARCOURS */

.mk-process-steps ul:before {
    border-color:#392d6b!important;
}

.mk-process-icon {
    -webkit-box-shadow: 0 0 0 2px #392d6b!important;
    box-shadow: 0 0 0 2px #392d6b!important;
}

.mk-process-icon svg {
    fill: #392d6b!important;
}
ul li:hover .mk-process-icon svg {
    fill: #fff!important;
}

/**** NAV CORRECTION ICONE ***/

.main-navigation-ul>li.menu-item a.menu-item-link svg {
    padding-bottom: 3px;
}

/*** NAV CHANGEMENT COULEUR DEVIS ***/

header.a-sticky li#menu-item-37 a {
    background-color: #df0067;
    color: #fff!important;
}

header.a-sticky li#menu-item-37 a:hover {
    background-color: #392d6b;
    color: #fff!important;
}

.header-align-left .mk-grid .main-navigation-ul li.no-mega-menu>ul.sub-menu {
	left:0!important;
}

/*----- "MENU" POUR LA NAV MOBILE -----*/
.mk-nav-responsive-link::after {
content: 'MENU';
position: absolute;
top: 14px;/*régler la position si besoin*/
right: 35px;/*régler la position si besoin*/
color: #df0067; /*changer la couleur si besoin*/
font-weight: bold;
}

.mk-css-icon-menu div {
    background-color: #392d6b!important;
}

.mk-responsive-nav li a:hover {
    background-color: #c0daf3!important;
    color: #392d6b!important;
}


/*----- FIX BACK TO TOP -----*/

.mk-go-top {
    background-color: rgba(57, 45, 107, 0.5)!important;
}

.mk-go-top:hover {
    background-color: rgba(57, 45, 107, 1)!important;
}

@media handheld, only screen and (max-width: 768px) {
.mk-go-top {
    display: block;
}
	
#mk-filter-portfolio ul.align-center {
    text-align: left;
}
}

/* Make header sticky on mobile */
@media (max-width: 780px) {

/* Fixes the header in place as users scroll */
.mk-header {
position: fixed !important;
}

/* Adds extra space to the main layout in order to compensate for the header being taken out of the document flow (adjust pixel value to meet the needs of your design) */
.master-holder > .mk-main-wrapper-holder {
margin-top: 75px !important;
}

/* Ensures that the extra margin is added only to the first .mk-main-wrapper-holder div */
.master-holder > .mk-main-wrapper-holder ~ .mk-main-wrapper-holder {
margin-top: 0px !important;
}
}

@media handheld, only screen and (max-width: 780px){
.mk-toolbar-resposnive-icon {
    display: none!important;
}
}
@media handheld, only screen and (max-width: 1139px){
	.menu-item-home {display: none!important;}
}

/*CORRECTION CONTACT FORM*/
.tp-pdown {
    padding-bottom: 10px;
}

@media only screen and (min-width: 768px) { 
.vc_col-sm-6.champ-nom {
    float: right;
    width: 65%;
}
}


.wpcf7-form .wpcf7-textarea {
    width: 100%!important;
}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
}

span.wpcf7-not-valid-tip {
    font-size: 14px;
}

.master-holder select:not(.gfield_select) {
    border: 2px solid #392d6b;
    color: #444444;
    margin-bottom: 10px;
    width: 100%;
	font-size: 14px;
    FONT-WEIGHT: 500;
	padding: 14px 12px !important;
}

input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
    background-color: #fff;
    border: 2px solid #392d6b;
}

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
    font-size: 15px;
    color: #444444!important;
    padding: 10px 12px;
    background-color: #fdfdfd;
    border: 2px solid #392d6b;
    outline: 0;
    margin-bottom: 10px;
}

.wpcf7-submit {
    margin-top: 10px;
    color: #392d6b;
    border: 2px solid #392d6b;
	background-color: #fff;
	width:100%;
}

.wpcf7-submit:hover {
	border: 2px solid #df0067;
    background-color: #df0067;
    color: #fff;
}

.wpcf7 form .wpcf7-response-output {
    display: inline-block;
}

.mk-moon-medal {
	color: #392d6b
}