/*
	Theme Name:   masroufi
	Theme URI:    https://www.masroufi.com/
	Description:  Fast, lightweight and powerful Multipurpose theme for any kind of websites such as business, commerce, services, niche, portfolio, blog, etc.
	Version:      4.4.19
	Author:       Masroufi
	Author URI:   https://www.masroufi.com/
	Text Domain:  masroufi
	Tested up to: 6.1
	Requires PHP: 5.6
	License:      GPLv2
	License URI:  http://gnu.org/licenses/gpl-2.0.html
	Tags:         custom-menu, custom-logo, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
*/

/*
	PLEASE DO NOT edit this file, if you want add custom CSS go to Theme Options > Additional CSS
	Or install child theme and add your custom styles and functions.
*/




@font-face {
    font-family: Nunito;
    src: url(./assets/fonts/Nunito.ttf);
}



#menu_header_2 > .cz > a {
    font-family: Nunito;
    font-size: 16px;
    color: #fff;
}

#menu_header_2 {
    margin-top: 20px;
}

#menu_header_2 li#menu-header_2-22 a {
    border: 1px solid;
    border-radius: 10px;
}

.first_section {
    margin-top: -111px;
    color: #fff;
    padding-top: 250px;
    padding-bottom: 100px;
    background-size: cover;
}

.home h1 {
    font-weight: 800;
    line-height: 55px;
    margin-bottom: 10px;
}

body {
    font-family: Nunito;
}

.first_section .cz_wpe_content p {
    font-size: 20px;
    line-height: 37px;
}

a.cz_btn {
    color: #000;
}


.right_img>div {
    display: flex!important;
    gap: 25px;
    align-items: center;
}

.right_img .title {
    color: #c7f747;
    font-weight: 700;
    font-size: 25px;
}

.right_img .cz_image_caption {
    margin: 0;
    line-height: 30px;
    font-size: 18px;
}

.page_title {
    background: #080908!important;
    text-align: center;
    border: 0!important;
}

header#site_header {
    background: #000;
}

div#page_content {
    margin: 0;
    padding: 50px 0;
    background: #000;
}

.center {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.center h1 {
    margin-bottom: 0;
}
.um .um-form .um-row label {
    color: #fff;
}
.um .um-form .um-row input, .um .um-form .um-row input[type="text"], .um .um-form .um-row input[type="password"], .um.um-password.um-um_password_id input[type="text"] {
    width: 100%;
    min-height: 46px;
    padding: 12px!important;
    background: #121412!important;
    border: 1px solid #363936!important;
    border-radius: 7px;
    color: #fff!important;
    font: inherit;
    height: auto!important;
}
.um.um-password.um-um_password_id input {
    text-align: center;
}
.um .um-form .um-row input:focus {
    outline: 1px solid #C7F747!important;
    border-color: #C7F747!important;
    background: inherit!important;
}

#um_field_57_gender .um-field-area label.um-field-radio.um-field-half {
    width: auto;
}
#um_field_57_gender .um-field-area {
    display: flex;
    gap: 40px;
}
.um .um-col-alt .um-left.um-half {
    width: 100%;
}

.um .um-col-alt .um-left.um-half input, .um.um-password.um-um_password_id .um-center input {
    background: #c7f747!important;
    color: #000;
    font-weight: 400!important;
    text-transform: uppercase!important;
    border: 1px solid #c7f747!important;
}

.um .um-col-alt .um-right.um-half a {
    padding: 0!important;
    background: none;
    color: #c7f747;
}

.um .um-col-alt .um-right.um-half {
    width: 100%;
    margin-top: 15px;
}

.um.um-register .um-col-alt .um-right.um-half a:before {
    content: 'Vous êtes déjà inscrit ?';
    color: #fff;
    padding-right: 5px;
}
.um.um-login .um-col-alt .um-right.um-half a:before {
    content: 'Vous avez pas encore un compte ?';
    color: #fff;
    padding-right: 5px;
}
.um a.um-button:hover, .um input[type=submit].um-button:hover, .um a.um-button:focus, .um input[type=submit].um-button:focus, .um.um-password.um-um_password_id .um-center input:hover {
    background-color: #000!important;
    color: #c7f747;
}
.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #c7f747!important;
}
.home header#site_header {
    background: none;
}
.home div#page_content {
    padding: 0;
}

.um.um-password.um-um_password_id .um-center input {
    width: 100%!important;
}
.um-account p.um-notice {
    background: #c7f747;
    color: #000;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
}
.um-account p.um-notice i {
    top: 13px;
}




@media (max-width: 768px) {
	nav.masroufi-floating-nav {
    display: none;
}
body .masroufi-expense-form .masroufi-field small {
    margin-left: 0;
    display: block;
}
body .xtra-fixed-mobile-nav {
    border-radius: 9999px;
    width: 90%;
    left: 5%;
    bottom: 10px;
        border: 1px solid #C7F747;
}
body .xtra-fixed-mobile-nav a {
    padding: 13px 10px;
}
body {
    background: #000;
}
ul#menu_header_4 {
    background: url(https://www.massroufi.com/wp-content/uploads/2026/10/Maroufi.webp);
    background-size: cover;
}

body #menu_header_4 > .cz > a {
    color: #fff;
}
ul#menu_header_4 li:first-child a:before {
    content: '';
    width: 160px;
    height: 50px;
    background: url(https://www.massroufi.com/wp-content/uploads/2026/10/masroufi-logo.webp);
    background-size: cover;
    position: absolute;
    top: -100px;
    left: -60px;
}
.um-account-side {
    display: block!important;
    float: none!important;
}

.um-form form > .um-account-meta.radius-1 {display: none;}

.um-account-side .um-account-meta {
    margin-bottom: 20px!important;
}

.um .masroufi-account-menu .um-account-title {
    line-height: 22px;
}

.um-account-main .um-account-nav {
    display: none!important;
}
.um-account-main .um-account-tab {
    padding: 20px;
    border-radius: 10px;
}
.header_4.smart_sticky.header_is_sticky.smart_sticky.onSticky {
    background: #000!important;
}
}
@media (min-width: 768px) {
.first_section  .pos_st {
    margin-top: -150px;
}
.border_r:after {
    content: '';
    width: 1px;
    height: 130px;
    background: rgba(255,255,255,.3);
    position: absolute;
    right: 10px;
    top: 50%;
    visibility: visible;
    transform: translateY(-50%);
}
}
div#cz_100801 {}div#cz_100801 {}

.first_section .service_img {
    width: 45px;
}

.first_section  .services h3 {
    font-size: 20px;
    padding-bottom: 6px;
}

.first_section .services .cz_wpe_content {
    font-size: 16px;
    line-height: 23px;
    opacity: .8;
    padding-right: 15px;
}
.home .footer_2 {
    background-color: transparent;
    margin-top: -62px;
}


.header_2.header_is_sticky.smart_sticky.cz_menu_fx_none.onSticky {
    background: #000!important;
}

.error404 a.button {
    color: #000;
}
.um-register .um-postmessage {
    background: #fff;
    text-align: center;
    color: #000;
    padding: 10px;
    border-radius: 10px;
    margin-top: 50px!important;
}

body.wp-singular.page-template-default.page.page-id-45 {
    background: #000;
}