/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4.264
*/

/* Hide recaptcha badge */

.grecaptcha-badge { 
    visibility: hidden !important;
}

/* GDPR */

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    border-top: none!important;
	box-shadow: 0px -10px 5px #8888880a;
}

.change-settings-button {
    margin: 0;
    margin-top: -4px;
}


/* For desktop */

.moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
    display: flex;
    flex-direction: row-reverse;
}

.moove-gdpr-modal-footer-content .moove-gdpr-modal-save-settings {
    background-color: white !important;
    color: #202020 !important;
}

.moove-gdpr-cookie-notice button.change-settings-button {
    min-height: unset;
}

.moove-gdpr-branding-cnt {
    display: none !important;
}

.moove-gdpr-modal-reject-all {
    display: none;
}


/* For mobile */

@media (max-width: 768px) {
    .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
        flex-direction: row-reverse;
        display: flex;
    }
    .moove-gdpr-modal-footer-content .moove-gdpr-modal-save-settings,
    .moove-gdpr-modal-footer-content .moove-gdpr-modal-allow-all {
        flex: 1;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
        justify-content: space-around !important;
    }
    .moove-gdpr-info-bar-container .moove-gdpr-infobar-allow-all {
        width: 100%;
        order: 3 !important;
    }
    .moove-gdpr-info-bar-container .moove-gdpr-infobar-reject-btn {
        order: 1 !important;
        flex: 1;
    }
    .moove-gdpr-info-bar-container .moove-gdpr-infobar-settings-btn {
        order: 2 !important;
        flex: 1;
    }
}


/*************** THEME   ***************/

h2 {
    line-height: 1.1;
}

.bold {
	font-weight: 700;
}

.bolder {
	font-weight: 900;
}

.top-title {
    color: #C04AE2;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.15em;
}

.top-title2 {
    color: #C04AE2;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.15em;
}

.exerg {
    color: #C04AE2;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    color: #999;
    font-size: .97em;
    height: 3.7em;
    padding: 1em 1.5em;
    font-weight: 400;
    border-radius: 8px;
    box-shadow: 0px 10px 18px #00000014;
}

textarea { resize: vertical; }

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    background-color: #fff;
    box-shadow: none;
    color: #333;
    opacity: 1 !important;
    outline: 0;
}

.button:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline: 0px;
}

.subscribe {
    background: linear-gradient(to bottom right, #EBE9FA 50%, #EFF0FA 50%);
}

.button .icon-angle-right:before {
    content: "\f35a";
    font-weight: 400;
    font-family: 'Font Awesome 6 Free';
}

.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #fff;
}


/*** HEADER ***/

.header-button a span {
    color: #000;
    padding: 5px;
}

.header-button:hover a span {
    color: #fff;
}

.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
    height: 2px;
}


/*** TAG FILTER ***/

.cat-title {
    font-family: Overpass, sans-serif;
    margin: 40px 20px 0 20px;
    color: #000;
    font-weight: bolder;
}

.category-filter {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    padding: 0 20px;
}

.cat-filter {
    font-size: .75em;
    font-weight: 700;
    background-color: #fff;
    padding: 5px 12px;
    color: #000;
    text-decoration: none;
    /* Retire le soulignement par défaut des liens */
    display: inline-block;
    /* Assure que le padding et d'autres styles de bloc s'appliquent */
}

.cat-filter:hover {
    background-color: #C04AE2;
    color: #FFF;
}


/*************** HOME   ***************/

.users img {
    max-width: 150px;
}

.mw-400 {
    max-width: 380px;
}

.mw-370 {
    max-width: 380px;
}

.m-a {
    margin: auto;
}

.m-a .col .col-inner {
    margin: auto;
}


/*** FORMS & INPUT ***/

.custom-file-label input[type="file"] {
    display: none;
}

.input-btn-info i {
    font-size: 14px;
    margin-right: 8px;
}

.input-btn .custom-file-label {
    width: 125px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    color: #111;
    border: none;
    padding: 7px 20px;
    border-radius: 7px;
    box-shadow: 0px 10px 18px #00000014;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 12px;
    font-family: 'Overpass ExtraBold', sans-serif;
}

.input-with-icon {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.input-btn-info {
    font-size: 14px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.subscribe-submit {
	margin-left: 2Opx!important;
}

/*** RESOURCES ***/

.box-blog-post {
    padding: 20px 40px;
    border: 3px solid #fff;
    border-radius: 10px;
    min-height: 270px;
}

.box-blog-post:hover {
    background-color: #fff;
}

.box-blog-post .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #111;
}

.tag-label {
    background-color: #C04AE2;
    border-radius: 0px;
    color: #fff;
    display: inline-block;
    font-size: .75em;
    font-weight: 700;
    letter-spacing: 0px;
    padding: 6px 15px;
    text-transform: none;
    transition: background-color .3s, opacity .3s;
}

.from_the_blog_excerpt {
    margin-bottom: 20px !important;
}

#post-list .col {
    padding: 0 9.8px 19.6px;
}

.ux-relay__button {
	margin-top: 20px;
} 

/* */

.small-text {
    font-size: 14px;
    line-height: 18px;
}

.tertiary-title {
    color: #C04AE2;
}

.img-pos {
    max-width: 280px;
    position: absolute;
    top: -200px;
    right: -50px;
}


.img-pos-1 {
    max-width: 280px;
    position: absolute;
    top: -250px;
    right: 60px;
}

.discount-card .col-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: center;
    padding: 27px 32px 32px 17px !important;
    border-radius: 5px;
    box-shadow: 15px 11px 48px #0000000F;
}

.discount-card .img {
    max-width: 50px !important;
    margin-right: 5px;
}

.discount-card .col-inner h4 {
    margin-bottom: 0;
}


/* */

.searchform .icon-search {
    position: absolute;
    left: 20px;
    /* Ajustez selon vos besoins */
    top: 22px;
    font-size: 16px;
}

.searchform .search-field {
    padding-left: 50px;
}


/* */

.subscribe-fields label .fa,
.subscribe-fields label .fab,
.subscribe-fields label .fas, 
.investor-login-fields label .fa,
.investor-login-fields label .fab,
.investor-login-fields label .fas,
.contact-form-fields label .fa,
.contact-form-fields label .fab,
.contact-form-fields label .fas,
.contact-form-fields label .fa-solid {
    color: #C04AE2;
    position: absolute;
    z-index: 9999;
    margin-top: 19px;
    margin-left: 20px;
}

.investor-login-label, .contact-form-label {
    display: grid!important;
}

.wpcf7 input[name=your-password] {
	vertical-align: unset;
	margin-left: -10px;
}

#buttonEye-your-password {
	position: unset;
}

.subscribe-uploads,
.subscribe-fields {
    max-width: 370px;
    margin: auto;
}

.email-label input,
.lk-label input,
.link-label input, 
.amount-label input,
.investor-login-label input,
.contact-form-label input, 
.contact-form-label textarea {
    padding-left: 40px;
}

.submit-button {
    font-size: 1.15em;
    padding: 5px 30px 5px 30px;
    background-color: #C04AE2;
    color: #fff;
	margin-right: 0px;
}


/* */

.widget-title,
.nav-next a,
.nav-previous a {
    font-family: Overpass, sans-serif;
    color: #111 !important;
}

.nav-next i,
.nav-previous i {
    color: #C04AE2;
}

.is-divider {
    background-color: #C04AE2;
    display: block;
    height: 2px;
    margin: 1em 0;
    max-width: 30px;
    width: 100%;
}

.entry-category * {
    color: #C04AE2;
    letter-spacing: 0.15em;
}

.blog-wrapper .entry-content {
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 7px;
}

/*** PRICING ***/

.box-pricing {
    padding: 20px 40px;
    border: 3px solid #fff;
    border-radius: 10px;
    min-height: 325px;
	margin-left: unset;
	margin-right: unset;
}

.box-pricing:hover {
    background-color: #fff;
}

/*** FAQ ***/

.accordeon-faq .accordion-title {
    font-family: Overpass, sans-serif;
    font-weight: 700;
    color: #111111;
    border-top: 1px solid #111111;
}

.accordeon-faq .accordion-item:nth-child(1) .accordion-title {
	border-top: none ;
}

.accordeon-faq .accordion-title.active {
    background-color: unset;
}

.accordeon-faq .icon-angle-down:before {
    content: "\2b"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 600; 
    color: white;
    background: #C04AE2; 
    padding: 5px; 
    border-radius: 10%; 
    font-size: 14px;
    width: 24px;
    height: 24px;
    text-align: center; 
    line-height: 24px;
}

.accordeon-faq .toggle {
	top: -.2em;
}

.accordeon-faq .active .toggle {
	top: unset;
}

.accordeon-faq .accordion-title.active .icon-angle-down:before {
    content: "\f068"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 600; 
    color: white;
    background: #C04AE2; 
    padding: 5px; 
    border-radius: 10%; 
    font-size: 14px;
    width: 24px;
    height: 24px;
    text-align: center; 
    line-height: 24px; 
}

/*** PORTFOLIO - STARTUPS ***/

.single-startup-title {
    font-size: 3em;
}
.single-startup-back-home {
    font-size: 0.95em;
}
.single-startup-black {
    color: #111;
}

.single-startup-black:hover {
    color: #111;
}

.portfolio-single-page h2 {
    font-size: 2em;
}

.portfolio-item {
	background-color: white;
    border-radius: 10px;
	padding: 25px;
	text-align:left;
	width:100%;
}

.portfolio-item-image {
	width: 125px;
	margin-bottom: 20px;
}

.portfolio-box .portfolio-box-image {
	margin-left: 15px;
}

/* INVESTOR */

.login-form {
		display: none;
} 

.already-have-account span {
	color: #111;
}

.wpcf7-response-output { 
	display:none;
}

#thank-you-message {
	background-color: white;
    padding: 15px;
    border-radius: 15px;
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    
    /*** PORTFOLIO - STARTUPS ***/

        .single-startup-title, .portfolio-single-page h2  {
            font-size: 1.5em;
        }
	
		.portfolio-filters {
			display: block!important;
		}
	
		.portfolio-box {
			padding: 10px!important;
			font-size: 14px;
		}
	
		.portfolio-box-arrow {
			width: 25px!important;
			height: 25px!important;
		}
	
	
    /*** INVESTOR PROFILE - STARTUPS INTEREST LIST ***/

	.startup-item {
		display: block !important;
		text-align: left !important;
	}
	
	.startup-item .startup-content {
		margin-bottom: 15px;
	}
	
	.startup-item .startup-actions {
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: baseline;
		flex-direction: row-reverse;
		margin-top: 10px;
		display: flex;
	}

	.startup-item .startup-actions .button {
	    margin-left: auto !important;
	}
	
	.header-button-1, .user-header-link {
		width: 100px;
	}
 
}