/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/
/*GENERAL*/
html {
scroll-behavior: smooth;
scroll-padding-top: 200px;
}
* {
margin: 0;
box-sizing: border-box;
}
.page #Content {
padding-top:0;
}
a {
transition:0.3s ease-in-out;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
p {
margin-bottom:0;
}
input ,select {
border: none !important;
border-radius: 0 !important;
color: #838383 !important;
}
.excerpt-hellip { display:none; }
@media only screen and (max-width: 1239px) {
.section_wrapper, .container, .with_aside .content_wrapper {
max-width: 90%;
}
}
#Subheader .title {
color: #fff;
font-weight: 600;
}
/*GENERAL SECTION STYLE*/
#mg_lb_contents {
width: fit-content;
}
.gform_wrapper textarea {
resize: none !important;
color: #838383 !important;
}
.gform_wrapper textarea:focus,
.gform_wrapper input:focus {
outline: none !important;
box-shadow: none !important;
}
.gform_wrapper input, .gform_wrapper textarea {
box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px !important;
}
.gform_wrapper *:focus {
outline: none !important;
}
#Subheader ul.breadcrumbs li {
color: #fff;
}
#Subheader ul.breadcrumbs li a {
color:#fcb913;
}
.gform_wrapper .gform-field-label { color:#626262 !important; }
.gfield-choice-input {
border: 1px solid #0000006b !important;
}
.section.section-padding ,.search .sidebar {
padding: 40px 0;
background-size: cover;
background-attachment: fixed;
}
.section-half-padding {
padding:0 0 40px;
}
@media only screen and (max-width: 1024px) {
.section.section-padding ,.search .sidebar {
padding:40px 0;
}
.section-half-padding {
padding:0 0 40px;
}
}
@media only screen and (max-width: 768px) {
.section.section-padding ,.search .sidebar {
padding:30px 0;
}
.section-half-padding {
padding:0 0 30px;
}
}
@media only screen and (max-width: 600px) {
.section.section-padding ,.search .sidebar {
padding:20px 0;
}
.section-half-padding {
padding:0 0 20px;
}
}
@media only screen and (max-width: 400px) {
.section.section-padding {
padding:10px 0;
}
.section-half-padding {
padding:0 0 10px;
}
}
/*TITLE BAR*/
.title-bar-section p {
max-width:80%;
margin:0 auto 20px;
}
.title-bar-section {
background-size: cover;
background-image: url(https://egsgafsa.com/wp-content/uploads/2025/05/titlebar-bg.jpg);
padding: 40px 0;
text-align: center;
}
.title-bar-section h1 ,.title-bar-section p ,.title-bar-section li {
color:#fff;
}
.title-bar-section a {
color: #efe11f;
}
.title-bar-section .mcb-wrap .mcb-item-262b4f364 .breadcrumbs li .mfn-breadcrumbs-separator {
color: #cca000;
margin: 0 5px;
}
.mcb-column.column_breadcrumbs .breadcrumbs {
justify-content: center;
}
.title-bar-section .breadcrumbs li ,.title-bar-section .breadcrumbs a {
font-family: "Frank Ruhl Libre";
font-size:18px;
font-weight:700;
}
/*TITLE BAR*/
/*SECTION TITLE BLOC*/
.section-title-bloc .mcb-column-inner {
margin-bottom:0;
}
.section-title-bloc .mfn-inline-editor {
display: flex;
flex-direction: column;
}
.section-title-bloc .mfn-inline-editor h2 {
order: 2;
}
.section-title-bloc .mfn-inline-editor h5 {
order: 1;
}
/*SECTION TITLE BLOC*/
/*SECTION BACKGROUND PATTERN*/
.section-pattern {
background-color: #91bfa452;
background-image: url(https://egsgafsa.com/wp-content/uploads/2025/06/Untitled-design-1.png);
background-blend-mode: color-burn;
}
/*SECTION BACKGROUND PATTERN*/
.mcb-column-inner ,p ,h2 ,h5 {
margin-bottom:0;
}
.mcb-column:not(:last-child) {
margin-bottom:15px;
}
/*gform*/
.gform-theme--framework .gform_validation_errors ol {
display:none;
}
.gform_button:hover {
background: #cca000 !important;
color: #000 !important;
}
/*gform*/
/*section titles*/
.jsection-subtitle h5 {
margin-bottom:10px;
}
/*GENERAL*/
/*HEADER*/
#Top_bar .menu>li.menu-item-home>a {
line-height: 1.5;
}
#Top_bar .menu>li.menu-item-home>a::before {
content: '\f015';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 8px;
}
#Top_bar .menu>li.menu-item-home>a span {
display: none;
}
@media only screen and (min-width: 1024px) {
header .container .column .top_bar_left {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media only screen and (max-width: 1023px) {
header .container .column .top_bar_left {
justify-content: start;
}
}
#Top_bar .menu > li > a span:not(.description) {
padding: 0;
line-height: 1.5;
}
header .top_bar_left.clearfix:before ,header .top_bar_left.clearfix:after {
content:''; display:none;
}
@media only screen and (min-width: 1240px) {
#Top_bar .menu > li > a {
padding: 10px !important;
}
}
@media only screen and (max-width: 1239px) {
#Top_bar .menu > li > a {
padding: 5px !important;
}
}
@media only screen and (max-width: 599px) {
header {
min-height:60px !important;
}
}
.menu-main .menu-highlight #Top_bar .menu > li {
margin: 0;
}
#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {
color: #000;
}
#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky #menu ul li.submenu .menu-toggle {
color: #000;
}
#Top_bar.is-sticky .menu_wrapper .menu > li > a:hover {
color:#09592b;
}
#Top_bar.is-sticky .menu > li.current-menu-item > a {
color:#09592b;
}
header .container {
padding: 0 !important;
}
#menu-item-22 i {
font-size: 18px;
color: inherit;
}
#Top_bar.is-sticky {
min-height: 90px !important;
}
#Top_bar.is-sticky .column.one {
min-height: 90px !important;
}
#Top_bar .logo img, #Top_bar.is-sticky .logo img {
height: 60px !important;
max-height: 60px !important;
}
#Top_bar .logo, #Top_bar.is-sticky .logo {
line-height: 90px !important;
}
/*HEADER*/
/*FOOTER*/
footer {
position: relative;
background-color: #0f1114 !important;
margin-top: 75px !important;
padding-top: 0;
overflow: visible;
max-width: 1920px;
margin: 0 auto;
background-image: url(https://egsgafsa.com/wp-content/uploads/2025/05/footer-background.png);
background-position:center !important;
background-repeat:no-repeat !important;
}
/*footer grass separator*/
/* More realistic grass layer - yellow */
footer::after {
content: "" !important;
visibility: visible !important;
position: absolute;
top: -60px; /* less height */
left: 0;
width: 200% !important;
height: 60px !important;
background-image: url('data:image/svg+xml;utf8,');
background-size: 50% 100%;
background-repeat: repeat-x;
animation: wave-move 6s linear infinite reverse;
z-index: 1;
pointer-events: none;
}
footer::before {
content: "" !important;
visibility: visible !important;
position: absolute;
top: -60px;
left: 0;
width: 200% !important;
height: 60px !important;
background-image: url('data:image/svg+xml;utf8,');
background-size: 50% 100%;
background-repeat: repeat-x;
animation: wave-move 6s linear infinite;
z-index: 2;
pointer-events: none;
}
@keyframes wave-move {
0% {
background-position-x: 0;
}
100% {
background-position-x: 100%;
}
}
/*footer grass separator*/
footer .widgets_wrapper {
padding: 40px 0 20px !important;
}
footer .widgets_wrapper .mcb-column-inner {
margin-bottom: 0;
margin-left: 0;
margin-right: 50px;
}
footer.mfn-footer .one-fourth h4 {
margin-bottom: 20px;
color: #efe11f;
padding-bottom: 10px;
border-bottom: 1px solid #efe11f;
position:relative;
border-image: linear-gradient(to right, #efe11f 50%, transparent 50%) 1;
}
footer.mfn-footer .one-fourth h4::after {
content:"";
position:absolute;
bottom:-2px;
left:0;
width:50px;
height:5px;
background-color:#efe11f;
}
footer.mfn-footer .one-fourth aside {
margin:0;
}
footer.mfn-footer .one-fourth ul.menu {
background: transparent;
padding: 0;
list-style-type:none;
}
footer.mfn-footer .one-fourth ul.menu li a {
padding: 0;
margin-bottom: 5px;
}
.widget_nav_menu ul li:after {
border:none;
}
footer.mfn-footer .one-fourth ul.menu li:last-child a {
margin-bottom:0;
}
footer.mfn-footer .one-fourth .widget_media_image {
width: fit-content;
display: flex;
float: left;
height: min-content;
margin: 0 10px 0px 0;
}
footer.mfn-footer .one-fourth .widget_text .textwidget h6 {
margin-bottom:0;
}
footer.mfn-footer .one-fourth .widget_text .textwidget p {
margin-bottom: 5px;
}
footer.mfn-footer .one-fourth .widget_text .textwidget p:last-child {
margin-bottom:0;
}
footer .widget_custom_html li i {
margin-right:5px;
}
footer .widget_custom_html li:not(:last-child) {
margin-bottom:10px;
}
footer .widget_custom_html li:hover, footer .widget_custom_html li:hover a {
color: #3e9664;
}
footer a:hover {
color:#3e9664;
}
footer .widget_recent_entries ul li {
padding: 0;
margin-bottom: 5px;
}
footer .widget_recent_entries ul li:last-child {
margin-bottom:0;
}
footer .widget_recent_entries ul li:after {
display: none;
}
/*FOOTER*/
/*COPYRIGHT FOOTER*/
footer.mfn-footer .footer_copy .column.one {
margin-bottom: 0 !important;
padding-top: 0 !important;
min-height: auto !important;
}
footer.mfn-footer .footer_copy {
border:none;
}
footer.mfn-footer .footer_copy .container {
border-top: 1px solid rgba(255, 255, 255, .5);
}
footer.mfn-footer .footer_copy .mcb-column-inner {
margin: 0;
padding: 0;
}
footer.mfn-footer .footer_copy .mcb-column-inner .copyright {
margin:0 !important;
}
.copyright-bloc {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
line-height: 1.5 !important;
padding: 20px 0;
font-weight: 400 !important;
transition: color 0.3s ease 0s;
}
.copyright-bloc .copyright-nav {
margin: 0;
padding: 0;
text-align: center;
}
.copyright-bloc .copyright-nav .list-item {
display: inline-block;
margin: 0 5px 0 0;
}
.copyright-bloc .copyright-nav .list-item:last-child {
margin-right: 0;
}
.copyright-bloc .copyright-nav .list-item::after {
content: "|";
margin: 0 0 0 5px;
}
.copyright-bloc .copyright-nav .list-item.company-item .company-name {
text-transform: uppercase;
font-weight: 900 !important;
}
.copyright-bloc .copyright-nav .list-item .item-link {
display: inline-block;
text-decoration: none;
transition: color 0.3s;
}
.copyright-bloc .agency-logo {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.copyright-bloc .agency-logo::before {
content: 'Développé par';
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.copyright-bloc .agency-logo .logo-link {
display: inline-block;
width: 135px;
margin: 0;
text-decoration: none;
}
.copyright-bloc .agency-logo .logo-img {
height: auto;
max-width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
filter: invert(1);
}
/*COPYRIGHT FOOTER*/
/*TO TOP SECTION*/
#cmplz-manage-consent .cmplz-manage-consent {
right: 120px !important;
}
#back_to_top.sticky {
right: 50px;
border-radius: 50%;
background-color: #efe11f ;
color: #09592b;
transition:0.3s ease-in-out;
}
#back_to_top.sticky:hover {
background-color: #000 !important;
color: #efe11f !important;
}
/*TO TOP SECTION*/
/*POLICY PAGE*/
.policy-page .content_wrapper .section {
padding:40px 0;
}
.policy-page .the_content_wrapper p:not(:last-child) {
margin-bottom:20px;
}
.policy-page .the_content_wrapper li {
color:#000;
}
.policy-page .the_content_wrapper li strong {
color: #09592b;
}
#cmplz-document h2 {
font-size:32px !important;
}
#cmplz-document p {
font-size:16px !important;
}
.policy-page .content_wrapper .section .section_wrapper {
border: solid 2px #fcb913;
padding: 10px;
border-radius: 20px;
}
.policy-page .section-page-footer {
display: none;
}
.policy-page #cmplz-document {
max-width:1200px;
width:100%;
}
.policy-page .has_content .the_content_wrapper {
margin-bottom:0;
}
/*POLICY PAGE*/
/*BLOG 1920 */
.mfn-breadcrumbs-separator {
margin:0 10px;
}
.blog #Content,
.search #Content {
padding: 0;
}
.search .search-content {
width:63%;
}
.blog main > section:not(.extra_content) {
display: none;
}
.blog article.post,
.search article.post, .category article.post {
margin-bottom: 20px;
}
.blog article.post:last-child, .search article.post:last-child, .category article.post:last-child {
margin-bottom: 0;
}
.blog article.post .post-desc,
.search article.post .search-content, .category article.post .post-desc {
display: flex;
flex-direction: column;
padding-top: 0;
}
.blog article.post .post-desc .post-title,
.search article.post .search-content .post-title, .category article.post .post-desc .post-title {
order: -1;
}
.blog article.post .post-desc .post-head,
.search article.post .search-content .post-meta, .category article.post .post-desc .post-head {
order: 0;
}
.blog article.post .post-desc .post-footer,
.blog article.post .post-desc .category,
.blog article.post .post-desc .excerpt-hellip,
.search article.post .post-desc .post-footer,
.search article.post .post-desc .category,
.search article.post .post-desc .excerpt-hellip, .category article.post .post-desc .post-footer,
.category article.post .post-desc .category,
.category article.post .post-desc .excerpt-hellip {
display: none;
}
.blog article.post .image_frame,
.search article.post .post-featured-image img.wp-post-image, .category article.post .image_frame {
max-width: 250px;
height: auto;
border-radius: 30px;
}
.blog .widget_search .field,
.search .widget_search .field, .category .widget_search .field {
box-shadow: 0px 2px 8px #00000021 !important;
width: 95%;
margin: 0 auto;
}
.blog .widget_categories ul,
.search .widget_categories ul, .category .widget_categories ul {
background: transparent;
padding: 0;
list-style-type: none;
}
.blog .widget_categories ul li a,
.search .widget_categories ul li a, .category .widget_categories ul li a {
color: #000 !important;
}
.blog .widget_recent_entries ul li,
.search .widget_recent_entries ul li, .category .widget_recent_entries ul li {
padding: 5px 5px;
box-shadow: 0px 2px 8px #00000021;
margin-bottom: 15px;
}
.blog .column_sidebar_widget .widget,
.search .column_sidebar_widget .widget, .category .column_sidebar_widget .widget {
margin: 10px 0;
position: relative;
}
.search-results .search-item {
align-items: start;
}
.search-results .search-item .search-content {
width: 60%;
}
.column_sidebar_widget .widget_categories .cat-item {
background: #fff;
padding-left: 10px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.column_sidebar_widget .widget_categories .cat-item:not(:last-child) {
margin-bottom:10px;
}
.blog footer .widget_recent_entries ul li, .search footer .widget_recent_entries ul li {
margin-bottom: 0;
padding:0;
}
.widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date {
color: #09592b;
}
.blog article.post .post-head .post-meta ,.search article.post .post-head .post-meta,.category article.post .post-head .post-meta {
margin-bottom:20px;
}
.blog article.post .post-title .entry-title ,.search article.post .post-title .entry-title, .category article.post .post-title .entry-title {
margin-bottom:0;
}
.search-results .search-item .post-featured-image {
width: auto;
flex-shrink: 0;
margin-right: 20px !important;
}
.search main.sections_group {
padding:40px 0;
}
.search .sidebar .widget {
margin:0 0 20px 0;
}
.pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current {
color:#09592b;
}
/*BLOG*/
/*BLOG CATEGORY 1920 */
.category main > section:not(.extra_content) {
display: none;
}
/*BLOG CATEGORY*/
/*ARTICLE 1920 */
.single-post .section-post-header .post-header {
display:none;
}
.single-post .single-photo-wrapper .mcb-column-inner {
width: fit-content;
margin-bottom: 20px;
}
.single-post .section-related-adjustment .button {
display:none;
}
.single-post .the_content_wrapper h2, .single-post .the_content_wrapper p:not(:last-child) { margin-bottom:20px; }
.single-post .the_content_wrapper h3 { margin-bottom:10px; }
.single-post .post-meta .meta-categories, .single-post .post-meta .mata-tags {
display:none;
}
.single-post .post-nav {
display:none;
}
.single-post .widget_search .field {
box-shadow: 0px 2px 8px #00000021 !important;
width: 95%;
margin: 0 auto;
}
.single-post .widget_categories ul {
background: transparent;
padding: 0;
list-style-type:none;
}
.single-post .widget_categories ul li a {
color: #000 !important;
}
.single-post .widget_recent_entries ul li {
padding: 5px 5px;
box-shadow: 0px 2px 8px #00000021;
margin-bottom: 15px;
}
.single-post .column_sidebar_widget .widget {
margin: 10px 0;
position: relative;
}
.single-post .fixed-nav {
display:none;
}
.single-post li {
color:#000;
}
.widget_categories ul li {
background: #fff;
padding-left: 10px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.widget_categories ul li:not(:last-child) {
margin-bottom:10px;
}
/*ARTICLE*/
/*PAGE 404 1920*/
#Subheader ul.breadcrumbs li a {
margin-right: 5px;
}
#Error_404 {
overflow: visible;
position: unset;
margin-top:0;
}
#Error_404 .error_pic {
width: 100%;
max-width: 600px;
float: unset;
margin: 0 auto;
}
#Error_404 .error_desk {
width: 100%;
max-width: 800px;
margin: 0 auto;
float: unset;
text-align: center;
}
#Error_404 .error_desk p .button:hover {
background:#fcb913 !important;
}
#Error_404 .error_desk h2, #Error_404 .error_desk p:not(:last-child) {
margin-bottom:20px;
}
/*PAGFE 404*/
/*ACCUEIL 1920 */
.title-highlight {
color:#09592b;
position:relative;
}
.title-highlight::after {
content: '';
position: absolute;
left: 0;
bottom: 5px;
width: 100%;
height: 15px;
background-color: #efe11f;
z-index: -1;
border-radius: 2px;
}
.mfn-inline-editor p {
max-width:900px;
width:100%;
margin:0 auto;
}
.mfn-banner-box {
background-color:#efe11f;
transition:0.3s ease-in-out;
}
.mfn-banner-box .banner-image {
visibility:hidden;
}
.mfn-banner-box .banner-wrapper h3, .mfn-banner-box .banner-wrapper p {
color:#09592b;
transition:0.3s ease-in-out;
}
.mfn-banner-box:hover {
background-color:#09592b;
}
.mfn-banner-box:hover .banner-wrapper h3, .mfn-banner-box:hover .banner-wrapper p {
color:#efe11f;
}
.mfn-banner-box .hidden-desc {
display:none;
}
.column_banner_box .mcb-item-banner_box-inner {
margin-bottom:0;
}
.column_counter .mcb-item-counter-inner {
background-image: none;
margin-bottom:0;
}
.counter .icon_wrapper i {
color: #000;
}
.counter .desc_wrapper .number-wrapper .number {
font-size: 38px;
font-family: "Frank Ruhl Libre", serif;
line-height: 1;
}
.counter .desc_wrapper .title {
font-size: 16px;
line-height: 1.5;
margin: 0;
color:#000;
}
.counter .icon_wrapper {
margin-bottom:0;
}
.counter .icon_wrapper i {
color: #09592b;
}
.column_button .mcb-item-button-inner {
margin-bottom:0;
}
.section-3-home {
overflow:hidden;
}
.demi-section .image_frame {
display: flex;
justify-content: end;
overflow:visible;
}
.demi-section .image_frame .image_wrapper {
width: 100%;
height: 500px;
max-width: 500px;
}
.demi-section .image_frame .image_wrapper img {
width:100%;
height:100%;
object-fit:cover;
}
.section-2-home .mcb-wrap-inner .mcb-column {
margin-bottom: 0px;
}
.mcb-item-counter-inner .counter {
padding-bottom:0;
}
.section-3-home .image_wrapper img {
position: relative;
z-index: 1;
}
.section-3-home .image_wrapper {
position: relative;
display: inline-block;
overflow: visible;
}
.section-3-home .image_wrapper::before,
.section-3-home .image_wrapper::after {
content: '';
position: absolute;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 200px;
z-index: 0;
animation: float 6s infinite ease-in-out;
}
.section-3-home .image_wrapper::before {
background-image: url(https://egsgafsa.com/wp-content/uploads/2025/06/points-circle-shape-.png);
top: -90px;
left: -90px;
}
.section-3-home .image_wrapper::after {
background-image: url(https://egsgafsa.com/wp-content/uploads/2025/06/circle-shape.png);
bottom: -35px;
right: -60px;
}
.section-4-home, .section-3-about {
background-image: url(https://egsgafsa.com/wp-content/uploads/2025/06/background-section.jpg);
background-size: cover;
position:relative;
overflow:hidden;
}
.section-4-home::after ,.section-3-about::after {
content: '';
position: absolute;
background: #0000008a;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
}
.section-4-home .section_wrapper {
align-items: center;
justify-content: center;
width: 100%;
}
.section-4-home .video-section {
display: flex;
justify-content: center;
}
.section-4-home h2 ,.section-4-home h5 ,.section-4-home p ,.section-3-about h2 ,.section-3-about h5 ,.section-3-about p {
color:#fff;
}
.section-4-home .title-highlight::after ,.section-3-about .title-highlight::after {
background-color: #09592b;
}
.section-4-home .title-highlight, .section-3-about .title-highlight {
color: #efe11f;
}
/*VIDEO POP UP STYLING*/
.play-button {
width: 100px;
height: 100px;
background-color: white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
transition: transform 0.2s ease;
}
.play-button:hover {
transform: scale(1.05);
}
.play-button::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 20px solid #09592b;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.video-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 100000; /* boost further just in case */
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
.video-popup.active {
opacity: 1;
pointer-events: auto;
}
.video-popup video {
max-width: 90%;
max-height: 80%;
border-radius: 8px;
z-index: 100001; /* optional, to ensure video is above any low z-index elements */
}
.close-popup {
position: absolute;
top: 20px;
right: 30px;
color: white;
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 100002; /* Ensure above everything */
}
.close-popup:hover {
color: #ccc;
}
/*VIDEO POP UP STYLING*/
/*section blog loop*/
.section-blog-loop .slick-slide h4 {
width:100%;
max-width:250px;
}
.blog_slider .slider_pager {
display: none;
}
.section-blog-loop .slick-slide .item_wrapper .image_frame {
margin-left: 0 !important;
}
.section-blog-loop .slick-slide .item_wrapper .date_label {
left: auto !important;
right: 0;
top: 260px !important;
background-color: #09592b !important;
color: #efe11f;
font-size: 18px;
padding: 5px 10px;
font-family: 'Frank Ruhl Libre';
}
.section-blog-loop .slick-slide .item_wrapper .date_label::after {
right: auto;
left: -20px;
top: 50%;
transform: translateY(-50%);
border-left-color: transparent !important;
border-width: 12.5px 12px 12.5px 12px;
border-right-color: #09592b !important;
}
.section-call-to-action .mcb-item-button-inner {
text-align: center;
}
/*home carousel*/
.home-carousel .owl-stage-outer {
overflow:hidden;
}
.home-carousel .owl-stage {
display:flex;
}
.home-carousel .owl-nav {
display:none;
}
.home-carousel .owl-dots {
position: absolute;
bottom: 10px;
right: -120px;
}
.home-carousel .owl-dot {
border-radius: 50%;
width: 20px !important;
height: 20px !important;
border: 2px solid #09592b;
margin-right: 10px;
transition: 0.3s ease-in-out;
padding:0;
}
.home-carousel .owl-dot.active {
border: 2px solid #efe11f;
}
/*ACCUEIL*/
/*ABOUT*/
.section-1-about .behind-image .mcb-column-inner {
display:flex;
justify-content:end;
}
.section-1-about .front-image {
position: absolute;
bottom: 0;
left:5%;
}
.section-2-about .column_story_box .desc_wrapper h3.themecolor {
background-color: #efe11f;
width: fit-content;
padding: 5px 20px;
color: #09592b;
transition:0.3s ease-in-out;
}
.section-2-about .column_story_box .story_box:hover .desc_wrapper h3.themecolor {
background-color: #09592b;
color: #efe11f;
}
.section-2-about .column_story_box {
margin-bottom:0;
}
/*ABOUT*/
/*SAISON*/
.section-1-saison .sliding_box .photo_wrapper {
bottom:0;
}
.section-1-saison .sliding_box .photo_wrapper::after {
content: '';
position: absolute;
background: #0000003d;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
transition:0.3s ease-in-out;
}
.section-1-saison .sliding_box:hover .photo_wrapper::after {
background: #0000008a;
}
.section-1-saison .sliding_box .desc_wrapper {
background: transparent;
padding: 0;
position: absolute;
bottom: 20px;
opacity:0.2;
transition:0.3s ease-in-out;
}
.section-1-saison .sliding_box:hover .desc_wrapper {
opacity:1;
}
.section-1-saison .sliding_box .desc_wrapper h3 {
transition:0.3s ease-in-out;
}
.section-1-saison .sliding_box:hover .desc_wrapper h3 {
color:#efe11f;
font-size:2.4em;
}
.section-1-saison .sliding_box .desc_wrapper:after {
display:none;
}
/*last matches cards*/
.egsg-resultats-wrapper .match-card:not(:last-child) {
margin-bottom:20px;
}
.match-card {
position: relative;
background-size: cover;
background-position: center;
color: #fff;
overflow: hidden;
border-radius: 16px;
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
.match-card::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(13,960,472)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%2309592B'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='511' height='425.8' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
opacity: 0.75;
background-position: bottom;
z-index: 1;
}
.match-overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: opacity 0.4s ease;
z-index: 2;
}
.match-card:hover .match-overlay {
opacity: 1;
}
.match-inner {
position: relative;
width: 90%;
z-index: 3;
text-align: center;
padding: 20px;
}
.match-info h5 {
font-weight: bold;
color:#fff;
margin-bottom: 20px;
}
.teams-scores {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.team {
text-align: center;
opacity: 0;
transform: translateX(-100%);
transition: all 0.5s ease;
}
.team--away {
transform: translateX(100%);
}
.match-card:hover .team--home {
opacity: 1;
transform: translateX(0);
}
.match-card:hover .team--away {
opacity: 1;
transform: translateX(0);
}
.team img {
max-width: 120px;
width: 100%;
margin-bottom: 8px;
}
.score {
font-size: 80px;
font-weight: bold;
opacity: 0;
transform: translateY(100%);
font-family: 'Frank Ruhl Libre';
transition: all 0.5s ease 0.2s;
}
.match-card:hover .score {
opacity: 1;
transform: translateY(0);
}
/*SAISON*/
/*GALLERY*/
.section-galerie .gallery .gallery-item:nth-last-of-type(-n+3) {
margin-bottom: 0;
}
/*GALLERY*/
/*CONTACT*/
.section-1-contact .icon_box {
padding:0 0 0 60px;
min-height:unset;
}
.section-1-contact .icon_box .icon_wrapper .icon {
color: #efe11f;
line-height: 0;
}
.section-1-contact .icon_box .icon_wrapper {
position: absolute;
left: 0;
top: 0;
margin: 0;
width: 50px;
height: 50px;
border: none;
}
.gform_heading {
display:none !important;
}
.gform-theme--foundation .gform_fields {
row-gap: 20px !important;
}
.gform_button {
width: 100% !important;
color: #efe11f !important;
background: #09592b !important;
transition: 0.3s ease-in-out !important;
}
.gform_button:hover {
color: #09592b !important;
background: #efe11f !important;
}
.gform-theme--foundation .gfield textarea.large {
border: none;
}
/*CONTACT*/
/*EQUIPE*/
.section-joueurs h2 {
position: relative;
}
.section-joueurs h2::after {
content: "";
position: absolute;
bottom: 10px;
right: 0;
width: 30%;
height: 60%;
background-color: #efe11f;
z-index: 1;
animation: afterLineAnim 6s ease-in-out infinite;
}
.section-joueurs h2::before {
content: "";
position: absolute;
bottom: 10px;
right: 0;
width: 40%;
height: 40%;
background-color: #09592b;
z-index: 2;
animation: beforeLineAnim 6s ease-in-out infinite;
}
@keyframes beforeLineAnim {
0%, 100% { width: 30%; }
50% { width: 40%; }
}
@keyframes afterLineAnim {
0%, 100% { width: 30%; }
50% { width: 20%; }
}
.egsg-players-wrapper .player-card {
background: radial-gradient(circle at bottom left, #ffee33, #69b44c, #006837);
width: 250px;
height: 350px;
perspective: 1000px;
margin: 20px auto;
}
.egsg-players-wrapper .player-card .card-inner {
width: 100%;
height: 100%;
position: relative;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
border: none;
border-radius: 10px;
overflow: hidden;
}
.egsg-players-wrapper .player-card:hover .card-inner {
transform: rotateY(180deg);
}
.egsg-players-wrapper .player-card .card-front, {
position: absolute;
width: 100%;
height: 100%;
backface-visibility:hidden;
border-radius:10px;
}
.egsg-players-wrapper .player-card .card-front {
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
height: 100%;
}
.egsg-players-wrapper .player-card .background-number {
position: absolute;
top: 15%;
right: 5%;
transform: translateY(-50%);
font-size: 140px;
font-weight: bold;
color: #efe11f;
opacity: 0.4;
z-index: 1;
pointer-events: none;
}
.egsg-players-wrapper .player-card .player-image {
width: 100%;
border-radius: 10px;
z-index: 2;
}
.egsg-players-wrapper .player-card .card-back {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 50%;
left: 50%;
opacity: 0;
transition: 0.3s ease-in-out;
position: absolute;
text-align: center;
transform: translate(-50%, -50%) rotateY(180deg);
}
.egsg-players-wrapper .player-card .card-back h3, .egsg-players-wrapper .player-card .card-back h6 {
color: #fff;
font-size: 48px;
line-height: 1.2;
}
.egsg-players-wrapper .player-card:hover .card-back {
opacity: 1;
}
.egsg-players-wrapper .player-card:hover .card-front {
opacity: 0;
}
/*EQUIPE*/
/* 1024 */
/*accueil*/
@media only screen and (max-width: 1024px) {
#Top_bar.is-sticky, #Top_bar.is-sticky .column.one {
min-height: unset;
}
#Top_bar.is-sticky .top_bar_left{
display: flex;
justify-content: space-between;
align-items: center;
}
.mfn-banner-box {
min-height:250px;
}
.section-blog-loop .slick-slide .item_wrapper .date_label {
top: 190px !important;
}
.home-carousel .owl-dots {
bottom: -20px;
}
}
/* 1024 */
/* 768 */
/*accueil*/
@media only screen and (max-width: 768px) {
/*header*/
.menu_wrapper nav {
top: 100%;
width: 100vw !important;
height: 100vh !important;
left: 50%;
transform: translate(-50%);
}
.menu_wrapper nav ul.menu-main li {
text-align:center !important;
}
/*header*/
.mfn-banner-box {
min-height:360px;
}
.section-3-home .image_wrapper::before {
top: -40px;
left: -45px;
}
.home-carousel .owl-dots {
bottom: -35px;
right: auto;
}
.section-1-about .front-image {
bottom: -85px;
}
.section-1-saison .mcb-wrap {
width:100%;
}
.section-1-saison .sliding_box .desc_wrapper {
opacity:1;
}
.section-1-saison .mcb-wrap:first-child {
margin-bottom:20px;
}
.section-2-contact .one-second:first-child {
display:none;
}
.section-1-contact .section_wrapper .mcb-wrap, .section-1-contact .section_wrapper .mcb-wrap iframe {
width:100%;
text-align:center;
}
.section-1-contact .icon_box {
padding: 10px 0;
}
.section-1-contact .icon_box .icon_wrapper {
left: 25%;
}
.section-1-contact .section_wrapper .mcb-wrap:not(:last-child) {
margin-bottom:20px;
}
.section-2-contact .section_wrapper .mcb-wrap, .section-2-billetterie .section_wrapper .mcb-wrap {
width:100%;
}
.section-2-contact .section_wrapper .mcb-wrap:nth-child(2), .section-2-billetterie .section_wrapper .mcb-wrap:first-child {
display:none;
}
.main-blog, .single-post main {
width:100% !important;
}
.sidebar-blog, .single-post .mcb-sidebar {
display:none;
}
footer.mfn-footer .tablet-one-fourth {
width: 50%;
}
footer {
background-position: center bottom !important;
}
}
/* 768 */
/* 600 */
@media only screen and (max-width: 600px) {
.mfn-banner-box {
min-height: auto;
max-height: 140px;
}
.section-1-about .front-image {
display:none;
}
.content_wrapper .mcb-column-inner {
margin: 0 ;
}
.mcb-wrap-inner, .section-3-home .mcb-wrap-inner {
text-align: center;
margin-bottom: 20px;
}
.icon_box .desc_wrapper {
text-align: center !important;
padding: 0 !important;
}
.section-1-contact .icon_box .icon_wrapper {
left: 16%;
}
.mcb-section .mcb-wrap .mcb-item-30828709a .mcb-column-inner-30828709a {
margin-bottom: 0 !important;
}
}
/* 600 */