/*======================================
Theme Name: Usca Football
Description: Thème Usca Football
Version: 1.0
Template: Divi
======================================*/



/* ---------- GÉNÉRAL ---------- */





/* ---------- COLORS ---------- */

.yellow {color: #ffde56;}
.bg_yellow {background-color: rgba(255,222,86,1);}

.black {color: #010002;}
.bg_black {background-color: rgba(1,0,2,1);}

/* ---------- SPÉCIALS ---------- */

.grecaptcha-badge {bottom: -100px !important;}
body #page-container .et_pb_section .et_pb_button_0.leetchi:hover {background-color: #000 !important; color: #ffde56 !important;}
body #page-container .et_pb_section .et_pb_button_0.leetchi:hover:before {color: #ffde56 !important;}

/* ---------- TOP BAR ---------- */

#top-header > .container {padding-top: 1em;}
#top-header #et-info {width: 100%; font-size: 14px;}
#top-header #et-info .et-social-icons {float: right;}
#top-header span:before, #top-header a:before {color: #ffde56;}
#top-header #et-info #et-info-phone:before {top: 1px; margin-right: 5px;}
#top-header #et-info #et-info-email:before {margin-right: 5px;}
#top-header a:hover {color: #ffde56;}
#top-header #et-info .et-social-icon a {font-size: 20px;}

/* ---------- HEADER ---------- */

.et_fixed_nav #main-header {padding-top: 10px;}



/* ---------- TITLE ---------- */





/* ---------- HOME ---------- */

.home_title {}
.home_title h1 {}
.home_title h1 span {display: block;}
.home_title h2 {}

.slider_infos_date {}
.slider_infos_txt {}
.slider_infos_txt p:first-child {padding-bottom: 10px;}

.home_video {background-color: #010002;}
.home_video .et_pb_video_box video {height: 500px !important;}
.home_video .et_pb_video_overlay {background-size: 420px;}

.bloc_txt h2 {padding: 25px 40px; margin-bottom: 25px; background-color: #ffde56; text-align: left;}
.bloc_txt.bloc_black h2 {background-color: #010002;}
.bloc_txt p {padding-left: 40px; padding-right: 40px;}
.bloc_txt ul {padding-left: 60px; padding-right: 40px; text-align: left; line-height: 1.4em;}
.bloc_txt ul li:not(:last-child) {padding-bottom: 15px;}
.bloc_txt ul ul {padding-left: 30px; padding-top: 15px;}
.bloc_axes h3 {margin-bottom: 15px; border-bottom: 1px solid #ffde56;}
.bloc_axes img.ico_axe {max-height: 100px; margin: 0 auto 30px; display: block;}

#le-seminaire:before {content:''; background-image: url('https://www.usca-foot.fr/wp-content/uploads/2025/07/ballon_foot.png'); max-width: 50%; width: 500px; height: 492px; background-repeat: no-repeat; background-size: contain;; background-position: center; position: absolute; top: -20%; right: -8%;}
.et_pb_section_6:after {content:''; background-image: url('https://www.usca-foot.fr/wp-content/uploads/2025/07/ballon_foot.png'); width: 250px; height: 246px; background-repeat: no-repeat; background-size: contain;; background-position: center; position: absolute; bottom: 10px; left: 10px;}
#contact:before {content:''; background-image: url('https://www.usca-foot.fr/wp-content/uploads/2025/07/ballon_foot.png'); width: 250px; height: 246px; background-repeat: no-repeat; background-size: contain;; background-position: center; position: absolute; top: 10px; right: 10px;}


/* ---------- PAGES DE CONTENU ---------- */






/* ---------- CONTACT ---------- */

.contact_infos {}
.contact_infos strong {}
.contact_infos a {padding-left: 25px; position: relative; display: block; margin-bottom: 10px; font-weight: 500 !important;}
.contact_infos a:hover {color: #ffde56 !important; text-decoration: underline;}
.contact_infos a:before {color: #ffde56 !important; font-size: 20px; position: absolute; left: -5px; font-family: ETmodules !important; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0; direction: ltr;}
.ico_phone:before {content: "\e090"; position: relative; top: 5px;}
.ico_mail:before {content: "\e076"; position: relative; top: 5px;}
.ico_map:before {content: "\e081"; position: relative; top: 5px;}
input::placeholder, textarea::placeholder {opacity: 0.5 !important;}
.et-pb-contact-message {color: #ffde56;}


/* ---------- FOOTER ---------- */

.footer-widget {text-align: center;}
.footer-widget .fwidget {float: none;}
.footer-widget #block-9 img {max-width: 100px !important; max-height: 100px; margin: 0 30px; display: inline-block; vertical-align: middle;}
.footer-widget #block-9 img:first-child {margin-left: 0;}
.footer-widget #block-9 img:last-child {margin-right: 0;}
.footer-widget a {display: block; margin-bottom: 5px;}
.footer-widget a:before {color: #ffde56; margin-right: 5px; top: 2px !important; margin-right: 5px; font-family: ETmodules !important; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0; direction: ltr;}
.footer-widget a:hover {text-decoration: underline;}
.footer-widget a:hover:before {text-decoration: inherit;}
#footer-bottom .et-social-icons li {margin-left: 0;}




/* ---------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- RESPONSIVE---------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */


@media screen and (min-width: 1025px) {


}

@media screen and (min-width: 981px) {

	#main-header #logo {max-height: 160px !important; transition: all ease-in-out .4s;}
	#main-header.et-fixed-header #logo {max-height: 88px !important; transition: all ease-in-out .4s;}
}

@media screen and (min-width: 960px) {


}

@media screen and (min-width: 767px) {


}


/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 1399px) {

	img.ico_axe {max-height: 75px; margin-bottom: 15px;}
}

@media screen and (max-width: 1199px) {


}

@media screen and (max-width: 1100px) {


}

@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 980px) {

	#top-header .container {padding-top: 0 !important;}
	.et_header_style_left header #logo {max-width: inherit; max-height: 160px;}
	.mobile_menu_bar:before {color: #010002 !important;}
	#contact .et_pb_column_19 {margin-bottom: 0 !important;}
	#contact:before {top: inherit; right: inherit; bottom: 10px; left: 10px;}
}

@media screen and (max-width: 767px) {

	.bloc_txt p {padding-left: 20px; padding-right: 20px;}
	.bloc_txt ul {padding-left: 40px; padding-right: 20px;}
	.bloc_txt ul ul {padding-left: 20px;}
	.footer-widget #block-9 img {max-width: 60px !important; max-height: 60px; margin: 0 15px;}
	.home_video .et_pb_video_overlay {background-size: 250px;}
}

@media screen and (max-width: 480px) {

	.footer-widget #block-9 img {max-width: 50px !important; margin: 0 8px;}
}

@media screen and (max-width: 380px) {
    

}