/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


:root {
    --rouge-logo-ufc: #c7362f;
    --bleu-site-ufc: #002540;
}

/**
* -- TYPOGRAPHIE --
* - Les typographies principales : Lovelo est une typographie libre de droit, celle-ci est utilisée pour les gros titres.
* - Les typographies secondaires : Poppins est une typographie libre de droit
*
* -- COULEURS --
* Bleu sefocal : #002540
* Rouge sefocal : #c7362f 
*/

/**

*/

@font-face {
    font-family: 'Lovelo';
    src: url('assets/fonts/Lovelo/Commercial/WEB/Lovelo-Black.eot'),
        url('assets/fonts/Lovelo/Commercial/WEB/Lovelo-Black.woff2') format('woff2'),
        url('assets/fonts/Lovelo/Commercial/WEB/Lovelo-Black.woff') format('woff'),
        url('assets/fonts/Lovelo/Commercial/TTF/Lovelo-Black.ttf') format('truetype'),
        url('assets/fonts/Lovelo/Commercial/OTF/Lovelo-Black.otf') format('opentype');
}


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

# GLOBAL

--------------------------------------------------------------------
*/
body {
    font-size: 16px;
    line-height: 1.5;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lovelo', Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

div#page {
    margin-left: 25px;
    margin-right: 25px;
}

.lien-sefocal a {
    color: #c7362f;
    text-decoration: underline;
}

.heading-text.el-text h1+hr {
    background-color: #c7362f !important;
    width: 25%;
    color: #c7362f !important;
    border-color: #c7362f;
    margin-top: 10px;
}

.sf-posts-container {
    z-index: 2;
}

.isotope-filters a.active.isotope-nav-link {
    background: #333;
    color: #fff !important;
    padding: 4px 7px;
    border-radius: 4px;
}

/* bouton retour haut de page */
a.scroll-top .fa {
    background-color: #c7362f !important;
}

/* svg */
.fluid-svg .icon-media {
    width: 100% !important;
    height: 100%;
}

.fluid-svg .icon-media svg.style-custom-svg {
    width: 100%;
}

div#block-search-form {
    display: none;
}

.sf-heading-title p {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
}

.sf-heading-title div {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
}

article .post-content a {
    text-decoration: underline;
    color: #c7362f;
}

article .post-content a:hover {
    text-decoration: none;
}

.sf-row-80 {
    width: 80%;
    margin: auto;
}

.sf-mt-1 {
    margin-top: 1em !important;
}

/* button */
a.custom-link.sf-btn-link-white {
    color: #fff;
    text-decoration: none;
}

a.custom-link.sf-btn-link-white:hover {
    text-decoration: underline !important;
}

.uncode-wrapper.uncode-countdown.counter-coming-soon p span,
.uncode-vc-social.sf-launcher-social-icons.icons-lead .fa,
h3.h3.text-color-xsdn-color+div {
    color: white !important;
}

input.btn-sefocal-red {
    background-color: #c7362f !important;
    color: white;
}



.sf-title-contact p:first-child {
    font-family: 'Poppins';
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
}

.sf-title-contact p:nth-child(2) {
    margin-top: 0;
    font-size: 24px;
}

*::selection {
    background-color: #c7362f;
}

.post-content ul:not(.no-list) {
    padding-left: 30px;
}

/* button --------------------------------*/
a.custom-link.btn {
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000 !important;
    font-weight: 400 !important;
}

div#logo-container-mobile {
    padding: 7px;
}

.page-header-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.myLogoSlider {
    height: 150px;
}

.myLogoSlider img {
    max-height: 90px;
    width: auto !important;
}

.myLogoSlider .t-entry-visual-cont a {
    display: flex;
    justify-content: center;
}

/* Ajout rembourage à droite de la ligne de contenu */
.main-container .row-container .row-parent .post-content .row-parent {
    padding-right: 62px;
}

article .post-content .panel-title a {
    text-decoration: none;
}




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

# HEADER

--------------------------------------------------------------------
*/
#masthead:not(.menu-absolute) {
    z-index: inherit;
}


.page-header-container {
    margin-left: 22px;
    margin-right: 22px;
}

.page-header-container div#row-unique-0 {
    height: 450px;
}

.page-header-container div#row-unique-0 .row {
    height: 100%;
}

.page-header-container div#row-unique-0 .wpb_column.column_parent {
    padding-bottom: 0;
}

.page-header-container div#row-unique-0 .row.row-child {
    background-color: rgba(255, 255, 255, .7);
}

.sf-global-header .text-lead {
    margin-top: 0 !important;
}

.sf-global-header .text-lead p {
    color: #002540;
    font-size: 40px !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
}

/* header - home -------------------*/
.sf-header-home h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Poppins';
    margin: 0;
}

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

# FOOTER

--------------------------------------------------------------------
*/
footer.site-footer {
    position: relative;
}

footer.site-footer img.totem1 {
	display: none;
    width: 300px;
    opacity: 0.1;
    position: absolute;
    right: 100px;
    top: -50%;
}

footer .sf-logo-quality .uncont {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: row;
}

footer .sf-logo-quality .uncont .uncode-single-media {
    margin-top: 0 !important;
}

footer .sf-afaq img {
    height: 100px;
    width: auto !important;
}

.vc_custom_heading_wrap.footer-sefocal-totem .heading-text {
    display: flex;
    align-items: end;
    color: white;
}

.vc_custom_heading_wrap.footer-sefocal-totem p {
    width: 100%;
}

.site-footer hr.separator-break {
    border-color: #ffffff57 !important;
    margin-top: 1em;
}

.footer-nav-sefocal {
    margin-top: 1em;
}

.wpb_raw_html.sf-brand-footer .wpb_wrapper {
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
}

.wpb_raw_html.sf-brand-footer .wpb_wrapper img {
    margin-right: 1em;
}

.footer-nav-sefocal ul>li>ul {
    display: none;
}

.footer-nav-sefocal ul li {
    padding: 0 !important;
}

.footer-nav-sefocal ul li a {
    text-transform: none;
    font-size: 14px !important;
}

.footer-nav-sefocal ul.sub-menu {
    padding-left: 15px;
}

.footer-nav-sefocal ul.sub-menu li a {
    color: #ffffff57 !important;
}

.site-footer .footer-last {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* footer */
aside.widget.widget_nav_menu.sidebar-widgets ul li a::after {
    content: inherit !important;
}

.footer-nav-sefocal ul>li>ul {
    display: inherit;
}

article .post-body .post-content .row-parent {
    z-index: 2;
}

/* MODIF FOOTER 22/02/24 */

.menu-footer-infos-legal-container ul li {
	margin-bottom: 2px
}

footer .row-container .row-parent {
	padding-bottom: 0px !important;
}

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

# MENU

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

/* navigation UFC */
#block-menu-menu-ufc-global>.menu-wrapper {
    display: block;
}

#block-menu-menu-ufc-global li.depth-1>.menu-wrapper {
    height: auto;
}

#ufc-global-nav .menu-wrapper {
    position: initial;
}

#block-menu-menu-ufc-global li.depth-1>a,
#block-menu-menu-ufc-global li.depth-1>span {
    font-size: 13px !important;
}

/* Navigation sefocal principale */
.navbar-nav ul>li.active>a {
    background-color: #c7362f !important;
    color: #fff !important;
}


#menu-sefocal-navigation>li {
    padding: 10px;
}

#menu-sefocal-navigation>li>a:hover,
#menu-sefocal-navigation>li>ul.drop-menu>li>a:hover,
#menu-sefocal-navigation>li>ul.drop-menu>li>ul>li a:hover {
    background-color: #c7362f !important;
    color: #fff !important;
}

.menu-dark .menu-smart>li.current-menu-ancestor>a {
    background-color: #c7362f !important;
    color: #fff !important;
}

.sf-menu-inner ul.menu {
    list-style-type: none;
    padding: 0;
}

.sf-menu-inner ul>li>ul {
    display: none;
}


.sf-menu-inner ul.menu li {
    background-color: #002540;
    border-right: 8px solid #002540;
    position: relative;
    margin-bottom: 1px;
}

.sf-menu-inner ul>li>ul>li {
    background-color: #333 !important;
}

.sf-menu-inner ul.menu li:hover {
    border-right: 8px solid #c7362f;
}

.sf-menu-inner ul.menu li.active {
    border-right: 8px solid #c7362f;
}

.sf-menu-inner ul>li:hover>ul {
    display: block;
}

.sf-menu-inner ul.menu a {
    color: #fff;
    text-decoration: none;
    padding: 1em 1.5em;
    display: block;
}

.sf-menu-inner ul li a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}



/* Menu personnalisé 2 ------------------------ */
.sf-custom-2-red-rtl h3,
.sf-custom-2-red-ltr h3,
.sf-custom-2-blue-rtl h3,
.sf-custom-2-blue-ltr h3 {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    color: #767676;
}

.sf-custom-2-red-rtl ul>li,
.sf-custom-2-red-ltr ul>li,
.sf-custom-2-blue-rtl ul>li,
.sf-custom-2-blue-ltr ul>li {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.sf-custom-2-red-rtl ul>li a,
.sf-custom-2-red-ltr ul>li a,
.sf-custom-2-blue-rtl ul>li a,
.sf-custom-2-blue-ltr ul>li a {
    padding: 10px 15px 10px 15px !important;
    display: block !important;
    text-decoration: none !important;
}

.sf-custom-2-red-rtl .current_page_item a,
.sf-custom-2-red-ltr .current_page_item a,
.sf-custom-2-blue-rtl .current_page_item a,
.sf-custom-2-blue-ltr .current_page_item a {
    color: #c7362f;
    font-weight: 600;
}

.sf-custom-2-red-rtl ul>li.current-page-parent a,
.sf-custom-2-red-ltr ul>li.current-page-parent a,
.sf-custom-2-blue-rtl ul>li.current-page-parent a,
.sf-custom-2-blue-ltr ul>li.current-page-parent a {
    font-weight: 700;
}


.sf-custom-2-red-rtl ul>li::after,
.sf-custom-2-red-ltr ul>li::after,
.sf-custom-2-blue-rtl ul>li::after,
.sf-custom-2-blue-ltr ul>li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: -1;
    transition: all .5s ease;
}

.sf-custom-2-red-rtl ul>li::after,
.sf-custom-2-blue-rtl ul>li::after {
    right: 0;
}

.sf-custom-2-red-ltr ul>li::after,
.sf-custom-2-blue-ltr ul>li::after {
    left: 0;
}

.sf-custom-2-red-rtl ul>li::after,
.sf-custom-2-red-ltr ul>li::after {
    background-color: #c7362f;
}

.sf-custom-2-blue-rtl ul>li::after,
.sf-custom-2-blue-ltr ul>li::after {
    background-color: #002540;
}

.sf-custom-2-red-rtl ul>li:hover::after,
.sf-custom-2-red-ltr ul>li:hover::after,
.sf-custom-2-blue-rtl ul>li:hover::after,
.sf-custom-2-blue-ltr ul>li:hover::after {
    width: 100%;
}

.sf-custom-2-red-rtl ul>li:hover a,
.sf-custom-2-red-ltr ul>li:hover a,
.sf-custom-2-blue-rtl ul>li:hover a,
.sf-custom-2-blue-ltr ul>li:hover a {
    color: #ffffff !important;
}

/* Menu personnalisé 3 --------------------- */
.sf-menu-inner-3 ul {
    background-color: #1a1a1a;
}

.sf-menu-inner-3 ul>li {
    cursor: pointer;
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sf-menu-inner-3 ul>li>a {
    display: block !important;
    color: #ddd !important;
    text-decoration: none;
    padding: 10px 15px 10px 30px !important;
    position: relative;
}

.sf-menu-inner-3 ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    width: 7px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

.sf-menu-inner-3 ul>li:before {
    background-color: #c7362f;
}

.sf-menu-inner-3 ul>li:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

.sf-menu-inner-3 ul>li>ul>li:before {
    display: none;
}

/* Menu personnalisé 4 ----------------------- */
.sf-menu-inner-4 ul {
    background-color: #1a1a1a;
}

.sf-menu-inner-4 ul li {
    cursor: pointer;
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sf-menu-inner-4 ul li a {
    display: block !important;
    color: #ddd !important;
    text-decoration: none;
    padding: 10px 15px 10px 30px !important;
    position: relative;
}

.sf-menu-inner-4 ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    width: 7px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

.sf-menu-inner-4 ul li:nth-child(1):before {
    background-color: #c7362f;
}

.sf-menu-inner-4 ul li:nth-child(2):before {
    background-color: #0098d9;
}

.sf-menu-inner-4 ul li:nth-child(3):before {
    background-color: #303880;
}

.sf-menu-inner-4 ul li:nth-child(4):before {
    background-color: #1e743d;
}

.sf-menu-inner-4 ul li:nth-child(5):before {
    background-color: #36215a;
}

.sf-menu-inner-4 ul li:nth-child(6):before {
    background-color: #e1c411;
}

.sf-menu-inner-4 ul li:nth-child(7):before {
    background-color: #e1b1ae;
}

.sf-menu-inner-4 ul li:nth-child(8):before {
    background-color: #c7362f;
}

.sf-menu-inner-4 ul li:nth-child(9):before {
    background-color: #0098d9;
}

.sf-menu-inner-4 ul li:nth-child(10):before {
    background-color: #303880;
}

.sf-menu-inner-4 ul li:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

/* Menu personnalisé 5 --------------------- */
.sf-menu-inner-5 ul li {
    cursor: pointer;
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}

.sf-menu-inner-5 ul li a {
    display: block !important;
    color: #111 !important;
    text-decoration: none;
    padding: 10px 15px 10px 30px !important;
    position: relative;
}

.sf-menu-inner-5 ul li:before {
    background-color: #f1e0ca;
    width: 40px;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 100%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.sf-menu-inner-5 ul li:hover:before {
    width: 100%;
    border-radius: 1000px;
    background-color: #e1b1ae;
}

.sf-menu-inner-5 ul li a:before {
    font-weight: 900 !important;
    position: relative !important;
    left: -9px !important;
}

/* menu intérieur (sidebar) de page */
.sf-menu-inner ul.menu a {
    color: #fff;
    text-transform: initial;
}

/* MENU PERSONNALISE 6 -------------------------------- */
.sf-custom-menu6 h3.widget-title {
    color: #667;
    padding-bottom: 0.5em !important;
    margin-bottom: 0.5em;
    color: #6c757d !important;
    font-weight: 500 !important;
}

.sf-custom-menu6 ul>li {
    cursor: pointer;
    position: relative;
    display: list-item !important;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    text-size-adjust: 100%;
}

.sf-custom-menu6 ul>li>a {
    font-weight: 600;
    padding: 0.25rem 0.5rem !important;
    display: inline-flex !important;
    word-break: break-word;
    text-decoration: inherit !important;
    align-items: center !important;
    white-space: inherit;
    text-transform: none;
}

.sf-custom-menu6 ul>li>ul>li>a {
    font-weight: 400 !important;
}

.sf-custom-menu6 ul>li>ul.sub-menu {
    padding-left: 1em !important;
}

.sf-custom-menu6 ul>li>ul.sub-menu>li>a::before {
    display: none !important;
}

.sf-custom-menu6 ul>li>a:hover {
    background: #e1b1ae !important;
    border-radius: 4px;
}

/* Custom sidebar ------------------------------------ */
.col-widgets-sidebar aside.widget_nav_menu h3 {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 0.75em !important;
    margin-bottom: 0.75em;
}

.col-widgets-sidebar aside.widget_nav_menu ul li a {
    font-weight: 600;
}

.col-widgets-sidebar aside.widget_nav_menu ul li ul.sub-menu li a {
    font-weight: 400;
    padding: 5px 1em;
    margin-left: 1em;
}

.col-widgets-sidebar aside.widget_nav_menu ul li ul.sub-menu li a::before {
    content: inherit;
}

.col-widgets-sidebar aside.widget_nav_menu ul li a[href]:hover {
    background-color: #c98383;
    border-radius: 4px;
}


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

# ACCORDION

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

/* accordion */
.uncode-accordion p.panel-title>a>span:after {
    background-color: #c7362f;
    color: #fff !important;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uncode-accordion p.panel-title>a:hover>span:after,
.uncode-accordion p.panel-title.active>a>span:after {
    background-color: #002540;
}

.uncode-accordion p.panel-title.active>a {
    text-decoration: none;
    font-weight: 600;
}

.uncode-accordion .panel-body {
    padding-left: 1em;
    padding-right: 1em;
}

.uncode-accordion:not(.default-typography) .panel-title>a>span {
    font-weight: bold !important;
    font-size: 14px;
}

.uncode-accordion p.panel-title a:hover {
    color: #c7362f !important;
}

.uncode-accordion p.panel-title.active a {
    color: #c7362f !important;
}

/* accordion ----------------*/
.sf-accordion {
    background-color: #f1f1f1;
    padding: 1em;
}

.sf-accordion .panel-group {
    background-color: #fff;
    /* border: 1px solid #ccc; */
}

.sf-accordion .panel-group h2 {
    margin-top: 0;
    padding: 15px;
}

.sf-accordion .panel-group .panel.panel-default {
    /* border-color: #ccc; */
    padding-left: 1em;
    padding-right: 1em;
}



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

# PAGE ACCUEIL 

---------------------------------------------------------------------------------
*/
/* section actu, agenda, réseaux */
div#sf-twitter-container {
    height: 375px;
    overflow: auto;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.main-container .row-container .row-parent .column_child.one-internal-gutter .uncont>*:not(:first-child) {
    margin-top: 36px !important;
}


a.txt-lower {
    text-transform: lowercase !important;
}

/* social icons */
.sf-social-icons--box .fa {
    color: #002540;
}

.sf-social-icons--box .fa:hover {
    color: #c7362f;
}

.sf-horizontal-social-icons a .fa {
    color: #fff;
}

/* conteneur actualités page accueil */
.sf-home-last-posts aside ul li {
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
}

.sf-home-last-posts aside ul li span.post-date {
    display: flex;
    background: #c7362f !important;
    color: #fff;
    width: min-content;
    padding: 2px 10px;
    border-radius: 4px;
}

.sf-home-last-posts li {
    padding-top: 16px;
    padding-bottom: 16px;
}

.sf-home-last-posts li a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 19.8px;
}

.sf-home-last-posts li a:hover {
    color: #c7362f;
}

.sf-home-info {
    z-index: 1;
}

.sf-home-info .uncont {
    padding: 1em !important;
    height: 390px;
    overflow: hidden;
}

.sf-home-info .sf-home-last-posts {
    background: white;
    padding: 1em;
    height: 100%;
}

.sf-home-info .sf-home-social-networks {
    overflow: hidden;
    margin-bottom: 1em;
    height: 100%;
}

/* évènements page accueil */
.sf-home-last-events {
    background-color: #fff;
    height: 100%;
    overflow: auto;
}

.sf-home-last-events .mec-month-divider:first-child {
    margin-top: 0;
    margin-bottom: 10px;
}

.sf-home-last-events article .mec-event-detail {
    display: none;
}




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

# MODERN EVENTS CALENDAR

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

/* custom events archive page */
body.archive.post-type-archive-mec-events section#main-content {
    max-width: 1200px;
    margin: auto;
    padding: 36px;
    color: #c7362f !important;
}

body.archive.post-type-archive-mec-events section#main-content h1 {
    color: #c7362f !important;
}

.mec-event-list-minimal .mec-event-title {
    font-size: 16px;
}

.mec-event-content h1.mec-single-title {
    color: #c7362f !important;
    font-size: 40px !important;
    font-family: 'Lovelo', Helvetica, Arial, sans-serif;
    position: relative;
}

h1.mec-single-title::after {
    content: "";
    background-color: #c7362f !important;
    width: 25%;
    color: #c7362f !important;
    border-color: #c7362f;
    height: 2px;
    margin-top: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 2;
}

.mec-single-event-description.mec-events-content p {
    color: #000;
}

.mec-single-event-description.mec-events-content a {
    text-decoration: underline;
    color: #c7362f;
}

.mec-export-details ul li a {
    display: block;
}


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

# RGPD

---------------------------------------------------------------------------------
*/
.gdpr-wrapper footer input.btn-accent.btn-flat {
    background: #002540;
    color: white;
}


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

# TABS

---------------------------------------------------------------------------------
*/
/* sf-tabs */
.sf-tabs {
    padding: 1.5rem;
    border: 1px solid #dee2e6;
}

.sf-tabs .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.sf-tabs .nav-tabs li a {
    display: block;
    padding: 0.5rem 1rem;
    color: #c7362f;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.sf-tabs ul.nav-tabs li.active a {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.sf-tabs .tab-content {
    background-color: #fff;
    padding: 1em;
}

.sf-tabs .nav-tabs li a:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}







button.gdpr-agreement.btn-accent.btn-flat {
    background-color: blue;
}





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

# RESPONSIVE 

---------------------------------------------------------------------------------
*/
@media (min-width: 960px) and (max-width: 1300px) {

    /* reduce the padding around the logo */
    .col-lg-0 {
        padding: 27px 12px 27px 36px;
    }

    /* reduce the padding of the menu items */
    .menu-smart>li>a {
        padding: 0px 2px !important;
    }

    /* reduce the menu letter spacing */
    .menu-container ul.menu-smart>li>a,
    .menu-container ul.menu-smart li.dropdown>a {
        letter-spacing: 0px !important;
    }

    /* reduce the dropdown arrows padding */
    .menu-smart i.fa-dropdown {
        padding: 0px 0px 0px 2px;
    }

    /* reduce the first menu item padding */
    body[class*=hmenu-] .menu-borders .navbar-nav+.navbar-nav-last>*:first-child {
        margin: 0px 0px 0px 0px;
    }

}

/* End @media (min-width: 960px) and (max-width: 1300px) */

@media (min-width: 960px) {
	
    /* Menu principal --------------------------- */
    #menu-sefocal-navigation>ul {
        left: 0 !important;
        width: 340px !important;
    }

    header {
        z-index: inherit;
    }


    #menu-sefocal-navigation ul>ul {
        left: 100% !important;
    }
	
    #menu-sefocal-navigation ul li a {
        color: black; 
    }

    .menu-horizontal ul#menu-sefocal-navigation>li>ul:not(.mega-menu-inner) {
        /* left: 10px !important; */
        width: 337px !important;
    }

    .menu-horizontal ul#menu-sefocal-navigation>li>ul:not(.mega-menu-inner) ul {
        margin-left: 100% !important;
        margin-inline-start: 100% !important;
        width: 100% !important;
    }

    .sf-social-icons--box {
        background-color: #fff;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: -24px !important;
        padding-top: 8px;
        padding-bottom: 7px;
    }

    .sf-social-icons--box::after {
        content: "";
        position: absolute;
        background-color: #b1b1b1;
        width: 1px;
        height: 100px;
        bottom: -110px;
        right: 48%;
    }
}

/* Tablets */
@media (max-width: 959px) {
	
    /* Navigation */
    div#ufc-global-nav {
        display: none;
    }

    h1 {
        font-size: 35px !important;
    }

    #page-header .sf-header .row-inner .uncol {
        max-width: 95% !important;
    }

    .menu-horizontal ul#menu-sefocal-navigation>li a {
        display: block;
        text-align: center;
    }

    .menu-horizontal ul#menu-sefocal-navigation>li a {
        display: block;
        text-align: center;
        line-height: 2;
    }

    .menu-container .logo-container {
        padding: 15px !important;
    }

    .sf-section-counter-home .row-inner.cols-md-responsive .column_child {
        display: inline-table !important;
    }

    .sf-col {
        margin-top: 1em !important;
    }

    .sf-col .btn {
        display: block !important;
    }

    .sf-col .row-internal.row-container {
        margin-top: 0 !important;
    }

    .sf-col .divider-wrapper:nth-child(even) hr {
        display: none !important;
    }

    .sf-col .heading-text {
        text-align: center;
    }

    .sf-col h6 span {
        font-size: 20px;
        margin-top: 2em !important;
    }

    .sf-section-counter-home {
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
    }

    .main-container .unequal.row .cols-md-responsive>div[class*=col-md-]:not(.col-md-clear) {
        display: inline-table !important;
    }

    /* .sf-row-container-counter .row-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        align-content: center;
        height: 100% !important;
    } */

    .sf-col-counter {
        margin-bottom: 1em;
    }

    .sections-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sf-horizontal-social-icons {
        text-align: center;
    }

    .row-parent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-scroll-top {
        display: none !important;
    }

    .wpb_raw_code.wpb_content_element.wpb_raw_html.sf-brand-footer {
        margin: auto;
        display: block;
        width: 50%;
    }

    .sf-logo-ufc {
        text-align: center;
    }

    body:not(.menu-mobile-centered) .main-menu-container .menu-smart ul a:not(.cart-thumb):not(.btn) {
        margin-left: inherit !important;
    }

    .mec-events-meta-group.mec-events-meta-group-countdown {
        display: none;
    }

    .mec-container .col-md-8 {
        width: 100%;
    }
    .mec-container .col-md-4 {
        width: 100%;
    }
	
	.menu-horizontal {
        background-color: #002540;
    }
	
	#menu-sefocal-navigation {
        background-color: #002540;
    }
	
	.nav ul li {
        background-color: #002540;
    }
}

/* End Tablets */


@media (max-width: 768px) {

    /* Navigation */
    div#ufc-global-nav {
        display: none;
    }

    .sf-brand-footer img {
        height: 63px;
    }

    .wpb_raw_code.wpb_content_element.wpb_raw_html.sf-brand-footer {
        width: 100%;
        padding: 10px;
    }

    .mec-container {
        width: 100%;
    }
	
	.menu-horizontal {
        background-color: #002540;
    }
	
	#menu-sefocal-navigation {
        background-color: #002540;
    }
	
	.nav ul li {
        background-color: #002540;
    }
}


/* Mobiles */
@media (max-width: 569px) {

    .sections-container {
        padding-left: inherit;
        padding-right: inherit;
    }

    div#page-header .row-inner {
        height: 400px !important;
    }

    div#page-header .row-inner .uncol {
        max-width: 100% !important;
    }

    .sf-header-home h1 {
        font-size: 40px;
    }

    h1 {
        font-size: 40px;
    }

    .sf-heading-title div {
        font-size: 40px;
    }

    .post-body {
        padding-right: 15px;
        padding-left: 15px;
    }
	
	.menu-horizontal {
        background-color: #002540;
    }
	
	#menu-sefocal-navigation {
        background-color: #002540;
    }
	
	.nav ul li {
        background-color: #002540;
    }
	
	
}