.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}.button-default,.button-default:active,.button-default:focus,.button-default:hover{text-decoration:none}.button-default{font:bold 12px sans-serif;color:#222;cursor:pointer;padding:5px;margin:5px}.button-default.csv:before,.button-default.txt:before,.button-default.xls:before,.button-default.xlsx:before{content:none}.csv,.txt,.xls,.xlsx{margin:4px 0}.csv:before,.txt:before,.xls:before,.xlsx:before{margin-right:10px;padding:11px 15px 12px;box-shadow:1px 1px 2px rgba(0,0,0,.2)}.xlsx:before{content:"";background:#006400 url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/img/xlsx.svg) no-repeat center}.xls:before{content:"";background:green url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/img/xls.svg) no-repeat center}.csv:before{content:"";background:#00f url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/img/csv.svg) no-repeat center}.txt:before{content:"";background:purple url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/img/txt.svg) no-repeat center}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}* {
box-sizing: border-box;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; 
font-smoothing: antialiased; 
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, body {
box-sizing: border-box;
font-family: 'Source Sans Pro', helvetica, arial, lucida, sans-serif;
font-size: 1rem;
line-height: 1.4rem;
font-weight: 300;
font-style: normal;
background: #fff;
color: #2c2c2c;
text-rendering: optimizeLegibility; 
word-wrap: normal !important;
-webkit-hyphens: none !important;
hyphens: none !important;
-webkit-word-break: normal !important;
word-break: normal !important;
}
@font-face {
font-family: 'CeraPRO-Black';
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.eot);
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.eot?#iefix) format('embedded-opentype'),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.woff2) format('woff2'),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.woff) format('woff'),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.ttf) format('truetype');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.eot);
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.woff2) format("woff2"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.woff) format("woff"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.ttf) format("truetype"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.svg#fontawesome) format("svg");
}
:root {
--cera: 'CeraPRO-Black'; 
--leftright: 2vw;
--bleu-clair : #2b95fc;
--bleu-light : #d2e6fa;
--bleu-fonce : #00407f;
--gris : #efeff0;
--orange : #f8a60c;
--gris-typo : #2c2c2c;
--height-youtube : 450px;
--leftright: 6vw;
}
.cera {
font-family: var(--cera);
letter-spacing: -1px;
}
p.cera {
letter-spacing: 0;
}
.bold {
font-weight: 700;
}
.bkg-blanc {
background: #fff;
}
.bkg-gris {
background: var(--gris);
}
.bkg-bleu-clair {
background: var(--bleu-clair);
}
.bkg-bleu-light {
background: var(--bleu-light);
}
.bkg-bleu-fonce {
background: var(--bleu-fonce);
}
.bkg-orange {
background: var(--orange);
}
.bleu-clair {
color: var(--bleu-clair);
}
.bleu-fonce {
color: var(--bleu-fonce);
}
.bleu-light {
color: var(--bleu-light);
}
.orange {
color: var(--orange);
}
p {
word-wrap: normal !important;
-webkit-hyphens: none !important;
hyphens: none !important;
-webkit-word-break: normal !important;
word-break: normal !important;
margin-bottom: 10px;
font-family: 'Source Sans Pro', helvetica, arial, lucida, sans-serif;
margin-top: 0;
line-height: 1.3rem;
color: #2c2c2c;
font-style: normal;
position: relative;
}
.entry-content p {
margin: 0;
margin-bottom: 10px;
}
.small,
p.small {
font-size: .8rem;
line-height: 1rem;
}
.big,
p.big {
font-size: 1.25rem;
line-height: 1.7rem;
margin-bottom: 15px;
}
a {
color: var(--gris-typo);
}
.breadcrumbs a:hover,
p a:hover {
text-decoration: underline !important;
}
.contenu-single p a {
text-decoration: underline !important;
color: var(--bleu-clair);
}
.contenu-single ul {
margin: 15px 0;
list-style: square;
}
.contenu-single ul li {
margin: 4px 0 4px 15px;
}
.superbig {
font-size: 1.75rem;
line-height: 1.8rem;
}
.megabig {
font-size: 2rem;
line-height: 1.9rem;
}
.cap {
text-transform: uppercase;
letter-spacing: 1px;
}
ul, ol {
margin: 0;
}
a {
text-decoration: none;
outline: none;
}
a,
a:hover,
a:visited,
a::after,
a:hover::after {
outline-style: none !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none !important;
}
a,
a:visited {
}
a img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
img.width100 {
width: 100%;
max-width: 100%;
height: auto;
}
:focus {
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--cera);
font-style: normal;
font-weight: normal;
margin: 0;
text-transform: none;
}
h1,
h2,
h3 {
color: var(--bleu-clair);
letter-spacing: -1px;
}
h1 {
font-size: 4.3rem;
line-height: 4.1rem;
letter-spacing: -2px;
color: #fff;
}
body.home h1 {
font-size: 5.5rem;
line-height: 4.8rem;
letter-spacing: -2px;
}
h2 {
font-size: 4.5rem;
line-height: 4.3rem;
letter-spacing: -2px;
margin-bottom: 40px;
}
.contenu-single h2,
body.home h2 {
font-size: 3.75rem;
line-height: 3.6rem;
letter-spacing: -2px;
}
h3 {
font-size: 2.5rem;
line-height: 2.3rem;
letter-spacing: -1px;
margin-bottom: 30px;
margin-top: 40px;
}
h3.small {
font-size: 1.8rem;
line-height: 1.7rem;
margin-bottom: 25px;
margin-top: 0;
}
h3.big {
font-size: 3.1rem;
line-height: 2.9rem;
letter-spacing: -1px;
margin-bottom: 30px;
}
h4 {
color: var(--bleu-fonce);
font-size: 1.5rem;
line-height: 1.7rem;
margin-bottom: 15px;
}
h4.big {
font-size: 2.1rem;
line-height: 2.3rem;
margin-bottom: 20px;
}
h5 {
color: var(--bleu-fonce);
font-size: 1.25rem;
line-height: 1.3rem;
margin-bottom: 15px;
letter-spacing: -1px;
}
.cta,
a.cta {
background: var(--orange);
color: #fff;
text-transform: uppercase;
font-size: .85rem;
height: 36px;
line-height: 36px;
border-radius: 20px;
text-align: center;
padding: 0 40px;
margin: 20px 0;
display: inline-block;
font-family: var(--cera);
}
.cta:hover,
a.cta:hover {
background: var(--bleu-fonce);
}
.bkg-bleu-fonce a.cta:hover {
background: var(--bleu-clair);
}
a.cta.cta-bleu-clair {
background: var(--bleu-clair);
}
a.cta.cta-filet {
background: #fff;
border: 2px solid var(--orange);
color: var(--orange);
}
a.cta.cta-filet:hover {
background: #fff;
border: 2px solid var(--bleu-fonce);
color: var(--bleu-fonce);
}
a.cta.cta-bleu-fonce {
background: var(--bleu-fonce);
height: 50px;
padding: 0 40px;
border-radius: 25px;
}
a.cta.cta-bleu-fonce.btn-paiement {
height: auto;
}
a.cta.cta-bleu-fonce img {
max-height: 90%;
width: auto;
}
a.cta.cta-bleu-clair:hover {
background: var(--bleu-fonce) !important;
}
a.cta.cta-bleu-fonce:hover {
background: var(--bleu-clair);
}
.cta.small,
a.cta.small {
background: var(--orange);
color: #fff;
text-transform: none; 
font-weight: 700;
font-size: .8rem;
height: 24px;
line-height: 24px;
border-radius: 12px;
padding: 0 20px;
margin: 10px 0 0;
display: inline-block;
font-family: var(--cera); 
}
.cta.small:hover,
a.cta.small:hover {
background: var(--bleu-fonce);
}
.cta-light {
font-size: .9rem;
margin: 20px 0;
font-family: var(--cera); 
color: var(--bleu-clair);
padding-bottom: 4px;
background: none;
border: 0;
border-bottom: 2px solid var(--orange);
}
.cta-light:hover {
border-bottom: 2px solid var(--bleu-clair);
}   .youtube_player {
min-height: var(--height-youtube);
max-width: 100%;
}
.youtube_player iframe {
height: var(--height-youtube);
width: 100%;
}
iframe {
height: var(--height-youtube);
width: 100%;
}
.tac_activate {
height: var(--height-youtube);
min-height: var(--height-youtube);
}
.tac_float {
min-height: var(--height-youtube);
height: var(--height-youtube);
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitron #tarteaucitronPrivacyUrl {
background: var(--bleu-clair) !important;
}    #content {
margin-top: 0;
width: 100%;
}
section {
padding: 40px var(--leftright) 30px;
position: relative;
}
section.bkg-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
section.bkg-image.bkg-image-defaut {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/bkg-resultats.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.page-standard section.bkg-image h2,
.page-standard section.bkg-image h3,
.page-standard section.bkg-image h4,
.page-standard section.bkg-image h5,
.page-standard section.bkg-image p {
color: #fff;
}
section.bkg-image.haute {
padding: 120px var(--leftright);
}
.wrap {
width: 1280px;
max-width: 98%;
margin: 0 auto;
position: relative;
}
.container800 {
width: 850px;
max-width: 90%;
margin: 0 auto;
}
.hentry {
background: none;
border-radius: 0;
border: 0;
margin-bottom: 0;
}
.entry-content {
padding: 0;
}
.hentry header {
border: 0;
border-bottom: 0;
padding: 0;
}
.hentry footer {
border: 0;
padding: 0;
}
.clearboth {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.display-table {
display: table;
vertical-align: middle;
height: 100%;
width: 100%;
}
.display-table-cell {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.blanc p,
p.blanc,
.blanc {
color: #fff;
}
.bkg-cover {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.widget {
padding: 0;
margin: 0;
}
.widgettitle {
border: 0;
margin-bottom: 0;
}
.padding80 {
padding: 80px;
}
.padding60 {
padding: 60px;
}
.padding50 {
padding: 50px;
}
.padding40 {
padding: 40px;
}
.padding30 {
padding: 30px;
}
.padding20 {
padding: 20px;
}
.padding15 {
padding: 15px;
}
.padding10 {
padding: 10px;
}
.cartouche {
margin: 30px auto;
}
.container-flex {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
position: relative;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.container-flex-center {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.container-flex-nowrap {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.container-flex-start {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
position: relative;
}
.container-flex-end {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative;
}
.container-flex-start-nowrap {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
position: relative;
}
.flex-item-std {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.flex-item-moitie {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 48%;
position: relative;
}
.flex-item-quart {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 23%;
position: relative;
}
.flex-item-trois-quart {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 70%;
position: relative;
}
.flex-item-tiers {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 31%;
position: relative;
margin-bottom: 20px;
}
.flex-item-deux-tiers {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 68%;
position: relative;
margin-bottom: 20px;
}
.flex-item-auto {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.flex-item-cinq {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 18%;
position: relative;
}
.flex-item-32 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 32%;
margin-bottom: 30px;
position: relative;
}
.flex-item-40 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 40%;
position: relative;
}
.flex-item-60 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 60%;
position: relative;
}
.flex-item-full {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
position: relative;
}   #toTop {
display: none;
position: fixed; bottom: 20px;
right: 20px;
z-index: 8222;
}
#toTop::before {
content: '\e5d8';
font-family: 'Material Icons';
width: 50px;
height: 50px;
display: block;
background: rgba(203,203,203,0.3);
font-size: 1.6rem;
text-align: center;
line-height: 50px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
color: var(--gris-dark);
}
#toTop:hover::before {
background: rgba(203,203,203,1);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}   .loader-site {
background: var(--bleu-clair);
width: 100%;
height: 100%;
position: fixed;
z-index: 15000;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.spinner {
margin: 300px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: sk-rotate 2.0s infinite linear;
animation: sk-rotate 2.0s infinite linear;
}
.picto-loading {
height: 80px;
width: 80px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/loader.png) center center no-repeat;
background-size: contain;
left: 50%;
top: 210px;
margin-left: -40px;
position: absolute;
}
.dot1, .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} #holder {
opacity: 0;  
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
#holder.visible {
opacity: 1;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
}   header.header {
position: fixed; 
top: 0;
left: 0;
width: 100%;
z-index: 801;
background: none;
padding: 0 var(--leftright);
}
.zone-top-header {
height: 40px;
line-height: 40px;
text-align: right;
position: relative;
}
#top-header {
position: absolute;
top: 0;
right: 0;
}
.zone-top-header #search-2,
.zone-top-header #nav_menu-2,
.zone-top-header #text-2,
.zone-top-header #nav_menu-4,
.zone-top-header #nav_menu-3 {
display: block;
height: 40px;
float: left;
margin-right: 0;
}
.zone-top-header #nav_menu-3 {
margin-left: 30px;
}
#menu-menu-secondaire li.top-menu { float: left;
padding: 0 7px;
position: relative;  }
.zone-top-header a {
font-family: var(--cera);
text-transform: uppercase;
color: #fff;
font-size: .8rem;
padding: 0;
line-height: 40px;
position: relative;
}
#menu-menu-secondaire > li::after {
height: 6px;
width: 30%;
background: var(--bleu-clair);
content: '';
display: block;
left: 50%;
margin-left: -15%;
bottom: 0;
opacity: 0;
position: absolute;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#menu-menu-secondaire > li a {
display: block;
}
.sub-menu {
-webkit-transition: all 0.2s;
transition: all 0.2s;
top: -800px; position: absolute;  
z-index: 800;
height: 0;
}
.sub-menu li {
text-align: left;
background: var(--bleu-clair);
opacity: 1;
border-bottom: 2px solid #fff;
display: block;
min-width: 200px;
}
.sub-menu li:last-child {
border: 0;
}
.sub-menu li a {
font-family: var(--cera);
padding: 0 10px;
font-size: .75rem;
line-height: 42px;
display: block;
}
.sub-menu li:hover,
.sub-menu li.current-menu-item {
background: var(--bleu-fonce);
}
.menu-item-has-children:hover .sub-menu {
top: 40px;
}
#menu-menu-secondaire li.current-page-ancestor::after,
#menu-menu-secondaire li.current-menu-item::after,
#menu-menu-secondaire li:hover::after {
opacity: 1;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.zone-top-header .menu-menu-reseaux-sociaux-container,
.zone-top-header #menu-menu-reseaux-sociaux,
.zone-top-header #menu-menu-reseaux-sociaux li {
height: 40px;
}
li.twitter,
li.linkedin,
li.tiktok,
li.youtube,
li.facebook,
li.instagram {
display: inline-block;
width: auto !important;
margin: 0 15px 15px 0 !important;
}
li.twitter a::after,
li.linkedin a::after,
li.tiktok a::after,
li.youtube a::after,
li.facebook a::after,
li.instagram a::after {
content: '';
display: inline-block;
font-size: .85rem;
font-family: 'fontAwesome';
color: #fff;
}
#menu-menu-reseaux-sociaux li a:hover::after {
color: var(--bleu-clair);
}
#menu-menu-reseaux-sociaux-1 li.twitter,
#menu-menu-reseaux-sociaux-1 li.tiktok,
#menu-menu-reseaux-sociaux-1 li.linkedin,
#menu-menu-reseaux-sociaux-1 li.youtube,
#menu-menu-reseaux-sociaux-1 li.facebook,
#menu-menu-reseaux-sociaux-1 li.instagram {
margin: 20px 0 0 15px;
}
#menu-menu-reseaux-sociaux-1 li.twitter a::after,
#menu-menu-reseaux-sociaux-1 li.tiktok a::after,
#menu-menu-reseaux-sociaux-1 li.linkedin a::after,
#menu-menu-reseaux-sociaux-1 li.youtube a::after,
#menu-menu-reseaux-sociaux-1 li.facebook a::after,
#menu-menu-reseaux-sociaux-1 li.instagram a::after {
content: '';
display: inline-block;
font-size: .95rem;
font-family: 'fontAwesome';
color: #fff;
height: 42px;
width: 42px;
border-radius: 50%;
border: 2px solid #fff;
line-height: 42px;
text-align: center;
}
li.facebook a::after {
content: '\f39e' !important; }
li.instagram a::after {
content: '\f16d' !important;
}
li.youtube a::after {
content: '\f167' !important;
}
li.linkedin a::after {
content: '\f0e1' !important;
}
li.tiktok a::after {
content: '\e07b' !important;
}
li.twitter a::after {
content: '\f099' !important;
}
#menu-menu-reseaux-sociaux-1 li a:hover::after {
color: var(--bleu-clair);
background: #fff;
} #nav_menu-4 {
margin-left: 20px;
}
#nav_menu-4,
#nav_menu-4 li {
height: 40px;
}    #nav_menu-4 li.espace-licencie a {
color: #fff;
background: var(--bleu-clair);
display: block;
padding: 0 25px 0 45px;
position: relative;
}
#nav_menu-4 li.espace-club a {
color: #fff;
background: var(--orange);
display: block;
padding: 0 25px 0 45px;
position: relative;
}
#nav_menu-4 li.espace-licencie a::before {
content: '\e7fd';
position: absolute;
font-family: 'Material Icons';
font-size: 1.5rem;
left: 12px;
top: -1px;
}
#nav_menu-4 li.espace-club a::before {
content: '\e7fd';
position: absolute;
font-family: 'Material Icons';
font-size: 1.5rem;
left: 12px;
top: -1px;
}
#nav_menu-4 li a:hover {
background: var(--bleu-fonce);
}
.cta-espace-licencie {
color: #fff;
background: var(--bleu-clair);
display: block;
padding: 10px 25px 10px 45px;
position: absolute;
border-radius: 4px;
top: 22px;
right: 90px;
z-index: 7;
font-family: var(--cera);
text-transform: uppercase;
font-size: .8rem;
line-height: 1.1rem;
}
.cta-espace-licencie::before {
content: '\e7fd';
position: absolute;
font-family: 'Material Icons';
font-size: 1.5rem;
left: 12px;
top: 10px;
}
.mobile-only {
display: none;
}
.cta-espace-club {
color: #fff !important;
background: var(--bleu-fonce);
padding: 12px 20px 12px 55px;
position: relative;
border-radius: 4px;
font-family: var(--cera);
text-transform: uppercase;
font-size: .8rem !important;
line-height: 1.1rem !important;
display: none!important;
margin: 0 auto 30px !important;
}
.cta-espace-club:hover {
background: var(--orange);
}
.cta-espace-club::before {
content: '\f8df';
position: absolute;
font-family: 'Material Icons';
font-size: 1.5rem;
left: 15px;
top: 10px;
}   .zone-top-header p {
margin-bottom: 0;
}
a.declenche-search {
}
.declenche-search::after {
content: '\e8b6';
font-family: 'Material icons';
color: #fff;
font-size: 1.1rem;
display: inline-block;
vertical-align: top;
margin-top: 1px;
}
body.home .declenche-search::after {
color: #fff;
}
body.home header.scroll .declenche-search::after {
color: #fff;
}
#search-2 input#s {
width: 0px;
height: 34px;
margin-top: 3px;
background: #fff;
font-size: .85rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-right: 0;
padding: 0;
opacity: 0;
}
#search-2.actif input#s {
border-radius: 5px;
width: 300px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin-right: 10px;
padding: 0 12px;
opacity: 1;
}
#search-2 #searchsubmit {
display: none;
}
#inner-header {
background: #fff;
width: 100%;
padding: 10px;
position: relative;
}
.logo-header {
width: 225px;
height: 90px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/pentathlon-logo.png) top left no-repeat;
background-size: contain;
float: left;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#inner-header nav {
float: right;
margin-right: 30px;
}
#inner-header nav li {
padding: 0 20px;
}
#inner-header nav a {
font-family: var(--cera);
text-transform: uppercase;
color: var(--gris-typo);
padding: 0;
line-height: 90px;
position: relative;
}
#inner-header nav a::after {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
margin-left: -15%;
width: 0;
bottom: 25%;
height: 6px;
opacity: 0;
background: var(--bleu-clair);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#inner-header nav .current-menu-item a::after,
#inner-header nav a:hover::after {
margin-left: -15%;
width: 30%;
bottom: 25%;
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
header.header.scroll #inner-header {
box-shadow: 0 0 30px rgba(0,0,0, 0.2);
}
header.header.scroll .logo-header {
height: 48px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/pentathlon-logo-scroll.png) top left no-repeat;
background-size: contain;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
header.header.scroll #inner-header nav a {
line-height: 48px;
}
header.header.scroll .zone-top-header {
background: var(--bleu-fonce);
}
header.header.scroll #inner-header nav a::after,
header.header.scroll #inner-header nav a:hover::after {
bottom: 12%;
}   #rmp-container-131836 {
width: 85%;
}
#rmp-menu-title-131836 {
font-weight: 700 !important;
font-size: 16px !important;
padding-bottom: 15px !important;
}
li.adherents a {
padding: 6px 10px !important;
background: var(--orange) !important;
font-weight: 700 !important;
color: #fff !important;
margin-top: 10px !important;
}
button.rmp_menu_trigger {
z-index: 1872 !important;
top: 10px !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
border-left: 0 !important;
}   .prefooter {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 160px 0;
}
.prefooter a.cta {
display: inline-block;
margin-right: 15px;
margin-left: 15px;
}  footer.footer a,
footer.footer strong {
color: var(--bleu-fonce);
}
.bottom-footer ul {
margin: 8px 0;
}
.bottom-footer ul li {
float: none;
display: inline-block;
padding: 0 5px;
}
.bottom-footer a,
.bottom-footer nav li a {
color: var(--bleu-fonce);
padding: 0;
font-size: .85rem;
}   .slider {
width: 100%;
height: 85vh;
overflow: hidden;
position: relative;
}
.image-mobile-only {
width: 100%;
height: 85vh;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: none;
}
.slide { 
width: 100%;
height: 100%;
top: 0;
left: 0;
float: left;
position: absolute;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
#slideposition {
position: relative;
bottom: 40px;
left: 0;
width: auto;
text-align: center;
z-index: 500;
}
#slideposition ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#slideposition ul li.indicator {
display: inline-block;
height: 12px;
width: 12px;
background: #fff;
margin: 0 6px;
padding: 0;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
}
#slideposition ul li.indicator.active {
background: var(--bleu-clair);
}   .sidebar-home {
padding-left: 15px;
border-left: 10px solid var(--bleu-light);
}
div.gmw-ajax-form-wrapper {
background: none !important;
padding: 20px 0 0 !important;
}
div.gmw-ajax-form-wrapper div.gmw-locator-button-wrapper.text,
div.gmw-ajax-form-wrapper input.gmw-submit-button {
background: var(--bleu-fonce) !important;
font-weight: 700 !important;
}
div.gmw-ajax-form-wrapper .gmw-field-label {
display: none !important;
}
.container-image-actu {
overflow: hidden;
position: relative;
text-align: center;
}
body.blog .container-image-actu,
body.home .container-image-actu {
height: 230px;
}
body.home .flex-item-full .container-image-actu {
height: 600px;
max-height: 60vh;
}
.hover-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
-webkit-transition: all .3s;
transition: all .3s;
background: rgba(0,0,0,0);
}
.container-image-actu:hover .hover-image {
-webkit-transition: all .3s;
transition: all .3s;
background: rgba(0,0,0,0.4);
}
.icone-actu::before {
content: '\e8a0';
display: block;
color: #fff;
font-family: 'Material icons';
font-size: 3rem;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.container-image-actu:hover .icone-actu::before {
opacity: 1;
-webkit-transition: all .4s;
transition: all .4s;
}
.container-image-actu img {
height: 100%;
min-width: 100%;
min-height: 100%;
width: auto;
position: absolute;
margin:auto;
top: -2000px;
left: -2000px;
right: -2000px;
bottom: -2000px;    
-webkit-transform: scale(1.15);
transform: scale(1.05);
object-fit: cover;
}
.container-image-actu:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.date-actu {
margin: 10px 0;
}
.actu-mise-avant {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 70px 40px 40px;
width: 100%;
margin: 30px 0;
}
.uipm-home img {
max-width: 100%;
height: auto;
}
.defaut-mea {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/le_sport_compte.jpg) center center no-repeat;
background-size: contain;
width: 100%;
height: 240px;
}
.liste-competitions {
margin-bottom: 30px;
}
.liste-competitions li {
padding: 20px;
position: relative;
}
.liste-competitions li p:last-child {
margin-bottom: 0;
}
.liste-competitions li:nth-of-type(odd) {
background: var(--bleu-light);
}
.liste-competitions li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 13;
}
.liste-competitions li:hover {
box-shadow: 0 0 40px rgba(0,0,0,0.2);
-webkit-transition: all .3s;
transition: all .3s;
}
.picto-competition {
position: absolute;
top: 50%;
margin-top: -12px;
right: 10px;
z-index: 12;
}
.picto-competition::after {
content: '+';
display: block;
font-family: var(--cera);
font-size: 1.2rem;
color: var(--bleu-clair);
height: 24px;
width: 24px;
line-height: 26px;
text-align: center;
border: 3px solid var(--bleu-clair);
border-radius: 50%;
opacity: .4;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
li:hover .picto-competition::after {
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
section.bkg-image.newsletter {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/bkg-clubs.jpg) center center no-repeat;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.sbscrbr-unsubscribe-wrap {
display: none;
}
#sbscrbr-form p {
font-size: .85rem;
line-height: 1.2rem;
padding: 0 80px;
}
.sbscrbr-email-wrap {
margin: 25px auto;
}
.sbscrbr-email-wrap input {
max-width: 300px;
margin: 0 auto;
}
.sbscrbr-GDPR-wrap input {
margin-right: 8px;
}
.sbscrbr-GDPR-wrap a {
display: block;
margin-top: 10px;
font-weight: bold;
color: var(--orange) !important;
}
.sbscrbr-form-done,
.sbscrbr-form-error {
padding: 8px 15px !important;
max-width: 50%;
margin: 15px auto !important;
font-size: 1rem !important;
line-height: 1.4rem !important;
font-weight: bold !important
}
.sbscrbr-form-done {
background: var(--bleu-clair);
}
.sbscrbr-form-error {
background: #ff0000;
}
.sbscrbr-submit-block {
margin-top: 15px;
}
a.lien-newsletter {
font-family: var(--cera);
color: var(--orange);
letter-spacing: -1px;
}
a.lien-newsletter::after {
content: '\e895';
display: inline-block;
font-family: 'Material icons';
margin-left: 8px;
font-size: 1rem;
vertical-align: middle;
color: var(--orange);
}
.fil-instagram {
padding-bottom: 110px;
}
#sb_instagram #sbi_images .sbi_item {
padding: 0 2px 2px !important;
} #sb_instagram #sbi_load { }
#sb_instagram #sbi_load .sbi_load_btn {
padding: 8px 40px !important;
border-radius: 20px !important;
font-family: var(--cera) !important;
text-transform: uppercase;
font-size: .85rem !important;
}   .top-page {
height: 380px;
width: 100%;
background-image: linear-gradient(to top, var(--bleu-clair), var(--bleu-fonce));
}
.top-page h1 {
max-width: 60%;
padding-top: 200px;
}
.top-page h2 {
padding-top: 200px;
}
.top-page.top-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.breadcrumbs {
padding: 6px 0;
color: var(--bleu-fonce);
font-size: .95rem;
}
.breadcrumbs a {
color: var(--bleu-clair);
font-weight: 700;
}
.breadcrumbs .separ {
display: inline-block;
}
.breadcrumbs .separ::before {
content: '\e315';
display: inline-block;
font-size: 1rem;
font-family: 'Material icons';
vertical-align: middle;
}
.breadcrumbs ul {
margin: 0;
padding: 0 var(--leftright);
}
.breadcrumbs ul li {
display: inline-block;
padding: 0 2px;
}
.breadcrumbs ul li::before {
content: '\e315';
display: inline-block;
font-size: 1rem;
font-family: 'Material icons';
vertical-align: middle;
}
.breadcrumbs ul li:first-child {
padding-left: 0;
}
.breadcrumbs ul li:first-child::before {
display: none;
}
.intro-section {
margin-bottom: 40px;
} .container-carrousel {
align-items: flex-end; 
}
.owl-carousel {
cursor: grab;
}
.item {
position: relative;
}
.image-slide {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
}
.owl-nav {
position: relative;
margin-top: 15px;
text-align: center;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
margin: 0;
background: var(--gris);
height: 60px;
width: 60px;
position: relative;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
background: var(--bleu-clair);
}
.owl-carousel .owl-nav button.owl-prev:hover::before,
.owl-carousel .owl-nav button.owl-next:hover::before {
color: #fff;
}
.owl-carousel .owl-nav button.owl-next {
margin-left: 15px;
}
.owl-prev::before,
.owl-next::before {
content: '';
position: absolute;
font-family: 'Material icons';
left: 15px;
top: 20px;
font-size: 1.9rem;
color: var(--bleu-clair);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.owl-prev::before {
content: '\e5c4';
}
.owl-next::before {
content: '\e5c8';
}
.container-carrousel h3::before {
content: '';
display: block;
width: 60px;
height: 60px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/blue-arrow.png) center center no-repeat;
background-size: contain;
opacity: .4;
margin-bottom: 10px;
transform: rotate(90deg)
}
.section-histoire h2::after {
content: '';
display: block;
width: 110px;
height: 110px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/white-arrow.png) center center no-repeat;
background-size: contain;
opacity: .2;
position: absolute;
right: 0;
bottom: 70px;
}
.format-pentathlon {
margin-bottom: 20px;
}
.format-pentathlon .bkg-bleu-clair {
position: relative;
min-height: 352px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.format-pentathlon .bkg-bleu-clair a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.format-pentathlon .bkg-bleu-clair:hover {
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.filet-epais {
height: 6px;
width: 150px;
margin: 10px auto 25px;
background: rgba(255,255,255,0.3);
}
.chiffre-big {
font-size: 5rem;
line-height: 4rem;
}
.lien-format::before {
content: '\e63a';
display: block;
margin: 0 auto 10px;
font-family: 'Material icons';
font-size: 2.5rem;
}
.illustration-image {
position: absolute;
left: 0;
top: 60px;
width: 540px;
height: 600px;
max-width: 30vw;
max-height: 70vh;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
} .jour-compet {
padding-left: 40px;
padding-right: 40px;
}
.carousel-calendrier {
cursor: default;
}
.item-competition li {
margin-bottom: 15px;
position: relative;
}
.item-competition li a,
.item-resultat li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 13;
}
.carousel-calendrier .item-competition li:hover {
background: #fff;
box-shadow: 0 0 40px rgba(0,0,0,0.2);
}
.carousel-calendrier .item-competition li:hover .jour-compet {
background: var(--bleu-fonce);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.carousel-calendrier h3 {
font-size: 2.5rem;
line-height: 2.6rem;
letter-spacing: -1px;
margin-bottom: 40px;
}
.carousel-calendrier .picto-competition {
margin-top: -20px;
right: 20px;
}
.carousel-calendrier .picto-competition::after {
content: '+';
font-size: 2rem;
height: 36px;
width: 36px;
line-height: 38px;
}
#saisons {
position: absolute;
top: 40px;
right: 0;
max-width: 250px;
background-color: #fff;
border: 1px solid var(--bleu-clair);
z-index: 25;
font-size: .85rem;
border-radius: 0;
}
select {
-webkit-appearance: none;
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/arrow-select.png);
background-repeat: no-repeat;
background-position: 95% center; 
}
.carousel-calendrier .owl-nav {
position: absolute;
top: 10px;
left: 42%;
margin-top: auto;
}
.carousel-resultats .owl-nav {
position: absolute;
top: -20px;
left: 45%;
margin-top: auto;
}
.carousel-resultats .owl-nav button.owl-prev,
.carousel-resultats .owl-nav button.owl-next {
margin: 0 40px 0;
width: auto;
height: auto;
background: none;
}
.carousel-calendrier .owl-nav button.owl-prev,
.carousel-calendrier .owl-nav button.owl-next {
margin: 0 20px 0;
width: 60px;
height: 60px;
background: var(--bleu-clair);
}
.carousel-calendrier .owl-prev::before,
.carousel-calendrier .owl-next::before {
content: '';
position: absolute;
font-family: 'Material icons';  font-size: 1.9rem;
color: #fff; text-align: center;  z-index: 268; -webkit-transition: all 0.4s;
transition: all 0.4s;
}
.carousel-calendrier .owl-prev::before {
content: '\e5c4';
left: 15px;
}
.carousel-calendrier .owl-next::before {
content: '\e5c8';
right: 15px;
} .carousel-calendrier .owl-nav button.owl-prev:hover,
.carousel-calendrier .owl-nav button.owl-next:hover {  
background: var(--bleu-fonce);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.carousel-resultats .owl-prev::before,
.carousel-resultats .owl-next::before {
content: '';
position: absolute;
font-family: 'Material icons';
left: 15px;
top: 20px;
font-size: 1.9rem;
color: var(--bleu-clair);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.carousel-resultats .owl-prev::before {
content: '\e5c4';
left: 0;
}
.carousel-resultats .owl-next::before {
content: '\e5c8';
right: 0;
}
button.disabled::before {
display: none;
} .container-resultats .flex-item-tiers {
margin: 20px 0 30px;
}
.carousel-resultats {
margin-top: 40px;
}
.item-resultat {
background: #fff;
}
.item-resultat li {
border-bottom: 1px solid var(--bleu-clair);
position: relative;
}
.picto-resultat {
position: absolute;
right: 10px;
top: 40%;
}
.picto-resultat::after {
content: '\e896';
display: block; 
font-family: 'Material Icons';
font-size: 1.8rem;
color: var(--bleu-clair);
opacity: .5;
}
.item-resultat li:hover {
background: var(--bleu-light);
}
.item-resultat li:hover .picto-resultat::after {
opacity: 1;
}
.carousel-resultats .owl-nav {
position: absolute;
top: 35px;
left: auto;
right: -10px;
margin-top: auto;
transform: rotate(180deg);
}
.carousel-resultats .owl-nav button.owl-prev,
.carousel-resultats .owl-nav button.owl-next {
margin: 0 10px 0;
}
.carousel-resultats .owl-prev::before,
.carousel-resultats .owl-next::before {
color: #fff;
} .annee-classements::after {
content: '';
display: inline-block;
margin-left: 10px;
height: 55px;
width: 40px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/medaille.png) top left no-repeat;
background-size: contain;
vertical-align: middle;
}
.liste-classements {
margin-top: 20px;
}
.liste-classements li {
background: rgba(255,255,255,0.4);
margin-bottom: 5px;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
.liste-classements li h5 {
width: 70%;
margin-bottom: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.liste-classements li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 16;
}
.liste-classements li::after {
content: '\e873';
position: absolute;
display: block;
top: 40%;
right: 15px;
font-family: 'Material Icons';
font-size: 1.5rem;
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.liste-classements li:hover {
background: rgba(255,255,255,0.9);
-webkit-transition: all .3s;
transition: all .3s;
}
.liste-classements li:hover::after {
color: var(--bleu-clair);
-webkit-transition: all .3s;
transition: all .3s;
}
.liste-classements li:hover h5 {
color: var(--bleu-clair);
-webkit-transition: all .3s;
transition: all .3s;
} .liste-clubs {
margin-top: 30px;
}
.liste-clubs .gmw-ajax-form-wrapper,
.liste-clubs .gmw-ajax-filters {
display: none !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list {
border-top: 0 !important;
padding: 20px 0 !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
border-bottom: 0 !important;
margin-bottom: 25px !important;
background: var(--bleu-light) !important;
padding: 20px !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-hours-of-operation-wrapper,
div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-location-meta-wrapper,
div.gmw-ajax-results-wrapper.image-disabled ul.gmw-results-list .gmw-item-details,
div.gmw-ajax-results-wrapper.image-disabled ul.gmw-results-list .gmw-item-location {
width: 100% !important;
margin: 0 !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-item-title a,
div.gmw-ajax-results-wrapper ul.gmw-results-list h3 {
line-height: 1.4rem !important;
margin-bottom: 20px !important;
margin-top: 15px !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list a.gmw-get-directions {
color: #fff !important;
font-size: .7rem !important;
margin: 15px auto !important;
height: 28px !important;
border-radius: 14px !important;
line-height: 28px !important;
background: var(--orange) !important;
text-transform: uppercase !important;
text-align: center !important;
padding: 0 40px !important;
display: inline-block !important;
font-family: var(--cera) !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list span.distance {
background: var(--gris) !important;
font-weight: 700;
color: var(--gris-typo) !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list .field {
background-color: none !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-item-footer .gmw-item-meta span.label {
display: none !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
-webkit-justify-content: space-between !important;
justify-content: space-between !important;
width: 18% !important;
position: relative !important;
}
div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-item-footer .gmw-item-meta h3 {
margin: 10px 0 5px !important;
}
.liste-clubs .phone a::before,
.liste-comites .phone a::before,
.liste-clubs .email a::before,
.liste-comites .email a::before {
content: '';
display: inline-block;
margin-right: 5px;
font-family: 'Material Icons';
font-size: .9rem;
color: var(--bleu-clair);
vertical-align: middle;
}
.liste-clubs .phone a::before,
.liste-comites .phone a::before {
content: '\e0cd';
}
.liste-clubs .email a::before,
.liste-comites .email a::before {
content: '\e158';
}
.infos-comite {
padding-top: 10px;
margin-top: 10px;
border-top: 2px solid var(--bleu-clair);
}
section.bkg-image.liste-comites {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/bkg-clubs.jpg) center center no-repeat;
background-size: cover;
}
.gmw-results-message {
display: none !important;
}
.pave-club {
min-height: 390px;   
}
a.lien-club {
position: absolute;
bottom: 0;
left: 20px;
}   .top-page.top-page-actualites {
height: 150px;
}
body.blog .container-image-actu.image-actu-une {
height: 100%;
width: 100%;
}
.flux-actus .flex-item-tiers:first-child {
display: none;
visibility: hidden;
}
body.paged .article-der {
display: none;
}
.pagination {
margin: 0 auto 30px;
font-weight: 700;
}
.pagination ul {
border-radius: 0;
background: none;
}
.pagination .current {
color: #fff;
}
.page-numbers li {
width: 40px;
height: 40px;
border: 0;
margin-right: 6px;
font-weight: 700;
background: #fff;
float: none;
display: inline-block;
}
span.current {
background: var(--bleu-clair);
}
.page-numbers li a {
color: var(--bleu-fonce);
font-weight: 700;
}
.page-numbers li a:hover {
background: var(--bleu-clair);
}
.pagination .current:hover,
.pagination .current:focus {
background-color: var(--bleu-clair);
color: #fff;
}
.top-page.top-page-single-actu {
height: auto;
padding-bottom: 50px;
}
.top-page.top-page-single-actu h1 {
max-width: 100%;
}
.contenu-single .image-actu-import img {
margin: 20px auto;
max-width: 100%;
height: auto;
}
.contenu-single img,
.contenu-single img.size-full {
margin: 20px auto;
display: block;
max-width: 100%;
height: auto;
}
.contenu-single img.wp-post-image {
margin: 0 0 40px;
max-width: 100%;
width: 100%;
height: auto;
}
.images-supplementaires .flex-item-moitie {
margin-bottom: 30px;
}
.images-supplementaires img {
width: 100%;
height: auto;
min-height: 100%;
object-fit: cover;
margin: 0;
}
.navigation-post a {
display: block;
font-size: 1.3rem;
line-height: 1.5rem;
color: #fff;
}
.navigation-post .prevpost a {
padding-left: 60px;
}
.navigation-post .nextpost {
text-align: right;
}
.navigation-post .nextpost a {
padding-right: 60px;
}
.navigation-post .prevpost a::before {
content: '\e5c4';
display: block;
position: absolute;
color: var(--orange);
font-size: 1.8rem;
font-family: 'Material Icons';
margin-right: 20px;
margin-top: 5px;
left: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.navigation-post .prevpost a:hover::before {
left: -15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.navigation-post .nextpost a::before {
content: '\e5c8';
display: block;
position: absolute;
color: var(--orange);
font-size: 1.8rem;
font-family: 'Material Icons';
margin-top: 5px;
right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.navigation-post .nextpost a:hover::before {
right: -15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.acf-map {
width: 100%;
height: 400px;
margin: 20px 0;
}
.acf-map img {
max-width: inherit !important;
}
.bloc-partage {
padding-top: 20px;
margin-top: 20px;
padding-bottom: 50px;
border-top: 5px solid var(--bleu-light);
}
a.share-icone {
text-decoration: none !important;
margin: 0 8px;
}
a.share-icone::before {
content: '';
display: inline-block;
font-size: 1.6rem;
font-family: 'fontAwesome';
color: var(--orange);
}
a.share-icone:hover::before {
color: var(--bleu-clair);
}
a.share-icone.share-twitter::before {
content: '\f081';
}
a.share-icone.share-facebook::before {
content: '\f082';
}
a.share-icone.share-linkedin::before {
content: '\f08c';
}
a.share-icone.share-google::before {
content: '\f0d4';
}   .widget div.gmw-single-location-wrapper,
div.gmw-single-location-wrapper {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}
.flex-item-tiers .gmw-map-wrapper.sl.single_location {
display: none !important;
}
.widget div.gmw-single-location-wrapper h3.gmw-sl-title a,
div.gmw-single-location-wrapper h3.gmw-sl-title a {
color: var(--bleu-clair) !important;
}
.widget div.gmw-single-location-wrapper h3.gmw-sl-title,
div.gmw-single-location-wrapper h3.gmw-sl-title {
margin: 0 !important;
padding: 0 15px 30px 0 !important;
border-bottom: 0 !important;
}
div.gmw-single-location-wrapper div.gmw-sl-address i.gmw-location-icon,
div.gmw-single-location-wrapper div.gmw-sl-distance i.gmw-distance-icon,
div.gmw-single-location-wrapper i.gmw-directions-icon {
display: none !important;
}
.widget div.gmw-single-location-wrapper i[class*=gmw-icon-],
div.gmw-single-location-wrapper i[class*=gmw-icon-] {
display: none !important;
}
div.gmw-map img {
margin: 0 !important;
}
div.gmw-single-location-wrapper .gmw-get-directions-link-wrapper, div.gmw-single-location-wrapper .gmw-sl-additional-info-wrapper, div.gmw-single-location-wrapper .gmw-sl-address, div.gmw-single-location-wrapper .gmw-sl-directions-link-wrapper, div.gmw-single-location-wrapper .gmw-sl-directions-trigger-wrapper, div.gmw-single-location-wrapper .gmw-sl-distance {
font-size: .85rem !important;
line-height: 1.1rem !important;
}
li.field .label {
display: none !important;
}
ul.coordonnees-club {
font-size: .85rem;
line-height: 1.1rem;
}
ul.coordonnees-club li {
list-style: none;
padding: 4px 2px 10px;
border-bottom: 1px solid #ededed;
margin-bottom: 7px;
margin-top: 7px;
margin-left: 0;
}
.web a::before,
.email a::before,
.fax::before,
.telephone a::before,
.adresse::before,
.gmw-sl-address::before,
.gmw-sl-distance::before,
div.gmw-single-location-wrapper .field.phone::before,
div.gmw-single-location-wrapper .field.email::before,
.gmw-sl-directions-link-wrapper a::before {
content: '\e0cd';
display: inline-block;
margin-right: 8px;
font-family: 'Material Icons';
font-size: 1.1rem;
vertical-align: middle;
color: var(--bleu-clair);
}
.adresse::before,
.gmw-sl-address::before {
content: '\e0c8';
}
.gmw-sl-distance::before {
content: '\e87a';
}
.telephone a::before,
div.gmw-single-location-wrapper .field.phone::before {
content: '\e0cd';
}
.fax::before,
div.gmw-single-location-wrapper .field.fax::before {
content: '\e8ad';
}
.email a::before,
div.gmw-single-location-wrapper .field.email::before {
content: '\e158';
}
.web a::before,
div.gmw-single-location-wrapper .field.web::before {
content: '\e320';
}
.gmw-sl-directions-link-wrapper a::before {
content: '\e52e';
}
.flex-item-deux-tiers .widget div.gmw-single-location-wrapper h3.gmw-sl-title,
.flex-item-deux-tiers div.gmw-single-location-wrapper h3.gmw-sl-title {
font-size: 1.5rem !important;
line-height: 1.3rem !important;
padding: 20px 20px 30px 20px !important;
}
ul.coordonnees-club li a:hover {
color: var(--bleu-clair);
}   .top-page.top-page-single-compet {
width: 100%;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tetiere-competition.jpg) center center no-repeat;
}
section.bkg-image.liens-competitions {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/bkg-compet.jpg) top center no-repeat;
background-size: cover;
}
.module-lien-bleu {
background: var(--bleu-clair);
display: block;
width: 100%;
border-radius: 6px;
}
.module-lien-bleu .titre-lien::before {
content: '';
display: block;
width: 60px;
height: 60px;
margin: 0 auto 5px;
}
.module-lien-bleu:hover {
box-shadow: 0 20px 40px rgba(0,0,0, 0.3);
}
.module-lien-bleu.lien-programme .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/picto-programme.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.lien-resultats .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/picto-resultats.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.lien-engages .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/picto-engages.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.pas-dispo {
background: var(--bleu-fonce);
}
.module-lien-bleu.pas-dispo:hover {
box-shadow: 0;
box-shadow: none;
}
table.dataTable.no-footer {
border-bottom: 0;   
}
#liste-engages_wrapper thead td {
background-color: var(--bleu-fonce);
color: #fff;
}
#liste-engages_wrapper tbody tr:nth-child(even) td {
background: var(--bleu-light);
}
#liste-engages_wrapper tbody tr td:nth-child(2) {
font-weight: bold;
color: var(--bleu-clair);
}
#section-engages .tableau-competitions {
font-size: .9rem;
line-height: 1.1rem;
}
#section-engages table.dataTable tbody tr td {
padding: 10px 12px;
}   .top-page.top-page-std {
width: 100%;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tetiere-std.jpg) center center no-repeat;
}
.contenu-flexible {
padding: 20px 0;
}
.module-download {
margin-bottom: 20px;
position: relative;
border-radius: 4px;
margin-right: 2%;
}
.module-download a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.module-download:hover {
box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.module-download h5::before {
content: '\e2c0';
display: block;
font-family: 'Material Icons';
font-size: 1.5rem;
margin-bottom: 10px;
color: #fff;
}
.ensemble-liens {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 6px solid var(--bleu-light);
}
.Zebra_Accordion dd {
display: none;
}
.Zebra_Accordion dt {
cursor: pointer;
}
.Zebra_Accordion {
margin: 60px 0;
}
.accordion-titre {
padding: 12px 20px;
background: rgba(255,255,255,.6);
margin-bottom: 4px;
position: relative;
}
.accordion-titre.Zebra_Accordion_Expanded .flex-item-quart {
color: var(--bleu-clair);
}
.accordion-titre.Zebra_Accordion_Expanded {
background: rgba(255,255,255,1);
}
.accordion-titre-resultats {
position: relative;
background: var(--bleu-light);
padding: 12px 20px;
margin-bottom: 4px;
-webkit-transition: all .3s
transition: all .3s
}
.accordion-titre-resultats:hover,
.accordion-titre-resultats.Zebra_Accordion_Expanded {
background: var(--bleu-fonce);
-webkit-transition: all .3s
transition: all .3s
}
.accordion-titre-resultats h4 {
margin-bottom: 0;
-webkit-transition: all .3s
transition: all .3s
}
.accordion-titre-resultats:hover h4,
.accordion-titre-resultats.Zebra_Accordion_Expanded h4 {
color: #fff;
-webkit-transition: all .3s
transition: all .3s
}
.accordion-titre-resultats::after,
.accordion-titre::after {
position: absolute;
content: '';
display: block;
width: 20px;
height: 20px;
right: 20px;
top: 14px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/accordion-close.png) top left no-repeat;
background-size: contain;
}
.accordion-titre-resultats.Zebra_Accordion_Expanded::after,
.accordion-titre.Zebra_Accordion_Expanded::after {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/accordion-open.png) top left no-repeat;
background-size: contain;
}
.accordion-contenu {
padding: 40px;
background: #fff;
color: var(--gris-typo);
margin-bottom: 4px;
}
.page-standard section.bkg-image .accordion-contenu p {
color: var(--gris-typo);
}
.page-standard section.bkg-image .accordion-contenu h4 {
color: var(--bleu-fonce);
}
.page-standard section.bkg-image .accordion-contenu h3 {
color: var(--bleu-clair);
}
.accordion-contenu .flex-item-quart::after {
content: '';
display: block;
position: absolute;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/blue-arrow.png);
width: 100px;
height: 100px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
right: 30px;
top: 0;
opacity: .3;
}
.accordion-contenu-resultats {
padding: 0;
background: var(--bleu-light);
margin-bottom: 4px;
}
.accordion-contenu-resultats li {
border-bottom: 1px solid var(--bleu-clair);
position: relative;
background: #fff;
list-style: none;
margin: 0 !important;
}
.accordion-contenu-resultats li::after {
content: '\e896';
display: block;
font-family: 'Material Icons';
font-size: 1.8rem;
color: var(--bleu-clair);
opacity: .5;
position: absolute;
top: 18px;
right: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.accordion-contenu-resultats li:last-child {
border: 0;
}
.accordion-contenu-resultats li:hover {
background: var(--bleu-clair);
color: #fff !important;
}
.accordion-contenu-resultats li:hover .bleu-clair,
.accordion-contenu-resultats li:hover .bleu-fonce,
.accordion-contenu-resultats li:hover p.bleu-fonce {
color: #fff;
}
.accordion-contenu-resultats .flex-item-deux-tiers,
.accordion-contenu-resultats .flex-item-tiers {
margin-bottom: 0;
}
.accordion-contenu-resultats li:hover::after {
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search-results article {
padding: 30px;
margin: 0 0 20px;
border-radius: 6px;
box-shadow: 0 0 40px rgba(0,0,0,0.2);
}   body#extranet-pentathlon #responsive-menu-button {
display: none !important;
}
body#extranet-pentathlon #inner-header {
margin-top: 0 !important;
}
header.header-extranet {
top: 0;
padding: 0;
}
header.header-extranet #inner-header.wrap {
max-width: 100%;
}
header.header-extranet .logo-header {
width: 200px;
height: 70px;
}
.liens-top-extranet {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 3px solid var(--gris);
text-align: center;
}
.liens-bottom-extranet {
margin-top: 30px;
padding-top: 30px;
border-top: 3px solid var(--orange);
text-align: center;
}
.liens-top-extranet .flex-item-cinq {
margin-bottom: 15px;
}
.liens-top-extranet .flex-item-cinq a {
background: var(--bleu-clair);
border-radius: 4px;
width: 100%;
display: block;
color: #fff;
position: relative;
height: 40px;
line-height: 40px;
text-align: center;
}
.liens-top-extranet .flex-item-cinq a:hover {
box-shadow: 0 8px 12px rgba(0,0,0,0.2);
background: var(--bleu-fonce);
}
.menu-extranet {
float: left;
margin-left: 50px;
margin-top: 20px;
}
.menu-extranet li {
display: inline-block;
margin: 0 15px;
}
.menu-extranet li a {
color: var(--bleu-clair);
}
.menu-extranet li a::before {
content: '';
width: 16px;
height: 16px;
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}
.menu-extranet .item-tdb a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tdb-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-fiches a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fiche-club-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-licences a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licences-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-competitions a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/engagements-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-documents a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/documents-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-clubs a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/club-bleu.png) center center no-repeat;
background-size: contain;
}
.item-fiche .module-lien-bleu,
.item-licencie .module-lien-bleu,
.item-competitions .module-lien-bleu,
.item-documents .module-lien-bleu,
.item-clubs .module-lien-bleu {
min-height: 210px;
}
@media only screen and (max-width: 1024px) {
.welcome {
display: none;
}
.menu-extranet {
margin-left: 30px;
margin-top: 20px;
}
.menu-extranet li a { 
font-size: .8rem;
text-align: center;
}
.menu-extranet li a::before {
content: '';
width: 28px;
height: 28px;
display: block;
margin: 0 auto 6px;
vertical-align: top;
}
.menu-extranet .item-tdb a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tdb-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-fiches a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fiche-club-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-licences a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licences-bleu.png) center center no-repeat;
background-size: contain;
}   
.menu-extranet .item-competitions a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/engagements-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-documents a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/documents-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-clubs a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/club-bleu.png) center center no-repeat;
background-size: contain;
}
}
@media only screen and (max-width: 768px) {
header.header-extranet .logo-header {
width: 130px;    
}
.header-extranet .floatright {
float: none;
position: absolute;
top: 0;
right: 5px;
}
.menu-extranet {
float: right;
margin-right: 80px;
margin-left: 0;
margin-top: 10px;
}
.menu-extranet li {
margin: 0 10px;
}
}
@media only screen and (max-width: 600px) {
header.header-extranet {
position: relative;
}
.top-page.top-page-extranet {
height: 140px !important;
}
header.header-extranet .logo-header {
float: none;
}
.top-page.top-page-extranet h1 {
padding-top: 40px !important;
font-size: 2.2rem;
line-height: 2.1rem;
}
.top-page.top-page-extranet h3 {
font-size: 1.7rem;
line-height: 1.6rem;
}
.menu-extranet {
float: none;
margin: 5px auto;
text-align: center;
}
.menu-extranet li {
margin: 0 15px;
text-align: center;
}
}
.top-page.top-page-extranet {
width: 100%;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/home-slide-natation.jpg) center center no-repeat;
background-size: cover;
height: 300px;
}
.top-page.top-page-extranet h1 {
max-width: 100%;
padding-top: 140px;
}
.item-fiche .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fiche-club.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-licencie .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licences.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-competitions .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/engagements.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-documents .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/documents.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-clubs .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/club.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
body.page-template-page-extranet-fiche-club #message {
margin: 15px 0;
padding: 30px;
background: var(--orange);
}
body.page-template-page-extranet-fiche-club #message p {
color: #fff;
margin: 0;
font-weight: 700;
}
.identification {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid var(--orange);
}
.liens-bottom-extranet .cta {
margin: 0 10px;   
}
.liens-bottom-extranet a.cta.cta-bleu-fonce {
height: 36px;
line-height: 36px;
border-radius: 20px;
}
.accordion-documents {
padding: 0 0 5px;
background: #fff;
}
.accordion-documents li { height: 36px;
line-height: 36px;
border-bottom: 1px solid var(--bleu-clair);
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
.accordion-documents li:last-child {
border: 0;
}
.accordion-documents .flex-item-quart:nth-child(1) {
padding-left: 10px;
}
.accordion-documents .flex-item-quart:nth-child(2) {
opacity: .6;
}
.accordion-documents li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.accordion-documents li::after {
content: '\e2c0';
position: absolute;
top: 0;
right: 15px;
font-family: 'Material icons';
color: var(--bleu-clair);
font-size: 1.3rem;
}
.accordion-documents li:hover {
background: var(--bleu-clair);
-webkit-transition: all .3s;
transition: all .3s;
}
.accordion-documents li:hover .flex-item-quart:nth-child(1) {
color: #fff;
}
.accordion-documents li:hover::after {
color: #fff;
}
.accordion-titre-documents.Zebra_Accordion_Expanded {
background: var(--bleu-fonce);
}
.accordion-titre-documents.Zebra_Accordion_Expanded h4 {
color: #fff;
}
.login-submit,
.acf-form-submit {
text-align: center;
}
.login-submit input,
.acf-form-submit input {
margin: 20px auto;
border: 0;
background: var(--bleu-clair);
font-family: var(--cera);
text-transform: uppercase;
padding: 12px 40px;
color: #fff;
}
.login-submit input:hover,
.acf-form-submit input:hover {
background: var(--bleu-fonce);
}
.bandeau-affilie {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.acf-button,
.acf-button:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.acf-actions .acf-button {
font-family: var(--cera);
color: var(--bleu-clair);
padding-bottom: 4px;
border-bottom: 2px solid var(--orange);
}   .acf-fields>.acf-field {
border: 0;
}
.groupe-date .acf-field-number {
width: 20%;
display: inline-block;
border: 0;
padding: 15px 0;
margin-right: 10px;
}
.groupe-date .description {
display: block;
padding: 15px !important;
margin: 20px 0 0;
opacity: 1 !important;
border: 2px solid var(--orange);
color: var(--bleu-fonce) !important;
font-weight: 700;
}
#acf_form_maj_user .groupe-date .description {
display: none;
}
.groupe-date .acf-fields.-border {
border: 0;
}
.groupe-date .acf-field-number .acf-label {
opacity: .6;
}
.small-field .acf-input {
width: 100px;
}
.acf-field-radio li {
cursor: pointer;
}
.acf-label p.description {
opacity: .8;
font-size: .85rem;
}
body.page-template-page-extranet-creation-licencie .ville,
body.page-template-page-extranet-creation-licencie .code-postal,
body.page-template-page-extranet-creation-licencie .ville-naissance,
body.page-template-page-extranet-creation-licencie .dept-naissance {
display: inline-block;
}
body.page-template-page-extranet-creation-licencie .ville,
body.page-template-page-extranet-creation-licencie .ville-naissance {
width: 75%;
}
body.page-template-page-extranet-creation-licencie .code-postal,
body.page-template-page-extranet-creation-licencie .dept-naissance {
width: 24.5%;
}
body.page-template-page-extranet-creation-licencie .acf-field-radio {
display: inline-block;
width: 48%;
}
body.page-template-page-extranet-creation-licencie .acf-field-radio.acf-field-5ca71d74db037,
body.page-template-page-extranet-creation-licencie .acf-field-radio.acf-field-5c9241816b04c,
body.page-template-page-extranet-creation-licencie .acf-field-radio.acf-field-5c9241c06b04d {
width: 32%;
}
body.page-template-page-extranet-creation-licencie .acf-field-radio:first-child {
margin-right: 2%;
}   #saisons.saison-licences {
position: relative;
top: 0;
right: auto;
margin-left: 0;
max-width: 250px;
background-color: #fff;
border: 1px solid var(--bleu-clair);
z-index: 25;
font-size: .85rem;
border-radius: 0;
}
table.dataTable {
width: 100%;
font-size: .85rem;
margin-top: 40px;
margin-bottom: 40px;
line-height: 1.1rem;
}
table.dataTable tfoot,
table.dataTable thead {
background: var(--bleu-light);
height: 36px;
line-height: 36px;
font-weight: 700;
}
table.dataTable thead tr,
table.dataTable thead tr td {
margin-bottom: 25px;
}
table.dataTable tfoot tr td {
margin-top: 25px;
}
table.dataTable tbody tr td {
border-bottom: 1px solid var(--bleu-light);
}
.tableau-licences.dataTable tr.even td {
background: #e9eff5;
}
table.dataTable tfoot tr td,
table.dataTable thead tr td {
padding: 10px 12px;
line-height: 1.1rem;
}
table.dataTable tbody tr td {
padding: 6px 12px;
}
table.dataTable thead .sorting {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_both.png);
}
table.dataTable thead .sorting_asc {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_asc.png);
}
table.dataTable thead .sorting_desc {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_desc.png);
}
table.dataTable thead .sorting_asc_disabled {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_asc_disabled.png);
}
table.dataTable thead .sorting_desc_disabled {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_desc_disabled.png);
}
table.dataTable tfoot th,
table.dataTable thead th,
table.dataTable tfoot td,
table.dataTable thead td {
border: 0;
}
.dataTables_info,
.dataTables_length {
display: none;
}
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: left;
margin-left: 0;
margin-top: 30px;
color: inherit;
width: 400px;
max-width: 100%;
}
.dataTables_wrapper .dataTables_filter label {
font-size: .9rem;
color: #2c2c2c;
}
.dataTables_wrapper .dataTables_filter::before {
content: 'Rechercher un licencié :';
display: inline-block;
font-size: .9rem;
margin-bottom: 6px;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0;
}
a.picto-modif-licence::before {
content: '\e3c9';
display: block;
font-size: 1.4rem;
color: var(--orange);
font-family: 'Material icons';
}
a.picto-fiche-licence::before {
content: '\e8ff';
display: block;
font-size: 1.4rem;
color: var(--bleu-clair);
font-family: 'Material icons'; }
.export-csv {
position: absolute;
top: 0;
right: 0;
}
.export-csv-complet {
position: absolute;
top: -80px;
right: 0;
}
table.dataTable thead .sorting.no-sortable {
background-image: none !important;
}
.lien-tableau-absolute {
position: absolute;
top: 79px;
right: 200px;
z-index: 78;
}   #saisons.tdb-licences {
position: relative;
top: 0;
right: auto;
margin-right: 0;
max-width: 250px;
background-color: #fff;
border: 1px solid var(--bleu-clair);
z-index: 25;
font-size: .85rem;
border-radius: 0;
}
.tdb-licences {
margin: 40px 0;
}
.module-tdb-licence {
border-radius: 6px;
padding-top: 90px;
position: relative;
margin-bottom: 30px;
position: relative;
overflow: hidden; }
.module-tdb-licence h3 {
font-size: 2rem;
}
.module-tdb-licence h3.big {
font-size: 3rem;
}
.module-tdb-licence h3.small {
font-size: 1.1rem;
line-height: 1.3rem;
}
.module-tdb-licence::before {
content: '';
display: block;
position: absolute;
z-index: 3;
width: 50px;
height: 50px;
top: 30px;
left: 50%;
margin-left: -25px;
}
.module-tdb-licence.tdb-total::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence-validee.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-non-valides::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-homme::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/man.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-femme::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/woman.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-competiteurs::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/competiteur.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-non-competiteurs::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/coffee.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-montant::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/montant.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-montant-valide::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/montant02.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence .tdb-item-hover {
position: absolute;
top: 100%;
left: 0;
z-index: 82;
width: 100%;
height: 100%;
padding: 40px;
background: var(--bleu-clair);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.module-tdb-licence:hover .tdb-item-hover {
top: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.sous-titre-tdb {
padding: 8px 0;
margin: 0 0 30px;
background: var(--bleu-clair);
}
.sous-titre-tdb h4 {
margin: 0;
font-size: 1.2rem;
color: #fff;
}
.tdb-partie-basse {
margin-top: 20px;
}
.tdb-partie-basse h4,
h4.bkg-bleu-light {
padding: 8px;
background: var(--bleu-light);
border-radius: 6px;
font-size: 1.3rem;
}
.liens-extranet-seconds {
text-align: center;
}
.liens-extranet-seconds .cta { }
.liens-extranet-seconds .cta,
.liens-extranet-seconds .cta-filet {
margin: 0;
border: 2px solid var(--orange);
border-radius: 6px;
height: 36px;
line-height: 34px;
font-size: .85rem;
padding: 0 20px;
margin: 0 2px;
}
.liens-extranet-seconds .cta:hover,
.liens-extranet-seconds .cta-filet:hover {  
border-color: var(--bleu-fonce);
}
.ligne-tdb {
padding: 6px 0;
border-bottom: 2px solid var(--bleu-light);
text-align: left;
}
.ligne-tdb .flex-item-quart {
text-align: right;
font-size: 1.2rem;
}
.liens-bottom {
padding-top: 30px;
margin-top: 30px;
border-top: 2px solid var(--orange);
}   #liste-competitions_wrapper td {
padding-top: 10px;
padding-bottom: 10px;
}
.dataTables_wrapper #liste-competitions_filter.dataTables_filter::before {
content: 'Rechercher une compétition :';
display: inline-block;
font-size: .9rem;
margin-bottom: 6px;
}
.dataTables_wrapper .compet-inscription::before {
content: '';
display: block;
font-family: 'material Icons';
font-size: 1.5rem;
color: var(--orange);
}
#liste-competitions_wrapper tbody tr:hover {
cursor: pointer;
background: var(--bleu-clair);
color: #fff !important;
}
#liste-competitions_wrapper tr:hover .bleu-clair {
color: #fff;
}
.entete-competition-inscription {
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 3px solid var(--orange);
}
.entete-competition-inscription .compet-programme {
position: absolute;
top: 0;
right: 0;
color: var(--orange);
z-index: 28;
}
.entete-competition-inscription .compet-programme::before {
content: '\e873';
display: inline-block;
font-family: 'material Icons';
font-size: 1.5rem;
color: var(--orange);
vertical-align: middle;
}
.acf-field-5c8f671330b32,
.acf-form-competition .acf-form-fields {
padding: 15px;
background: #f2f2f2;
}
.flex-item-tableau {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
flex-grow: 1;
flex-shrink: 1;
}
#statistiques-clubs_wrapper {
max-width: 98% !important;
}
table.tableau-stats {
width: 98% !important;
max-width: 98% !important;
}
table.tableau-stats thead,
table.tableau-stats tbody {
line-height: 1rem;
text-align: center;
}
td.border-right {
border-right: 1px solid #fff !important;
}
td.border-left {
border-left: 1px solid #fff !important;
}
table.tableau-stats thead .left,
table.tableau-stats tbody .left {
text-align: left;
}
table.tableau-stats tbody tr:nth-of-type(even) tr {
background: #ecf3fa;
}
#statistiques-clubs_filter.dataTables_filter::before {
content: 'Rechercher un club :';
display: inline-block;
font-size: .9rem;
margin-bottom: 6px;
}
table.inscriptions-competition {
text-align: center;
}
td.left,
th.left {
text-align: left !important;
}
.inscriptions-competition input[type=text] {
margin-bottom: 0;
}
table.inscriptions-competition checkbox {
cursor: pointer;
}
table.inscriptions-competition .ligne-erreur {
background: #f6d7d7;
}
table.inscriptions-competition tr { }
table.inscriptions-competition .erreur-texte  {
display: none;
font-size: .85rem;
padding: 3px;
color: #c50e0e;
}
table.inscriptions-competition .ligne-erreur .erreur-texte  {
display: block;
}
table.inscriptions-competition .ligne-selectionnee {
background: var(--orange);
color: #fff;
font-weight: 700;
}
table.inscriptions-competition .ligne-selectionnee .container_checkbox {
padding: 2px 3px; }
table.inscriptions-competition .ligne-selectionnee .container_checkbox::after {
content: 'Inscrit';
font-weight: 700;
color: #fff;
font-size: .85rem;
margin-left: 5px;
vertical-align: middle;
display: inline-block;
}
.container_checkbox input {
cursor: pointer;
}   .page-etiquettes {
padding-top: 120px;
background: var(--bleu-light);
}   .identite-licencie {
margin-bottom: 40px;
}
.identite-licencie .cta-light { display: inline-block;
margin: 0 0 30px;
}
.identite-licencie h2 {
font-size: 3.3rem;
line-height: 3rem;
margin-bottom: 30px;
}
.identite-licencie h2::before {
display: inline-block;
content: '';
margin-right: 20px;
width: 60px;
height: 60px;
vertical-align: middle;
}
.identite-licencie.licencie-homme h2::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/man.png) center center no-repeat;
background-size: contain;
}
.identite-licencie.licencie-femme h2::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/woman.png) center center no-repeat;
background-size: contain;
}
.recapitulatif-demande-licences .bkg-blanc,
.identite-licencie .bkg-blanc {
border-radius: 8px;
box-shadow: 0 0 25px rgba(0,0,0,0.2);
}
.recapitulatif-demande-licences ul li,
.identite-licencie ul li {
padding: 10px 0;
border-bottom: 1px solid var(--bleu-light);
}
.recapitulatif-demande-licences ul li:last-child,
.identite-licencie ul li:last-child {
border-bottom: 0;
}
.licence-licencie {
margin-top: 20px;
border-radius: 6px;
padding-left: 140px;
position: relative;
}
.bkg-bleu-clair.licence-licencie.brouillon {
background-color: grey;
}
.licence-licencie::before {
content: '';
display: block;
width: 60px;
height: 60px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence-blanche.png) center center no-repeat;
background-size: contain;
position: absolute;
top: 20px;
left: 30px;
}
.licence-licencie h3 {
margin-top: 0;
margin-bottom: 20px;
}
.licence-licencie table td {
padding: 6px 40px 6px 0;
}
.licence-licencie table thead td {
border-bottom: 2px solid var(--bleu-light);
}
table.small {
font-size: .9rem;
line-height: 1.1rem;
}
.historique-licencie table {
width: 100%;
text-align: left;
}
.historique-licencie table th,
.historique-licencie table td {
padding: 6px 10px;
}
.historique-licencie table tbody tr:nth-of-type(odd) td {
background: #ecf3fa;
}   .toggle-licences {
margin: 30px 0;
text-align: center;
}
.toggle-licences a {
margin: 0 20px;
}
.tableau-renouvellement {
font-size: 85%;
line-height: 1.1rem;
margin: 60px 0 30px;
width: 100%;
}
.tableau-renouvellement thead tr:nth-child(2) {
display: none;
}
.tableau-renouvellement thead th {
color: var(--bleu-fonce);
text-align: left;
padding: 10px;
border-bottom: 10px solid #fff;
}
.tableau-renouvellement .surtitre {
text-align: center;
font-size: 1.2rem;
font-family: var(--cera);
font-weight: normal;
color: var(--bleu-clair);
padding: 10px 0;
}
.tableau-renouvellement .groupe-licence.surtitre {
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}
.surtitre-licence::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 15px;
vertical-align: middle;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence.png) center center no-repeat;
background-size: contain;
}
.surtitre-licencie::before {
content: '';
display: inline-block;
width: 80px;
height: 30px;
margin-right: 15px;
vertical-align: middle;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licencies.png) center center no-repeat;
background-size: contain;
}
.surtitre-choix::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 15px;
vertical-align: middle;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence-validee-blanc.png) center center no-repeat;
background-size: contain;
}
.tableau-renouvellement th.groupe-choix {
background: #eaedf2;
}
.tableau-renouvellement .groupe-licence {
background: #dee9f5;
}
.tableau-renouvellement .groupe-licencie {
background: #ecf3fa;
}
.tableau-renouvellement .groupe-action {
background: var(--bleu-clair);
}
.tableau-renouvellement .groupe-action.surtitre {
color: #fff;
}
.tableau-renouvellement tbody tr {
cursor: pointer;
position: relative;
}
.tableau-renouvellement .td-select {
color: #fff;
font-weight: 700;
}
.tableau-renouvellement .justificatif {
height:20px; min-width: 120px;
}
.tableau-renouvellement .radio-justification + label {
margin-top: -2px;
margin-left: 4px;
margin-right: 4px;
position: absolute;
}
.tableau-renouvellement td.input_certificat input {
background: #fff;
}
body.page-template-page-extranet-licences-renouvellement #ui-datepicker-div {
z-index: 600 !important;
}  .tableau-renouvellement tbody td.input_certificat input {
border: 2px solid var(--bleu-clair);
width:100px;
}
.tableau-renouvellement tbody tr.alerte_certificat td.input_certificat input:enabled {
border: 2px solid var(--orange);
}
.tableau-renouvellement tbody td.input_certificat input.certif_non_obligatoire,
.tableau-renouvellement tbody tr.alerte_certificat td.input_certificat input.certif_non_obligatoire {
border: 0;
}
.tableau-renouvellement tbody td.input_certificat input.certif_non_obligatoire {
opacity: .3;
}
.combo_erreur {
border-color: #ff0000 !important;
}
.tableau-renouvellement tr.ligne_avec_erreur {
border-left: 5px solid #ff0000;
}
.tableau-renouvellement td.input_certificat input {
margin-bottom: 0;
}
.tableau-renouvellement tbody tr:hover td {
background: #9dbcee;
-webkit-transition: all .3s;
transition: all .3s;
}
.tableau-renouvellement tbody tr.deja_renouvele {
cursor: default;
}
.tableau-renouvellement tbody tr.deja_renouvele td,
.tableau-renouvellement tbody tr.deja_renouvele td:hover {
background: #fff;
color: var(--gris-typo);
opacity: .4;
}
.tableau-renouvellement tbody tr.deja_renouvele td:first-child::before {
content: '\e86c';
display: inline-block;
font-family: 'Material icons';
font-size: 1.6rem;
color: var(--gris-typo);
position: absolute;
margin-top: 0;
left: -35px;
opacity: .3;
}
.tableau-renouvellement td {
padding: 6px 10px;
-webkit-transition: all .3s;
transition: all .3s;
}
td.groupe-licencie:nth-child(2) {
text-transform: uppercase;
}
.tableau-renouvellement tbody tr td:last-child {
display: none;
}
.tableau-renouvellement td.td-select {
padding: 10px 6px 15px;
background: var(--bleu-clair); 
}
.tableau-renouvellement .groupe-licence {
background: #dee9f5;
}
.tableau-renouvellement .groupe-licencie {
background: #ecf3fa;
}
.tableau-renouvellement tbody td {
border-bottom: 6px solid #fff;
} .tableau-renouvellement select {
margin-bottom: 0;
background-color: #fff;
border: 2px solid var(--bleu-clair);
}
.module-totaux {
position: fixed;
background: var(--bleu-fonce);
text-align: center;
top: 47%;
width: 80px;
z-index: 521;
border-radius: 6px;
width: 180px;
padding: 10px 0 10px 20px;
right: -120px;
-webkit-transition: all .3s;
transition: all .3s;
}
.module-totaux:hover {
right: -25px;
-webkit-transition: all .3s;
transition: all .3s;
}
.module-totaux .nombre-licences::before {
content: '';
display: block;
margin-bottom: 8px;
width: 26px;
height: 26px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence-validee-blanc.png) center center no-repeat;
background-size: contain;
}
.module-totaux input {
background: none !important;
color: #fff;
width: 40px;
font-weight: 700;
margin-bottom: 8px !important;
opacity: 1 !important;
font-size: 1rem;
height: 30px !important;
cursor: default !important;
padding: 0 !important;
border-radius: 0 !important;
}
.module-totaux input#totaux_montant {
margin-bottom: 0 !important;
}
.module-totaux label {
color: #fff;
font-weight: 700;
margin-left: 6px;
height: 30px;
line-height: 30px;
}
.button-brouillon {
margin-right: 25px !important;
background: var(--bleu-light) !important;
color: var(--bleu-clair) !important;
}
.button-brouillon:hover {
background: var(--bleu-fonce) !important;
color: #fff !important;
} tr.ligne_selectionnee td,
.tableau-renouvellement tbody tr.ligne_selectionnee td {
background: var(--bleu-fonce);
}
.tableau-renouvellement tbody tr.ligne_selectionnee td.input_certificat input {
border: 2px solid var(--bleu-fonce);
}
.tableau-renouvellement tbody tr.ligne_selectionnee.alerte_certificat td.input_certificat input:enabled {
border: 2px solid var(--orange);
}
.tableau-renouvellement tr.ligne_selectionnee td:first-child::before {
content: '\e86c';
display: inline-block;
font-family: 'Material icons';
font-size: 1.6rem;
color: var(--bleu-fonce);
position: absolute;
margin-top: 0;
left: -35px;
}
.tableau-renouvellement tr.ligne_selectionnee td select {
border-color: var(--bleu-fonce);
}
.tableau-renouvellement tr.ligne_selectionnee td { color: #fff !important;
}
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(1),
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(2),
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(3),
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(4) {
color: #fff !important; }
.tableau-renouvellement tbody tr.alerte_certificat {
position: relative;
}
.legende-certif::before {
content: '\f0f1';
display: inline-block;
font-family: 'fontAwesome';
font-size: 1.4rem;
color: var(--orange);
margin-right: 5px;
vertical-align: middle;
}
#messages-erreur .message-actif {
margin: 20px 0;
background: var(--orange);
font-weight: 700;
color: var(--bleu-fonce);
text-align: center;
padding: 30px;
}
a.cta-absolute {
position: absolute;
top: 80px;
right: 0;
}
table.consultation tr {
cursor: default;
}
table.consultation tr th.groupe-licence,
table.consultation tr td.groupe-licence {
display: none;
}
.displaynone {
display: none !important;
}
table#liste-demandes th,
table#liste-demandes td {
padding: 6px 10px;
}
table#liste-demandes a.cta-light {
margin: 0 4px;
}
table#liste-demandes .etat-demande span::before {
content: '';
display: inline-block;
width: 40px;
height: 16px;
vertical-align: middle;
background: var(--orange);
border-radius: 6px;
}
table#liste-demandes .etat-demande.brouillon span::before {
background: var(--bleu-clair);
}
table#liste-demandes .etat-demande.envoyee span::before {
background: var(--bleu-fonce);
}
table#liste-demandes .etat-demande.validee span::before {
background: #1d9f48;
}
.recapitulatif-demande-licences .bkg-blanc {
margin-bottom: 40px;
}
.recapitulatif-demande-licences .ligne-statut {
background: var(--bleu-clair);
color: #fff;
padding: 8px 12px;
border-radius: 6px;
margin-top: 8px;
}
.recapitulatif-demande-licences table {
width: 100%;
font-size: .9rem;
line-height: 1.1rem;
}
.recapitulatif-demande-licences table th {
background: var(--bleu-light);
}
.recapitulatif-demande-licences table th,
.recapitulatif-demande-licences table td {
padding: 10px;
border-bottom: 1px solid var(--bleu-light);
}
.recap-final {
}
.total-demande {
font-weight: normal;
font-size: 1.2rem;
font-family: var(--cera);
color: var(--bleu-clair);
}
.actions_recap {
margin: 20px 0;
text-align: center;
}
.actions_recap a {
margin: 0 25px 20px;
display: inline-block;
}
.cta-back::before,
.cta-print::before {
content: '';
vertical-align: middle;
display: inline-block;
margin-right: 8px;
font-family: 'Material Icons';
font-size: 1.2rem;
color: var(--bleu-clair);
}
.cta-print::before {
content: '\e8ad';
}
.cta-back::before {
content: '\e5c4';
}   body.page-template-page-impression-licences .footer-links,
body.page-template-page-impression-licences header.header,
body.page-template-page-impression-licences footer.footer {
display: none;
}
body.page-template-page-impression-licences {
background: var(--bleu-light);
}   .messages-erreur {
margin: 30px 0;
}
.recherche_licencie label {
font-size: .9rem;
margin-bottom: 10px;
display: inline-block;
}
.recherche_licencie select {
font-size: .9rem;
}
#section-resultats-recherche {
margin-top: 40px;
}
#section-resultats-recherche table {
margin: 0 auto 30px;
width: 100%;
}
#section-resultats-recherche tbody td {
padding: 20px;
font-size: .95rem;
background: #fff;
color: var(--bleu-fonce);
border-bottom: 3px solid var(--bleu-light);
}
#section-resultats-recherche thead {
display: none;
}
#section-resultats-recherche .sel_radio input {
margin-left: 15px;
cursor: pointer;
}
.messages-erreur .erreur {
background: #be0707;
color: #fff;
}
.messages-erreur .succes {
background: #1d9f48;
color: #fff;
}
.messages-erreur a {
text-decoration: underline !important;
color: #fff !important;
font-weight: 700 !important;
}   table#liste-licencies-op tbody tr td {
padding: 16px 12px;
}
table#liste-licencies-op tbody tr td input {
cursor: pointer;
}
table#liste-licencies-op tr.ligne_selectionnee td {
background: var(--bleu-fonce);
color: #fff !important;
font-weight: 700;
}
.step02-op-licence {
color: var(--orange) !important;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.step02-op-licence::after {
margin-left: 10px;
content: '\e5db';
display: inline-block;
font-family: 'Material Icons';
color: var(--bleu-fonce);
line-height: 40px;
font-size: 1rem;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--orange);
vertical-align: middle;
}
.step02-op-licence {
cursor: pointer;
}
table#liste-licencies-op tr.ligne_selectionnee .step02-op-licence {
display: block;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#section-etape02 {
margin-top: 60px;
}
#section-etape02 .module-lien-bleu {
width: 48%; 
cursor: pointer;
height: 200px;
-webkit-transition: all .3s;
transition: all .3s;
padding: 40px 30px;
}
.module-lien-bleu label {
font-family: var(--cera);
color: #fff;
cursor: pointer;
font-size: 1.2rem;
line-height: 1rem;
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 40px 30px;
}
.module-lien-bleu label::before {
content: '';
display: block;
width: 50px;
height: 50px;
margin: 0 auto 15px;
}
.module-lien-bleu.print label::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/print.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.changement label::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/changement.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.resiliation label::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/resiliation.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.op-active label {
cursor: default;
}
.module-lien-bleu.op-active {
background: var(--bleu-fonce);
}
.module-lien-bleu.op-active:hover {
box-shadow: 0;
box-shadow: none;
}
.acf-button-rouge {
background: #be0707 !important;
}
.acf-button-rouge:hover {
background: var(--bleu-fonce) !important;
}
#montant_a_regler {
font-weight: 700;
color: var(--orange) !important;
opacity: 1 !important;
background: #fff !important;
padding: 0;
font-size: 1.5rem;
}   #statistiques-tous-clubs tr.even {
background: var(--gris);
}
.wrap.page-stats-clubs {
width: 98%;
max-width: 98%;
}
.page-stats-clubs #saisons.tdb-licences {
margin: 0 auto;
top: 90px;
}
.page-stats-clubs .dataTables_wrapper .dataTables_filter::before {
content: 'Rechercher un club' !important;
} html input.deja_soumis {
cursor: not-allowed;
background-color: #d3d3d3 !important;
color: #808080 !important;
}  
html input.deja_soumis:hover {
background-color: #d3d3d3 !important;
color: #808080 !important;
}   .banniere-no-mandat {
display: none;
background: #ff0000;
color: #fff;
position: fixed;
top: 0;
z-index: 823;
left: 0;
text-align: center;
width: 100%;
padding: 12px 50px 12px 20px; 
}
.banniere-no-mandat.actif {
display: block;
}
.close-banniere {
position: absolute;
top: 10px;
right: 20px;
z-index: 6;
width: 20px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.3rem;
cursor: pointer;
}
header.header-extranet.no-mandat {
top: 68px;
}
#content.no-mandat {
padding-top: 68px;
}
#content,
#content.no-mandat,
header.header-extranet,
header.header-extranet.no-mandat {
-webkit-transition: all .4s;
transition: all .4s;
}   .menu-extranet li.inactif a {
cursor: default !important;
color: #dadada !important;
pointer-events: none;
}
.menu-extranet li.inactif a::before {
opacity: .3;
}   .container1170 {
width: 1170px;
max-width: 100%;
margin: 0 auto;
}
.ui-widget.ui-widget-content {
border: 0;
}
.ui-tabs .ui-tabs-panel {
padding: 40px 0 0;
}
.ui-widget-content {
color: inherit;
}
.ui-widget-content a.cta-light {
color: var(--bleu-clair);
}
.ui-widget-header {
background: #fff;
border: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: none;
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
width: 33%;
float: none;
display: inline-block;
margin: 0;
background: #fff;
font-family: var(--cera);
border: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
font-family: var(--cera);
width: 100%;
padding: 12px 0 !important;
color: var(--bleu-clair);
display: block;
text-align: center;
background: var(--bleu-light);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a {
background: var(--bleu-clair);
color: #fff;
}
.ui-tabs .ui-tabs-nav li a:hover {
}
.container-flex.ligne-affiliation {
padding: 8px 0;
border-bottom: 1px solid #fff;
}
.container-flex.ligne-affiliation.ligne-date,
.container-flex.ligne-affiliation.ligne-montant {
padding: 8px;
border: 0;
background: #fff;
color: var(--bleu-fonce);
}
.container-flex.ligne-affiliation.ligne-date {
margin-bottom: 12px;
}
.cta.cta-filet {
line-height: 32px;
}
.trois-dirigeants {
margin-bottom: 20px;
margin-top: 40px;
position: relative;
background: #f2f2f2;
}
.trois-dirigeants::before {
content: 'Sélectionnez vos dirigeants';
display: block;
width: 100%;
font-family: var(--cera);
color: var(--bleu-clair);
top: -30px;
left: 0;
position: absolute;
font-size: 1rem;
}
.acf-field-5c8f671330b32 {
margin-top: 40px !important;
}
.acf-field-5c8f671330b32 .acf-label {
display: none;
}
.acf-field-5c8f671330b32::before {
content: 'Entraineurs';
display: block;
width: 100%;
font-family: var(--cera);
color: var(--bleu-clair);
top: -30px;
left: 0;
position: absolute;
font-size: 1rem;
}
.ligne-echec-paiement {
background-color: #c60000 !important;
color: #fff;
}
.span-paiement.paiement-failed {
font-weight: bold;
}
a.bleu-clair {
color: var(--bleu-clair) !important;
}
.ligne-echec-paiement a.bleu-clair {
color: #fff !important;
font-weight: bold !important;
}   .loader-site-popin {
background: var(--bleu-clair);
width: 100%;
height: 100%;
position: absolute;
z-index: 821;
top: 0;
left: 0;
}
#loader-wrapper-popin {
position: relative;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
border: 12px solid #fff;
}
.spinner-popin {
margin: 320px auto 0;
width: 70px;
text-align: center;
}
.spinner-popin > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner-popin .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner-popin .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% { 
-webkit-transform: scale(0);
transform: scale(0);
} 40% { 
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.filet {
height: 1px;
margin: 10px 0;
width: 100%;
}
.fancybox-content {
max-height : 90%;
margin: 0 auto;
padding: 30px !important;
box-shadow: 0 0 20px rgba(0,0,0,0.3); min-height: 300px;
max-width: 50% !important;
}
.fancybox-bg {
}
.fancybox-is-open .fancybox-bg {
opacity: .95; 
}
.fancybox-content select {
background-color: #fff;
border: 1px solid var(--bleu-clair);
}
button,
button:hover {
-webkit-transition: all .3s;
transition: all .3s;
border: 0;
}
button[disabled],
button[disabled]:hover {
cursor: not-allowed !important;
border-color: #dadada;
background: #dadada;
color: #fff;
}   .form-creation-compte input[type=text],
.form-creation-compte input[type=email] {
background: #fff !important;
width: 100% !important;
height: 40px !important;
margin-bottom: 15px !important;
border: 0 !important;
}
.form-creation-compte button {
border: 0 !important;
background: var(--bleu-clair) !important;
}
.form-creation-compte button:hover {
background: var(--bleu-fonce) !important;
}   #message-affiliation {
margin: 30px 0;
border: 4px solid var(--orange);
padding-left: 90px;
position: relative;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px; 
}
#message-affiliation::before {
content: '\e88e';
display: block;
position: absolute;
font-family: 'Material icons';
color: var(--orange);
font-size: 4rem;
top: 40px;
left: 15px;
}
.process-renouvellement {
padding: 50px 0;
width: 100%;
background: #ecf3fa;
}
.tuto-etapes .etape01::before,
.tuto-etapes .etape02::before,
.tuto-etapes .etape03::before,
.tuto-etapes .etape04::before {
content: '';
display: block;
height: 60px;
width: 60px;
margin: 0 auto 20px;
}
.tuto-etapes .etape01::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/01-selection.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape02::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/02-validation.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape03::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/03-paiement.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape04::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/04-reception.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape01::after,
.tuto-etapes .etape02::after,
.tuto-etapes .etape03::after,
.tuto-etapes .etape04::after {
content: '';
display: block;
height: 6px;
width: 70px;
background: var(--orange);
margin: 20px auto 0;
border-radius: 4px;
}
.plus-infos {
margin: 40px auto 0;
width: 30px;
height: 30px;
background: var(--orange);
border-radius: 50%;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer;
}
.plus-infos::before {
content: '+';
font-family: var(--cera);
width: 30px;
height: 30px;
position: absolute;
z-index: 3;
color: #fff;
top: 0;
left: 0;
text-align: center;
line-height: 30px;
font-size: 1.5rem;
}
.plus-infos:hover,
.plus-infos.actif {
background: var(--bleu-clair);
-webkit-transition: all .3s;
transition: all .3s;
}
#info-renouvellement {
padding-top: 0;
padding-bottom: 0;
border-top: 6px solid #fff;
visibility: hidden;
height: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
#info-renouvellement p {
display: none;
}
#info-renouvellement.active p {
display: block;
-webkit-transition: all .5s;
transition: all .5s;
}
#info-renouvellement.active {
margin: 40px 0 0;
padding-top: 30px;
visibility: visible;
height: auto;
-webkit-transition: all .3s;
transition: all .3s;
}
tr.dirigeant .bleu-fonce.groupe-licencie {
position: relative;
} tr.dirigeant .bleu-fonce.groupe-licencie::after {
content: 'DIRIGEANT'; display: inherit;
font-size: .65rem;
background: var(--orange);
padding: 2px 8px;
color: var(--bleu-fonce);
z-index: 6;
bottom: 0;
left: 10px;
font-weight: bold;
margin-top: 3px;
}
.login-submit input,
.acf-form-submit input {
border-radius: 40px;
}   .cta-inactif,
.cta-inactif:hover,
.cta-inactif a,
.cta-inactif a:hover,
a.cta-inactif,
a.cta-inactif:hover {
cursor: default !important;
background: #dadada !important;
color: #fff !important;
border-color: #dadada !important;
pointer-events: none;
}
a.btn-paiement {
position: relative;
padding-left: 55px !important;
}
a.btn-paiement i {
position: absolute;
z-index: 3;
top: 6px;
left: 20px;
font-size: 22px;
}
a.btn-paiement .pastille-nombre {
position: absolute;
z-index: 5;
width: 30px;
height: 30px;
border-radius: 50%;
right: -10px;
top: -10px;
background: var(--orange);
color: var(--bleu-fonce);
font-size: 1rem;
font-family: var(--cera);
line-height: 28px;
}
table#liste-demandes .apayer {
border-top: 3px solid var(--bleu-fonce);
border-bottom: 3px solid var(--bleu-fonce);
}
table#liste-demandes .etat-demande.envoyee {
}
table#liste-demandes .etat-demande.envoyee span::before {
background: var(--bleu-fonce);
}
table#liste-demandes thead span {
display: block;
margin: 5px auto -5px;
background: var(--orange);
width: 24px;
height: 24px;
line-height: 24px;
font-size: .9rem;
color: #fff !important;
position: relative;
border-radius: 8px;
}
table#liste-demandes thead span.step::after {
content: '\e5c5';
position: absolute;
display: none;
font-family: 'Material Icons';
top: 0;
left: 4px;
font-size: 3.3rem;
color: var(--orange) !important;
transform: rotate(-90deg);
}
table#liste-demandes td.type-resiliation {
color: #fff;
background: var(--bleu-clair);
}
table#liste-demandes td.resiliation-type {
color: var(--bleu-clair);
font-weight: 600;
}   a.absolute {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
position: absolute;
}
.rappel-paiement {
position: fixed;
z-index: 836;
bottom: 120px;
right: 20px;
width: 100px;
padding: 10px;
height: 100px;
border-radius: 50%;
background: var(--bleu-fonce);
color: #fff;
font-family: var(--cera);
box-shadow: 0 10px 10px rgba(0,0,0,0.2);
text-transform: uppercase;
font-size: .8rem;
line-height: .9rem;
-webkit-transition: all .3s;
transition: all .3s;
}
.rappel-paiement .nombre-demandes {
color: var(--orange);
font-size: 1.5rem;
margin-bottom: 8px;
}
.rappel-paiement:hover {
background: var(--bleu-clair);
-webkit-transition: all .3s;
transition: all .3s;
}
.rappel-paiement a::before {
content: '';
display: block;
width: 40px;
height: 40px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/orange-arrow.png) center center no-repeat #fff;
border-radius: 50%;
background-size: contain;
position: absolute;
z-index: 12;
top: -12px;
left: 0;
}
body.page-template-page-extranet-licences-renouvellement-liste .rappel-paiement,
body.page-template-page-extranet-licences-renouvellement .rappel-paiement {
display: none;
}
a.cta-light:hover {
text-decoration: none !important;
}   .top-page.top-page-extranet {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/home-slide-natation.jpg) center center no-repeat; height: 110px;
margin-top: 90px;
}
.top-page.top-page-extranet .wrap {
padding-top: 20px;
}
.top-page.top-page-extranet h1 {
padding-top: 0;
font-size: 1.5rem;
line-height: 1.8rem;
letter-spacing: 0;
}
.top-page.top-page-extranet h3 {
font-size: 2rem;
margin: 0 !important;
line-height: 2.3rem;
}
.wrap {
width: 1200px;
}
.portail-licences-club .flex-item-tiers {
margin-bottom: 40px;
}
.portail-licences-club .flex-item-deux-tiers {
width: 65%;
max-width: 100%;
margin-bottom: 40px;
}
.portail-licences-club .flex-item-tiers::before {
content: '';
display: block;
width: 65px;
height: 46px;
margin: 0 auto 15px;
}
.portail-licences-club .flex-item-tiers.menu-licencies::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-licencies.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club .flex-item-tiers.menu-licences::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-licences.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club .flex-item-tiers.menu-honorabilite::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-honor.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club .flex-item-tiers.menu-statistiques::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-stats.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club h3 {
margin-bottom: 8px;
margin-top: 0;
}
.portail-licences-club h4 {
margin-bottom: 20px;
font-size: 1.3rem;
line-height: 1.5rem;
letter-spacing: -0.5px;
}
.menu-licencies {
}
ul.menu-portail li {
display: block;
}
ul.menu-portail li a {
padding: 20px 20px;
border-bottom: 1px solid #fff;
position: relative;
display: block;
color: var(--bleu-clair);
font-weight: bold;
}
ul.menu-portail li a:hover {
background: var(--bleu-clair);
color: #fff;
}
ul.menu-portail li a::after {
content: '';
display: block;
height: 14px;
width: 14px;
position: absolute;
z-index: 3;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/yellow-arrow.png) center center no-repeat;
background-size: contain;
right: 20px;
top: 35%;
}
ul.menu-portail li a:hover::after {
right: 28px;
}
ul.menu-portail li:last-child a {
border-bottom: 0;
}
.titre-page-2020 {
border-bottom: 4px solid var(--gris);
padding-top: 30px;
}
.titre-page-2020 h3 {
margin-bottom: 15px;
margin-top: 0;
text-align: left;
max-width: 60%;
}
.menu-top-2020 {
border-bottom: 40px solid var(--gris);
}
.menu-top-2020 ul {
margin-top: -1px;
}
.menu-top-2020 ul li {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
.menu-top-2020 ul li a {
height: 50px;
line-height: 50px;
padding: 0;
color: #bdbdbd;
display: block;
}
.menu-top-2020 ul li a::after {
content: '';
height: 5px;
width: 100%;
opacity: 0;
display: block;
background: var(--bleu-clair);
}
.menu-top-2020 ul li a.active,
.menu-top-2020 ul li a:hover {
color: var(--bleu-clair);
}
.menu-top-2020 ul li a.active::after,
.menu-top-2020 ul li a:hover::after {
opacity: 1;
}
.menu-top-2020 ul li.back2020 {
padding: 0;
}
.menu-top-2020 ul li.back2020 a {
background: var(--bleu-clair);
color: #fff;
padding: 0 30px;
}
.menu-top-2020 ul li.back2020 a::after {
display: none;
}
.menu-top-2020 ul li.back2020 a::before {
content: '';
display: inline-block;
width: 36px;
height: 12px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fleche-back.png) center center no-repeat;
background-size: contain;
margin-right: 12px;
}
.menu-top-2020 ul li.back2020 a:hover {
background: var(--bleu-fonce);
}
.lien-inactif,
.lien-inactif:hover {
cursor: not-allowed !important; color: #bdbdbd !important;
opacity: .7;
}
.lien-inactif:hover::after,
.lien-inactif::after {
display: none;
}
.menu-portail .lien-inactif,
.menu-portail .lien-inactif:hover {
background: var(--gris);
}
ul.menu-portail li a.lien-inactif::after {
display: none;
}
table.tableau-honorabilite {
font-size: .9rem;
line-height: 1.1rem;
width: 100%;
}
table.tableau-honorabilite thead tr {
background: var(--bleu-clair);
color: #fff;
}
table.tableau-honorabilite tbody tr {
border-bottom: 1px solid var(--bleu-light);
}
table.tableau-honorabilite tbody tr:nth-of-type(even) td {
background: var(--bleu-light);
}
table.tableau-honorabilite tr td {
padding: 10px 12px;
}
table.tableau-honorabilite thead th {
padding: 16px 12px;
}
table.tableau-honorabilite a.cta.small {
font-weight: normal;
margin: 0 10px;
}
a.cta.cta-filet.small {
background: #fff;
color: var(--orange);
border: 1px solid var(--orange);
}
a.cta.cta-filet.small:hover {
color: #fff;
background: var(--bleu-fonce);
}   body.page-template-page-extranet-honorabilite-ajout #message-affiliation {
margin: 0 0 30px 0;
}
table.tableau-honorabilite tbody tr {
position: relative;
}
table.tableau-honorabilite tbody tr.indicateur-honor::after {
content: '\e2c9';
display: block;
position: absolute;
font-family: 'Material icons';
font-size: 2rem;
z-index: 6;
right: 10px;
margin-top: 20px;
color: var(--orange);
}
table.tableau-honorabilite tbody tr.indicateur-honor td {
background: var(--bleu-fonce) !important;
color: #fff !important;
font-weight: bold !important;
}
body.page-template-page-extranet-honorabilite-ajout input[type=submit].disabled,
body.page-template-page-extranet-honorabilite-ajout input[type=submit].disabled:hover,
table.tableau-honorabilite tbody a.disabled,
table.tableau-honorabilite tbody a.disabled:hover {
cursor: not-allowed !important;
border-color: #dadada !important;
background: #dadada !important;
color: #b1b1b1 !important;
}
.acf-field-5fbb76a8cf763 {
padding: 20px !important;
background: var(--gris);
margin-bottom: 20px;
}
.acf-field-5fbb76a8cf763 label {
cursor: pointer;
}
table.tableau-honorabilite a.cta.small {
height: auto;
padding: 12px;
line-height: 1rem;
margin: 0;
}
#acf-field_5fbb81ad3ed5c {
color: #999 !important;
}
.declenche-tooltip {
display: none;
margin-left: 5px;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
background: #fff;
font-size: .75rem;
border-radius: 50%;
margin-left: 5px;
color: var(--bleu-clair);
position: relative;
}
tr.ancienne_saison .declenche-tooltip {
display: inline-block;
}
.td-justificatif {
position: relative;
}
tr.ancienne_saison .td-justificatif .declenche-tooltip::before {
content: 'Non licencié la saison précédente. Certificat de moins de 6 mois requis';
display: none;
width: 150px;
height: auto;
background: #fff;
position: absolute;
top: -5px;
left: -180px;
z-index: 3;
padding: 12px;
color: #888;
font-size: .8rem;
line-height: 1.1rem;
box-shadow: 0 0 12px rgba(0,0,0,0.2);
border-radius: 6px;
}
tr.ancienne_saison .td-justificatif .declenche-tooltip:hover::before {
display: block;
}
.licence-tableau {
margin: 0 auto;
position: relative;
}
.licence-tableau::before {
content: '-';
}
.licence-tableau.download-actif::before {
content: '\f090';
display: block;
font-family: 'Material icons';
font-size: 1.4rem;
color: var(--bleu-clair);
}
.licence-tableau.download-actif:hover::before {
color: var(--orange);
}
.borderradius {
border-radius: 6px;
}
.paddingzero,
.padding-zero {
padding: 0 !important;
}
.marginzero,
.margin-zero {
margin: 0 !important;
}   #toTop {
bottom: 100px !important;
}
.sib_signup_form {
width: 400px;
max-width: 90%;
margin-bottom: 30px;
}
.sib_signup_form a {
color: #fff !important;
text-decoration: underline !important;
}
.acceptance-newsletter input {
cursor: pointer;
}
.sib_msg_disp {
margin: 20px 0;
font-weight: bold;
color: var(--orange);
}
.sib_signup_form input[type=submit] {
padding: 8px 20px !important;
border: 0 !important;
border-radius: 6px !important;
background: var(--orange) !important;
color: #fff !important;
font-family: var(--cera) !important;
letter-spacing: -1px !important;
text-transform: uppercase;
-webkit-transition: all .3s;
transition: all .3s;
}
.sib_signup_form input[type=submit]:hover {
background: var(--bleu-fonce) !important;
-webkit-transition: all .3s;
transition: all .3s;
}   #search-2 {
position: relative;
}
#search-2 input#s {
position: absolute;
width: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
right: 0;
top: 0;
}
#search-2.actif input#s {
border-radius: 5px;
width: 300px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin-right: 10px;
padding: 0 12px;
opacity: 1;
position: absolute;
top: 0;
z-index: 10;
right: 0;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#menu-menu-connexion {
margin-top: -2px;
}
#menu-menu-connexion li {
display: inline-block;
margin-left: -2px;
}
.wrapnew {
padding: 0 var(--leftright);
margin: 0 auto;
width: 100%;
position: relative;
}
.slidecontent {
height: calc(100% - 160px);
position: absolute;
top: 160px;
z-index: 6;
width: 100%;
}
#carrousel-home.owl-carousel {
width: 100%;
height: 85vh;
}
#carrousel-even.owl-carousel {
width: 100%;
height: 100%;
}
#carrousel-home.owl-carousel .item {
height: 85vh;
width: 100%;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
#carrousel-even.owl-carousel .item {
height: auto;
width: 100%;
}
#carrousel-even.owl-carousel .item .img-actu-even {
height: 350px;
width: 100%;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
#carrousel-home.owl-carousel .item.item-carrousel-defaut {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.module-infos-actu-even {
max-width: 60%;
margin-top: 30px;
}
.module-infos-actu-even a:hover {
text-decoration: underline !important;
}
.item-cat-actu {
font-family: var(--cera);
color: var(--bleu-clair);
font-size: .85rem;
text-transform: uppercase;
display: inline-block;
}
.item-cat-actu.bleu-fonce {
color: var(--bleu-fonce);
}
.item-cat-actu.blanc {
color: #fff;
} #carrousel-home .owl-nav {
position: absolute;
right: var(--leftright);
bottom: 10vh;
margin-top: auto;
}
#carrousel-even .owl-nav {
position: absolute;
right: 0;
bottom: 30px;
margin-top: auto;
}
#carrousel-home .owl-nav button.owl-prev, 
#carrousel-home .owl-nav button.owl-next,
#carrousel-even .owl-nav button.owl-prev, 
#carrousel-even .owl-nav button.owl-next {
border-radius: 50%;
background: #fff;
}
#carrousel-home .owl-nav button.owl-prev:hover,
#carrousel-home .owl-nav button.owl-next:hover,
#carrousel-even .owl-nav button.owl-prev:not(.disabled):hover,
#carrousel-even .owl-nav button.owl-next:not(.disabled):hover {
background: var(--bleu-fonce);
}
#carrousel-home .owl-nav button.owl-prev::before, 
#carrousel-home .owl-nav button.owl-next::before,
#carrousel-even .owl-nav button.owl-prev::before, 
#carrousel-even .owl-nav button.owl-next::before {
color: var(--bleu-fonce);
}
#carrousel-home .owl-nav button.owl-prev:hover::before,
#carrousel-home .owl-nav button.owl-next:hover::before,
#carrousel-even .owl-nav button.owl-prev:not(.disabled):hover::before,
#carrousel-even .owl-nav button.owl-next:not(.disabled):hover::before {
color: #fff;
}
#carrousel-even .owl-nav button.owl-prev.disabled,
#carrousel-even .owl-nav button.owl-next.disabled {
opacity: 0;
cursor: default;
}
#carrousel-home .owl-dots {
text-align: center;
margin-top: -50px;
position: relative;
}
#carrousel-home .owl-dots .owl-dot {
width: 18px;
height: 18px;
border-radius: 50%;
margin: 0 6px;
border: 2px solid #fff;
background: rgba(255,255,255,0);
}
#carrousel-home .owl-dots .owl-dot.active {
background: rgba(255,255,255,1);
}
.container-left-home {
width: 66% !important;
}
.container-right-home {
width: 31% !important;
}
.module-actu-home {
width: 48% !important;
margin-bottom: 30px;
}
.module-actu-container-image {
overflow: hidden;
position: relative;
margin-bottom: 15px;
height: 280px;
background-color: var(--gris);
}
.module-actu-container-image .module-actu-image {
width: 100%;
height: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
background-size: cover;
transform: translate(-50%,-50%) scale(1);
transform-origin: center center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.module-actu-container-image:hover .module-actu-image {
transform: translate(-50%,-50%) scale(1.2);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.module-evenementiel-home {
background: var(--bleu-clair);
}
.module-evenementiel-home .module-compteur {
text-align: center;
margin-top: 100px;
border: 2px solid #fff;
border-radius: 8px;
position: relative;
}
.module-evenementiel-home .titre-compteur {
padding: 10px;
background: var(--bleu-fonce);
margin-top: -25px;
z-index: 3;
color: #fff;
width: 90%;
margin-left: 5%;
}
.module-evenementiel-home #compteur {
margin-top: 15px;
margin-bottom: 20px;
}
.module-evenementiel-home #compteur div {
font-size: 1.6rem;
display: inline-block;
margin: 0 5px;
color: #fff;
font-weight: bold;
}
.module-evenementiel-home #compteur div::after {
content: '';
font-size: .8rem;
text-align: center;
display: block;
margin-top: 5px;
color: #fff;
}
.module-evenementiel-home #compteur div.day::after {
content: 'jours';
}
.module-evenementiel-home #compteur div.hour::after {
content: 'heures';
}
.module-evenementiel-home #compteur div.minute::after {
content: 'minutes';
}
.module-evenementiel-home #compteur div.sec::after {
content: 'sec';
}
.module-evenementiel-home a.cta {
margin-top: 90px;
}
.container-scroll {
max-height: 460px;
overflow-y: auto;
padding-right: 30px;
}
.module-compet-home {
padding: 16px 6px;
border-bottom: 6px solid var(--bleu-light);
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.module-compet-home:hover {
background: var(--bleu-light);
}
section.section-libre-home {
padding-top: 50px;
padding-bottom: 50px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
section.section-libre-home .gmw-ajax-form-container .gmw-submit-button {
display: none;
}
section.section-libre-home div.gmw-ajax-form-wrapper .gmw-form-field-wrapper.gmw-submit-field-wrapper {
display: none !important;
}
section.section-libre-home .flex-item-tiers {
margin-bottom: 0;
}
section.section-libre-home img {
border-radius: 8px;
}
#gmw-map-wrapper-2 {
height: 400px !important;
}
.banniere-espace {
padding: 30px;
background: var(--bleu-clair);
color: #fff;
border-radius: 8px;
text-align: center;
position: relative;
min-height: 400px; }
.banniere-espace:hover a.bkg-orange {
background: var(--bleu-fonce) !important;
}
.banniere-espace .flex-item-tiers {
width: 33% !important;
padding: 0 10px;
margin: 30px 0 !important;
}
.banniere-espace .picto-arg {
font-family: var(--cera);
font-size: .8rem;
line-height: 1rem;
text-transform: uppercase;
}
.banniere-espace .picto-arg::before {
content: '';
display: block;
margin: 0 auto 15px;
font-family: 'Material icons';
font-size: 2rem;
color: #fff;
}
.banniere-espace .picto-arg.picto-arg-licence::before {
content: '\ea67';
}
.banniere-espace .picto-arg.picto-arg-club::before {
content: '\e8d1';
}
.banniere-espace .picto-arg.picto-arg-competition::before {
content: '\e566';
}
.banniere-espace a.bkg-orange {
display: inline-block;
}
#menu-menu-reseaux-sociaux-1 li:first-child {
margin-left: 0 !important
}
.module-newsletter {
margin-bottom: 40px;
}
section.section-partenaires {
background: var(--gris);
}
section.section-partenaires img {
border-radius: 8px;
}
.logo-partenaire-carrousel {
height: 100px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#carrousel-partenaires .owl-dots {
text-align: center;
margin: 30px auto 0;
position: relative;
}
#carrousel-partenaires .owl-dots .owl-dot {
width: 16px;
height: 16px;
border-radius: 50%;
margin: 0 6px;
border: 1px solid #fff;
background: var(--bleu-light);
}
#carrousel-partenaires .owl-dots .owl-dot.active {
background: var(--bleu-clair);
}
footer.footer {
background: #fff;
padding: 30px var(--leftright) 30px;
}
footer.footer .filet {
width: 100%;
background: var(--bleu-clair);
margin: 25px 0;
}
body.home footer.footer .filet {
display: none;
}
footer.footer p {
font-size: .9rem;
line-height: 1.3rem;
}
footer.footer a {
font-size: 1rem;
line-height: 1.4rem;
margin-bottom: 10px;
color: var(--bleu-fonce);
}
footer.footer a:hover {
text-decoration: underline !important;
}
.menu-rs-footer {
margin-top: 30px;
}
footer.footer .menu-menu-reseaux-sociaux-container li {
margin: 0 0 0 15px !important;
margin-top: 0 !important;
}
footer.footer .menu-menu-reseaux-sociaux-container li:first-child {
margin-left: 0 !important;
}
footer.footer .menu-menu-reseaux-sociaux-container li a::after {
content: '';
display: inline-block;
font-size: .85rem !important;
font-family: 'fontAwesome';
color: #2b95fc !important;
height: 36px !important;
width: 36px !important;
border-radius: 50%;
border: 1px solid #2b95fc !important;
line-height: 36px !important;
text-align: center;
}
footer.footer .menu-menu-reseaux-sociaux-container {
margin-bottom: 15px !important;
}
footer.footer .menu-menu-reseaux-sociaux-container li a:hover:after {
color: #fff !important;
background: var(--bleu-clair) !important;
}
.liens-bottom-footer li {
display: inline-block;
margin-right: 20px;
}
.item-cat-actu.blanc {
color: #fff;
}
section.articles-connexes .module-actu-container-image {
height: 220px;
}
section.section-articles .actu-premiere .module-actu-container-image {
height: 450px;
}
section.section-articles .actus-suite.module-actu-container-image {
height: 200px;
}
.pagination a,
.pagination-posts a {
text-decoration: none !important;
font-family: inherit;
}
.pagination-posts .nombre-pages {
opacity: .5;
}
.pagination,
.pagination-posts {
position: relative;
font-size: 1rem;
line-height: 1.3rem;
text-align: center;
margin: 30px auto 20px;
}
.pagination a,
.pagination span,
.pagination-posts span,
.pagination-posts a {
display: inline-block;
margin: 0 6px;
padding: 6px 9px;
text-decoration: none;
width: auto;
color: var(--bleu-fonce);
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover,
.pagination-posts a:hover {
text-decoration: none;
color: #fff;
background: var(--bleu-clair);
}
.pagination .current,
.pagination-posts .current {
font-weight: bold;
color: #fff;
}
.pagination li {
border: 0;
float: none;
display: inline-block;
}
.pagination span:hover {
background: inherit !important;
color: inherit !important;
}
select.select-filtre,
#select-cat-actus {
height: 50px;
line-height: 50px;
background-color: #fff;
margin-bottom: 0;
cursor: pointer;
}
.container-competitions-futures {
margin: 30px 0;
}
.module-competition-page {
box-shadow: 0 0 15px rgba(0,0,0,0.1);
margin-bottom: 25px;
background: #fff;
border-radius: 8px;
cursor: pointer;
border: 2px solid #fff;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.module-competition-page:hover,
.module-competition-page.actif {
border: 2px solid var(--bleu-light);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.module-competition-page .infos-compet-supp {
background: var(--bleu-light);
display: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.module-competition-page.actif .infos-compet-supp {
display: block;
}
.icone-action-compet::before {
content: '\e145';
font-family: 'Material Icons';
display: block;
font-size: 2rem;
text-align: right;
color: var(--bleu-clair);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.module-competition-page.actif .icone-action-compet::before {
content: '\e15b';
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-reset {
border: 0;
color: var(--bleu-fonce);
background: var(--gris);
font-size: .85rem;
margin-top: 12px;
padding: 6px 12px;
font-family: inherit;
}
.btn-reset:hover {
color: var(--bleu-fonce);
background: #fff;
text-decoration: underline;
}
.btn-compets-passees {
color: rgba(0,0,0,0.5);
cursor: pointer;
}
.btn-compets-passees::before {
content: '\e835';
font-family: 'Material Icons';
display: inline-block;
vertical-align: middle;
color: var(--bleu-clair);
font-size: 1.5rem;
margin-right: 4px;
}
.btn-compets-passees.actif::before {
content: '\e834';
}
.container-competitions-passees {
display: none;
}
.container-competitions-passees.actif {
display: block;
}
.container-competitions-passees.actif .wrap {
border-bottom: 8px solid var(--bleu-light);
padding-bottom: 20px;
margin-bottom: 40px;
padding-top: 40px;
}
.infos-single-compet {
padding: 20px;
background: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
border-radius: 8px;
margin-bottom: 30px;
border-left: 8px solid var(--orange);
}
body.single-filinfo_type .top-page.top-page-single-actu {
height: 250px;
padding-bottom: 50px;
}
.displayblock,
.display-block {
display: block !important;
}
.displayinlineblock,
.display-inlineblock {
display: inline-block !important;
}
.wp-video,
.wp-video .wp-video-shortcode {
width: 100% !important;
}
.postie-post {
}
.partage-single-filinfo {
border: 0;
padding-bottom: 0;
margin-top: 0;
}
.container-scroll.container-filinfo-home {
max-height: 80vh;
margin-top: 20px;
}
li.cat-fil-info {
padding: 0 12px;
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
height: 30px;
border: 1px solid var(--bleu-light);
border-radius: 15px;
line-height: 28px;
text-align: center;
font-size: .9rem;
opacity: 1;
cursor: pointer;
background: var(--bleu-light);
color: var(--bleu-clair);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
li.cat-fil-info:not(.actif):hover {
opacity: 1;
border: 1px solid var(--bleu-clair);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
li.cat-fil-info.actif {
opacity: 1;
cursor: default;
background: var(--bleu-clair);
color: #fff;
}
.module-fil-info {
padding: 15px 0;
border-bottom: 1px solid var(--bleu-light);
position: relative;
}
.module-fil-info:hover .titre-info a {
text-decoration: underline !important;
}
body.single-filinfo_type .gallery {
width: 100%;
}
body.single-filinfo_type .gallery .gallery-item {
width: 100% !important;
margin-top: 0 !important;
margin-bottom: 30px !important;
}
body.single-filinfo_type .gallery .gallery-item img {
border: 0 !important;
width: 100% !important;
height: auto !important;
}body.page-template-page-espace-licencie .rmp_menu_trigger,
body.page-template-page-espace-licencie-connecte .rmp_menu_trigger,
body.page-template-page-espace-licencie-connecte .rmp-container,
body.page-template-page-espace-licencie .rmp-container {
display: none !important;
}
header.header-licencie {
position: relative;
width: 100%;
z-index: inherit;
background: #fff;
padding: 15px var(--leftright);
text-align: center;
}
header.header-licencie .logo-header {
float: none;
margin: 0 auto;
}
.container-espace-licencie .wrap {
width: 100%;
max-width: 100%;
padding: 0;
}
.container-espace-licencie section .filet-epais {
height: 6px;
width: 100%;
margin: 20px auto;
}
.container-espace-licencie section .filet-epais.bkg-blanc {
background: #fff;
}
.container-espace-licencie section .filet-epais.bkg-gris {
background: var(--gris);
}
.container-espace-licencie section .filet-epais.bkg-bleu-fonce {
background: var(--bleu-fonce);
}
.container-espace-licencie section .filet-epais.bkg-bleu-clair {
background: var(--bleu-clair);
}
.flex-item-50 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 50%;
position: relative;
}
#content.connexion-licencie,
section.connexion-licencie {
height: auto;
min-height: 95vh;
}
section.connexion-licencie .container-flex {
height: auto;
min-height: 95vh;
}
footer.footer-licencie {
height: 5vh;
background: var(--bleu-fonce);
}
footer.footer-licencie a {
color: #fff;
text-decoration: underline;
}
footer.footer-licencie p {
color: #fff;
}
.module-connexion,
.module-creation {
width: 60%;
margin: 0 auto;
padding: 0 30px;
}
.module-creation {
background: #fff;
border-radius: 12px;
margin-top: 40px;
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
#user-registration, #user-registration.horizontal {
box-shadow: none;
}
#user-registration {
padding: 0;
background: transparent;
margin: 0;
}
.ur-frontend-form.ur-frontend-form--flat {
background: transparent;
padding: 0;
}
.ur-frontend-form input[type=submit] {
float: none;
margin: 0 auto;
border-radius: 6px;
width: 100%;
padding: 12px 0;
font-size: .9rem;
font-family: var(--cera);
text-transform: uppercase;
color: #fff;
background: var(--bleu-clair);
}
.ur-frontend-form input[type=submit]:hover {
background: var(--bleu-fonce);
}
.ur-frontend-form input[type='text'],
.ur-frontend-form input[type='password'] {
letter-spacing: 0 !important;
color: #000 !important;
border-radius: 6px !important;
background: #f1f1f1 !important;
}
.ur-frontend-form input[type='text']::placeholder,
.ur-frontend-form input[type='password']::placeholder {
color: #000 !important;
opacity: .6;
}
#user-registration p a {
font-size: .85rem;
color: #000;
text-align: center;
}
.user-registration-error {
margin: 15px 0;
background: #fff;
}
.logo-connexion {
width: 225px;
height: 90px;
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/pentathlon-logo.png);
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
background-size: 70%;
margin: 0 auto;
border-radius: 6px;
}
.lien-retour {
text-transform: uppercase;
font-family: var(--cera);
font-size: .9rem;
margin-bottom: 30px;
color: var(--bleu-fonce);
text-decoration: none;
}
.lien-retour:hover {
color: var(--bleu-clair);
}
.lien-retour::before {
content: '<';
margin-right: 6px;
vertical-align: middle;
}
.module-page-creation {
width: 100%;
}
.module-page-creation .acf-fields > .acf-field {
padding: 0 15px;
margin-bottom: 35px;
}
.module-page-creation .acf-field:not(.titre-identifiants) .acf-label {
display: none;
}
.module-page-creation .acf-field.titre-identifiants {
padding: 0;
margin: 10px 0 15px;
}
.acf-field.titre-identifiants .acf-label {
font-family: var(--cera);
color: var(--bleu-clair);
text-align: center;
font-size: 1rem;
}
.module-page-creation .acf-field .acf-input-wrap {
overflow: inherit;
}
.module-page-creation .acf-field .acf-input-wrap::before {
content: '';
font-size: .8rem;
color: #999;
position: absolute;
z-index: -1;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.module-page-creation .acf-field.numero-licence .acf-input-wrap::before {
content: 'Numéro de licence saison en cours';
}
.module-page-creation .acf-field.nom .acf-input-wrap::before {
content: 'Nom inscrit sur votre licence';
}
.module-page-creation .acf-field.prenom .acf-input-wrap::before {
content: 'Prénom inscrit sur votre licence';
}
.module-page-creation .acf-field.naissance .acf-input-wrap::before {
content: 'Date de naissance';
}
.module-page-creation .acf-field.email .acf-input-wrap::before {
content: 'Email de connexion';
}
.module-page-creation .acf-field.password .acf-input-wrap::before {
content: 'Choisir votre mot de passe (8 caractères mini)';
}
.module-page-creation .acf-field .acf-input-wrap.actif::before {
top: -25px;
opacity: 1;
z-index: 4;
-webkit-transition: all .3s;
transition: all .3s;
}
.module-page-creation .acf-form-submit input {
margin-bottom: 0;
}
.ui-datepicker-month {
float: left;
}
.ui-datepicker-year {
float: right;
}
.display-inline-block {
display: inline-block;
}
.form-error-modif-infos,
.form-error-creation-licencie {
padding: 15px;
text-align: left;
background: #c31717;
font-weight: bold;
margin: 20px 0;
border-radius: 6px;
color: #fff;
}
.module-espace-cree .user-registration-LostPassword {
display: none;
}
#content.licencie-connecte .header-connecte {
border-radius: 6px;
padding: 15px;
background: var(--bleu-fonce);
margin-bottom: 30px;
}
#content.licencie-connecte .logo-connexion {
margin: 0;
width: 170px;
height: 60px;
}
.nav-espace .flex-item-moitie {
margin-bottom: 30px;
}
.nav-espace .bouton-rubrique {
padding: 35px 20px;
height: 100%;
display: block;
width: 100%;
border-radius: 6px;
color: var(--bleu-clair);
background: #fff;
text-align: center;
font-size: 1rem;
line-height: 1.3rem;
opacity: 1;
cursor: pointer;
pointer-events: auto;
-webkit-transition: all .3s;
transition: all .3s;
}
.nav-espace .bouton-rubrique.page-active {
cursor: default;
pointer-events: none;
background: var(--bleu-clair);
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.nav-espace .bouton-rubrique:hover {
background: var(--bleu-clair);
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.nav-espace .bouton-rubrique span::before {
content: '';
display: block;
margin: 0 auto 15px;
font-family: 'Material icons';
font-size: 2.5rem;
font-weight: 100;
}
.nav-espace .bouton-rubrique.bouton-profil span::before {
content: '\e7fd';
}
.nav-espace .bouton-rubrique.bouton-licence span::before {
content: '\ea67';
}
.nav-espace .bouton-rubrique.bouton-club span::before {
content: '\e8d1';
}
.nav-espace .bouton-rubrique.bouton-competitions span::before {
content: '\e566';
}
a.lien-logout {
font-size: .9rem;
display: inline-block;
}
a.lien-logout::after {
content: '\e9ba';
display: inline-block;
vertical-align: middle;
font-family: 'Material icons';
font-size: 1.4rem;
margin-left: 6px;
}
a.lien-logout:hover,
a.lien-logout:hover::after {
color: var(--orange);
}
.container-gauche-espace {
padding: 40px 40px 40px var(--leftright);
min-height: 95vh;
}
.container-droit-espace {
padding: 40px var(--leftright) 40px 40px;
min-height: 95vh;
}
.container-total-espace {
position: relative;
overflow: hidden;
height: 100%;
}
.container-espace {
position: absolute;
top: 0;
left: 110%;
width: 100%;
opacity: 0;
padding: 0 20px;
-webkit-transition: all .3s !important;
transition: all .3s !important;
}
.container-espace.container-espace-actif {
left: 0;
opacity: 1;
-webkit-transition: all .3s !important;
transition: all .3s !important;
}
.module-espace {
border-radius: 6px;
padding: 25px;
background: #fff;
margin-bottom: 30px;
box-shadow: 0 0 25px rgba(0,0,0,0.15);
}
a.underline {
text-decoration: underline !important;
}
.espace-non-finalise {
text-align: center;
background: var(--orange);
padding: 12px;
font-size: .9rem;
margin: 0 0 15px;
font-weight: bold;
position: relative;
}
.module-inscription-competition {
padding: 15px;
border-radius: 6px;
box-shadow: 0 0 18px rgba(0,0,0,0.15);
margin-bottom: 20px;
background: #fff;
}
a.orange:hover {
color: var(--bleu-clair);
}
.module-espace .superbig {
font-size: 2.7rem;
line-height: 2.5rem;
}
.module-effectif::before {
content: '';
display: block;
font-family: 'Material icons';
font-size: 3rem;
color: var(--orange);
}
.module-effectif.effectif-tous::before {
content: '\f233';
}
.module-effectif.effectif-adultes::before {
content: '\e84e';
}
.module-effectif.effectif-jeunes::before {
content: '\eb67';
}
.popin-compte.fancybox-content {
max-width  : 95% !important;
height: auto !important;
max-height : 99%;
margin: 0 auto;
padding: 25px !important;
box-shadow: 15px 15px 0 var(--bleu-clair);
width: 600px; min-height: 300px;
}
.popin-compte .fancybox-close-small {
opacity: 1 !important;
}
.popin-compte .fancybox-close-small svg {
display: none;
}
.popin-compte .fancybox-close-small::before {
content: '\e5cd';
display: block;
position: absolute;
z-index: 403;
width: 40px;
height: 40px;
background: var(--bleu-clair);
font-family: 'Material icons';
font-size: 2rem;
top: 0;
right: 0;
text-align: center;
line-height: 40px;
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.popin-compte .fancybox-close-small:hover::before { 
background: var(--bleu-fonce);
-webkit-transition: all .3s;
transition: all .3s;
}
.popin-compte .fancybox-is-open .fancybox-bg {
opacity: .9; 
}
.oeil {
position: absolute;
bottom: 20px;
right: 15px;
z-index: 4;
cursor: pointer;
}
.oeil::before {
content: '\e8f4';
font-family: 'Material icons';
font-size: 1.2rem;
color: #666;
}
.oeil.actif::before {
content: '\e8f5';
}
a.cta-download {
float: none;
position: relative;
margin: 20px auto 0;
border-radius: 6px;
padding: 12px 50px 12px 20px;
font-size: .9rem;
font-family: var(--cera);
text-transform: uppercase;
color: #fff;
background: var(--bleu-clair);
}
a.cta-download::after {
content: '\f090';
position: absolute;
z-index: 3;
display: block;
right: 10px;
top: 8px;
font-family: 'Material icons';
font-size: 1.6rem;
}
a.cta-download:hover {
background: var(--bleu-fonce);
}
#resetpasswordform,
#lostpasswordform {
padding: 25px;
border-radius: 10px;
box-shadow: 0 0 25px rgba(0,0,0,0.15);
max-width: 500px;
width: 90%;
margin: 0 auto;
}
#resetpasswordform fieldset,
#lostpasswordform fieldset {
border: 0;
padding: 0;
margin: 0;
}
#resetpasswordform legend,
#lostpasswordform legend {
font-family: var(--cera);
color: var(--bleu-clair);
}
#resetpasswordform label,
#lostpasswordform label {
display: none;
}
#reset-pass-submit {
float: none;
margin: 0 auto;
border-radius: 6px;
width: 100%;
padding: 12px 0;
font-size: .9rem;
font-family: var(--cera);
text-transform: uppercase;
color: #fff;
background: var(--bleu-clair);
}
#reset-pass-submit:hover {
background: var(--bleu-fonce);
}
#resetpasswordform input[type="password"].som-password-input {
max-width: 100%;
}
.container-droit-espace {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/bkg-espace.jpg) bottom center no-repeat;
background-size: cover;
}
a.password_preview:hover {
text-decoration: none !important;
}@media only screen and (max-width: 1466px) {
html {
font-size: 95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
}
body.home h1,
h1 {
font-size: 4.3rem;
line-height: 4.1rem;
letter-spacing: -2px;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 3.75rem;
line-height: 3.6rem;
}
h3 {
font-size: 2.2rem;
line-height: 2rem;
margin-bottom: 25px;
margin-top: 35px;
}
h3.small {
font-size: 1.6rem;
line-height: 1.4rem;
margin-bottom: 20px;
}
h3.big {
font-size: 3.1rem;
line-height: 2.9rem;
letter-spacing: -1px;
margin-bottom: 30px;
}
h4 {
font-size: 1.3rem;
line-height: 1.3rem;
}
h4.big {
font-size: 1.8rem;
line-height: 2rem;
margin-bottom: 20px;
}
h5 {
font-size: 1.1rem;
line-height: 1.1rem;
}
.slider .wrap {
max-width: 90%;
}
}
@media only screen and (max-width: 1440px) {
.tableau-renouvellement {
max-width: 94%;
margin: 0 auto
}
body.page-template-page-extranet-licences-renouvellement .bkg-bleu-light {
max-width: 94%;
margin: 0 auto;
}
}   @media only screen and (max-width: 1320px) {
.spinner {
margin: 150px auto;
}
#inner-header nav li {
padding: 0 12px;
}
#inner-header nav li a {
font-size: .85rem;
}
body.home h1,
h1 {
font-size: 3.7rem;
line-height: 3.5rem;
letter-spacing: -1px;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 3.2rem;
line-height: 3.0rem;
}
h3.big {
font-size: 2.4rem;
line-height: 2.3rem;
}
.zone-top-header a {
font-size: .7rem;
}
#search-2.actif input#s {
width: 260px;
}
#section-engages .tableau-competitions td.engage-date {
display: none;
}
.dataTables_wrapper {
max-width: 100%;    
}
#section-engages .tableau-competitions {
width: 100% !important;    
}
}   @media only screen and (max-width: 1170px) {
#responsive-menu-button.scroll {
top: 12px !important;
}
.flex-item-40,
.flex-item-60 {
width: 50%;
}
.zone-top-header,
#menu-menu-principal {
display: none;
}
#inner-header {
margin-top: 20px;
}
.logo-header {
height: 60px;
}
header.header.scroll #inner-header {
box-shadow: 0 0 30px rgba(0,0,0, 0.2);
margin-top: 0;
}
header.header.scroll {
padding-left: 0;
padding-right: 0;
}
header.header.scroll .logo-header {
height: 60px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/pentathlon-logo.png) top left no-repeat;
background-size: contain;
}
.owl-carousel .flex-item-deux-tiers,
.owl-carousel .flex-item-tiers {
width: 48%;
}
.image-slide {
min-height: 300px;
}
.owl-carousel .flex-item-tiers .bkg-bleu-clair.big {
font-size: 1rem;
line-height: 1.3rem;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 23% !important;
}
.top-page h1 {
padding-top: 140px;
}
.top-page.top-page-single-actu {
padding-bottom: 30px;
}
#section-engages .tableau-competitions td.engage-sexe,
#section-engages .tableau-competitions td.engage-cat {
display: none;
}
header.header {
padding: 0;    
}
#inner-header {
margin-top: 0;    
}   .container-gauche-espace,
.container-droit-espace {
padding: 20px;    
}
.module-inscription-competition {
margin-bottom: 25px;
}
.mobile-only {
display: block;
}
}      @media only screen and (max-width: 967px) {
.flex-item-50 {
width: 100%;
}
#content.connexion-licencie,
section.connexion-licencie {
min-height: 1px;
}
.part-gauche {
background: #fff;
padding: 20px 0;
}
.part-droite {
padding: 30px 0;
}
.logo-connexion {
height: 70px;
background-size: 70%;
border-radius: 6px;
}
.module-connexion,
.module-creation {
width: 70%;
padding: 0 30px;
}
.module-creation {
padding: 30px;
}
.container-espace .flex-item-moitie {
width: 100%;    
}
}   @media only screen and (max-width: 930px) {
.top-page .wrap,
.slider .wrap {
max-width: 95%;
width: 95%;
}
.top-page {
height: 300px;
}
header.header-extranet.no-mandat {
top: 60px;
}   
#content.no-mandat {
padding-top: 60px;
}
}   @media only screen and (max-width: 800px) {
.slider {
height: 45vh;
}
body.home h1,
h1 {
font-size: 3rem;
line-height: 2.7rem;
letter-spacing: -1px;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 2.6rem;
line-height: 2.4rem;
}
.flex-item-40,
.flex-item-60 {
width: 100%;
}
.flex-item-deux-tiers,
.flex-item-tiers {
width: 100%;
}
.flex-item-moitie {
width: 100%;
margin-bottom: 20px;
}
.flex-item-quart {
width: 48%;
margin-bottom: 20px;
}
.flex-item-tiers,
.flex-item-deux-tiers {
width: 100%;
margin-bottom: 20px;
}
.flex-item-tiers.format-pentathlon {
width: 48%;
}
footer.footer .flex-item-quart {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
footer.footer .flex-item-trois-quart {
width: 100%;
text-align: center;
padding: 0 40px;
}
.fil-instagram .right {
text-align: left;
}
.breadcrumbs {
padding-left: 10px;
padding-right: 10px;
font-size: .8rem;
}
.owl-carousel .flex-item-deux-tiers {
display: none;
}
.owl-carousel .flex-item-tiers {
width: 100%;
}
.right {
text-align: left;
}
.illustration-image {
display: none;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 31% !important;
}
.megabig {
font-size: 1.6rem;
line-height: 1.5rem;
}
.jour-compet {
padding-left: 25px;
padding-right: 25px;
}
.item-competition .padding30 {
padding: 20px;
}
.item-competition .big {
font-size: 1rem;
line-height: 1.4rem;
}
.carousel-calendrier .owl-nav {
left: -40px;
top: -30px;
}
#saisons {
max-width: 200px;
}
.carousel-calendrier .picto-competition {
display: none;
}
.navigation-post .flex-item-tiers {
width: 48%;
}
.navigation-post a {
font-size: 1rem;
line-height: 1.2rem;
}
header.header-extranet.no-mandat {
top: 90px;
}   
#content.no-mandat {
padding-top: 90px;
}
.menu-top-2020 ul li.back2020 {
width: 100%;
text-align: center;
}
:root {
--height-youtube : 300px;
}
}
@media only screen and (max-width: 800px) {
header.header {
padding: 0;    
}
#inner-header {
margin-top: 0;    
}   .nav-espace .flex-item-moitie {
width: 23%;    
}
.container-gauche-espace,
.container-droit-espace {
width: 100%;
min-height: 1px;
}
.flex-item-moitie.module-espace {
width: 48%;    
}
}   @media only screen and (max-width: 698px) {
#toTop {
display: none !important;
visibility: hidden !important;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 48% !important;
}
.fancybox-content {
padding: 20px !important;
max-width: 98% !important;
}
body.home #content {
padding-top: 75px;    
}   .part-gauche {
padding: 15px 0;
}
.part-droite {
padding: 20px;
}
.logo-connexion {
height: 70px;
background-size: 70%;
}
.module-connexion,
.module-creation {
width: 100%;
padding: 0;
}
.module-creation {
padding: 20px;
}
.module-inscription-competition {
width: 100%;
margin-bottom: 15px;
}
}   @media only screen and (max-width: 600px) {
html {
font-size: 90%;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust: 90%;
}
#tarteaucitronDisclaimerAlert {
padding: 0 20px;
max-width: 100%;
float: none;
text-align: center;
}
.accepte-tout,
.choix-cookies {
height: 24px !important;
border-radius: 0 !important;
line-height: 24px !important;
padding: 0 15px !important;
margin: 6px auto!important;
font-size: .8rem !important;
float: none;
}
.flex-item-quart {
width: 100%;
}
.flex-item-cinq {
width: 48%;
}
.flex-item-32 {
width: 100%;
}
footer.footer .flex-item-trois-quart {
padding: 0;
}
footer.footer .container-flex-nowrap {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
position: relative;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
footer.footer .container-flex-nowrap .flex-item-std {
width: 21%;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 2.4rem;
line-height: 2.1rem;
letter-spacing: -1px;
}
.flex-item-tiers.format-pentathlon {
width: 100%;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 100% !important;
}
section.fil-instagram {
display: none;
}
.slider {
display: none;
}
.image-mobile-only {
display: block;
}
.tableau-renouvellement .surtitre-licence,
.tableau-renouvellement .groupe-licence {
display: none;
}
.rappel-paiement {
display: none;
}
.menu-top-2020 ul li:not(.back2020) {
display: none;
}
.menu-top-2020 {
border: 0;    
}
.titre-page-2020 {
padding-top: 20px;
}
.titre-page-2020 h3 {
font-size: 1.6rem;
line-height: 2rem;
padding: 0 15px;
max-width: 80%;
}
header.header-extranet {
position: relative;
}
header.header-extranet .logo-header {
float: none;
}
.menu-extranet {
float: none;
margin: 5px auto;
text-align: center;
}
.menu-extranet li {
margin: 0 15px;
text-align: center;
}
.top-page.top-page-extranet {
margin-top: 0;    
height: 100px;
}
.wrap {
max-width: 100%;    
}
.top-page.top-page-extranet h1 {
font-size: 1.3rem;
line-height: 1.6rem;
margin-left: 12px;
}
.top-page.top-page-extranet h3 {
font-size: 1.7rem;
line-height: 2rem;
margin-left: 12px !important;
}
body.home h1,
h1 {
font-size: 2.3rem;
line-height: 2.6rem;
}
body.home h1 {
padding-top: 40px;
}
.image-mobile-only {
height: 30vh;
}   .flex-item-moitie.module-espace {
width: 100%;
} .nav-espace .bouton-rubrique {
padding: 12px 6px;
border-radius: 4px;
font-size: .9rem;
line-height: 1.1rem;
}
.nav-espace .bouton-rubrique span::before {
margin: 0 auto;
font-size: 1.5rem;
}
.container-gauche-espace .identite .floatleft,
.container-gauche-espace .identite .floatright {
float: none;
}
.container-espace {
padding-top: 20px;
padding-bottom: 20px;
}
a.cta-download {
padding: 12px 20px 12px 20px;
display: block;
text-align: center;
}
a.cta-download::after {
position: relative;
right: auto;
top: auto;
margin: 8px auto 0;
text-align: center;
}
#section-etape02 .module-lien-bleu {
width: 100%; 
min-height: 200px;
height: auto;
padding: 30px 20px;
}
}   @media only screen and (max-width: 480px) {
.navigation-post a {
padding-left: 0 !important;
padding-right: 0 !important;
}
.navigation-post .nextpost a::before,
.navigation-post .prevpost a::before {
display: none;
}
header.header-extranet.no-mandat {
top: 110px;
}   
#content.no-mandat {
padding-top: 110px;
}
table.tableau-honorabilite thead tr th:nth-of-type(4),
table.tableau-honorabilite tbody tr td:nth-of-type(4) {
display: none;
}
.titre-page-2020 h3 {
max-width: 100%;
}
#responsive-menu-container {
width: 100% !important;    
}
}   @media only screen and (max-width: 420px) {
.cta-espace-licencie {
padding: 8px 20px 8px 40px;
top: 24px;
right: 70px;
}
.cta-espace-licencie::before {
font-size: 1.3rem;
left: 12px;
top: 8px;
}
}.swal2-popup.swal2-toast{flex-direction:column;align-items:stretch;width:auto;padding:1.25em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;margin:0 .625em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container{padding:.625em 0 0}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex:1;flex-basis:auto!important;align-self:stretch;width:auto;height:2.2em;height:auto;margin:0 .3125em;margin-top:.3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.125em .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:5px;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#2778c4;color:#fff;font-size:1em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#d14529;color:#fff;font-size:1em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#757575;color:#fff;font-size:1em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto}.swal2-validation-message{align-items:center;justify-content:center;margin:0 -2.7em;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}.ur-h2,
.ur-h3,
.ur-h4 {
font-weight: 600 !important;
}
.ur-h2 {
font-size: 28px !important;
}
.ur-h3 {
font-size: 20px !important;
}
.ur-h4 {
font-size: 16px !important;
}
.ur-text-center {
text-align: center;
}
.ur-text-right {
text-align: right;
}
.ur-text-muted {
color: #383838;
}
@font-face {
font-family: "UserRegistration";
src: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?nk6vrg);
src: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?nk6vrg#iefix) format("embedded-opentype"), url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.ttf?nk6vrg) format("truetype"), url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.woff?nk6vrg) format("woff"), url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.svg?nk6vrg#UserRegistration) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "UserRegistration";
src: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?v5p6f);
src: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?v5p6f#iefix) format("embedded-opentype"), url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.ttf?v5p6f) format("truetype"), url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.woff?v5p6f) format("woff"), url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/fonts/UserRegistration.svg?v5p6f#UserRegistration) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=ur-icon-],
[class*=" ur-icon-"] { font-family: "UserRegistration" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  .ur-icon-input-first-name::before {
content: "\e001";
}
.ur-icon-input-last-name::before {
content: "\e002";
}
.ur-icon-input-field::before {
content: "\e003";
}
.ur-icon-input-password::before {
content: "\e004";
}
.ur-icon-input-checkbox::before {
content: "\e005";
}
.ur-icon-radio::before {
content: "\e006";
}
.ur-icon-number::before {
content: "\e007";
}
.ur-icon-phone::before {
content: "\e008";
}
.ur-icon-calendar::before {
content: "\e009";
}
.ur-icon-drop-down::before {
content: "\e00a";
}
.ur-icon-textarea::before {
content: "\e00b";
}
.ur-icon-email::before {
content: "\e00c";
}
.ur-icon-email-secondary::before {
content: "\e00d";
}
.ur-icon-email-confirm::before {
content: "\e00e";
}
.ur-icon-invite-codes::before {
content: "\e00f";
}
.ur-icon-password::before {
content: "\e010";
}
.ur-icon-password-confirm::before {
content: "\e011";
}
.ur-icon-user::before {
content: "\e012";
}
.ur-icon-user-nickname::before {
content: "\e013";
}
.ur-icon-user-display-name::before {
content: "\e014";
}
.ur-icon-user-bio::before {
content: "\e015";
}
.ur-icon-website::before {
content: "\e016";
}
.ur-icon-flag::before {
content: "\e017";
}
.ur-icon-map-one::before {
content: "\e018";
}
.ur-icon-map-two::before {
content: "\e019";
}
.ur-icon-zip-code::before {
content: "\e01a";
}
.ur-icon-select2::before {
content: "\e01b";
}
.ur-icon-multi-select::before {
content: "\e01c";
}
.ur-icon-section-title::before {
content: "\e01d";
}
.ur-icon-time-picker::before {
content: "\e01e";
}
.ur-icon-state::before {
content: "\e01f";
}
.ur-icon-buildings::before {
content: "\e020";
}
.ur-icon-text-editor::before {
content: "\e021";
}
.ur-icon-bill::before {
content: "\e022";
}
.ur-icon-doc::before {
content: "\e023";
}
.ur-icon-file-upload::before {
content: "\e024";
}
.ur-icon-file-dollar::before {
content: "\e025";
}
.ur-icon-code::before {
content: "\e026";
}
.ur-icon-mailchimp::before {
content: "\e027";
}
.ur-icon-credit-card::before {
content: "\e028";
}
.ur-icon-range::before {
content: "\e029";
}
.ur-icon-course::before {
content: "\e02a";
}
.ur-icon-mailerlite::before {
content: "\e02b";
}
.ur-icon-stripe::before {
content: "\e02d";
}
.ur-icon-multichoice::before {
content: "\e02e";
}
.ur-icon-subscription-plan::before {
content: "\e037";
}
.ur-icon-total::before {
content: "\e02f";
}
.ur-icon-quantity::before {
content: "\e032";
}
.ur-icon-hidden-field::before {
content: "\e035";
}
.ur-icon-captcha-field::before {
content: "\e036";
}
.ur-icon-membership-field::before {
content: "\e038";
}
.ur-icon-coupon-field::before {
content: "\e039";
}
.ur-icon-e-signature::before {
content: "\e040";
}
.ur-icon-authorize-net::before {
content: "\e041";
} @keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes ur-circle-loading {
0%, 100% {
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
50% {
animation-timing-function: cubic-bezier(0, 0.2, 1, 0.8);
}
0% {
transform: rotate(0deg) translate(0, -20px) scale(0);
}
50% {
transform: rotate(180deg) translate(0, -20px) scale(1);
}
100% {
transform: rotate(360deg) translate(0, -20px) scale(0);
}
}
@-webkit-keyframes ur-circle-loading-keyframe {
0%, 100% {
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
50% {
animation-timing-function: cubic-bezier(0, 0.2, 1, 0.8);
}
0% {
transform: rotate(0deg) translate(0, -20px) scale(0);
}
50% {
transform: rotate(180deg) translate(0, -20px) scale(1);
}
100% {
transform: rotate(360deg) translate(0, -20px) scale(0);
}
}
@keyframes open-message {
0% {
opacity: 0;
transform: translateY(-120%);
}
100% {
transform: translateY(0px);
}
}
@keyframes close-message {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.9);
}
}
.user-registration button,
.user-registration .button,
.ur-form-container button,
.ur-form-container .button {
transition: all 0.25s ease 0s;
box-shadow: 0 1px 3px rgba(182.4993283582, 186.8632089552, 206.5006716418, 0.15);
}
.user-registration button + button,
.user-registration button + .button,
.user-registration .button + button,
.user-registration .button + .button,
.ur-form-container button + button,
.ur-form-container button + .button,
.ur-form-container .button + button,
.ur-form-container .button + .button {
margin-left: 6px;
}
.user-registration button.button-icon,
.user-registration .button.button-icon,
.ur-form-container button.button-icon,
.ur-form-container .button.button-icon {
width: 32px;
padding: 0;
text-align: center;
}
.user-registration button.button-icon .dashicons,
.user-registration .button.button-icon .dashicons,
.ur-form-container button.button-icon .dashicons,
.ur-form-container .button.button-icon .dashicons {
line-height: 0.9;
vertical-align: middle;
}
.user-registration button.button-icon svg,
.user-registration .button.button-icon svg,
.ur-form-container button.button-icon svg,
.ur-form-container .button.button-icon svg {
display: block;
margin: 0 auto;
}
.user-registration button.button-icon-round,
.user-registration .button.button-icon-round,
.ur-form-container button.button-icon-round,
.ur-form-container .button.button-icon-round {
border-radius: 50%;
}
.user-registration button.is-active,
.user-registration .button.is-active,
.ur-form-container button.is-active,
.ur-form-container .button.is-active {
background: #475bb2;
color: #ffffff;
border-color: #475bb2;
}
.user-registration button.is-active:hover, .user-registration button.is-active:active, .user-registration button.is-active:focus,
.user-registration .button.is-active:hover,
.user-registration .button.is-active:active,
.user-registration .button.is-active:focus,
.ur-form-container button.is-active:hover,
.ur-form-container button.is-active:active,
.ur-form-container button.is-active:focus,
.ur-form-container .button.is-active:hover,
.ur-form-container .button.is-active:active,
.ur-form-container .button.is-active:focus {
background: #475bb2;
color: #ffffff;
border-color: #475bb2;
}
.user-registration button .ur-spinner,
.user-registration .button .ur-spinner,
.ur-form-container button .ur-spinner,
.ur-form-container .button .ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle;
}
.user-registration .button-primary,
.ur-form-container .button-primary {
background: #475bb2;
border-color: #475bb2;
box-shadow: 0 1px 0 #475bb2;
text-shadow: none;
}
.user-registration .button-primary:hover, .user-registration .button-primary:active, .user-registration .button-primary:focus,
.ur-form-container .button-primary:hover,
.ur-form-container .button-primary:active,
.ur-form-container .button-primary:focus {
background: rgb(56.4578313253, 72.3614457831, 141.5421686747);
border-color: rgb(56.4578313253, 72.3614457831, 141.5421686747);
box-shadow: 0 1px 0 rgb(56.4578313253, 72.3614457831, 141.5421686747);
}
.user-registration .button-primary:disabled,
.ur-form-container .button-primary:disabled {
color: rgb(177.7951807229, 186.4698795181, 224.2048192771) !important;
background: rgb(104.8795180723, 121.7469879518, 195.1204819277) !important;
border-color: rgb(104.8795180723, 121.7469879518, 195.1204819277) !important;
}
.user-registration .button-secondary,
.ur-form-container .button-secondary {
color: #2d3559;
background: rgb(222.4984029851, 224.3717109905, 232.8015970149);
border-color: rgb(222.4984029851, 224.3717109905, 232.8015970149);
box-shadow: 0 1px 0 rgb(222.4984029851, 224.3717109905, 232.8015970149);
}
.user-registration .button-secondary:hover, .user-registration .button-secondary:active, .user-registration .button-secondary:focus,
.ur-form-container .button-secondary:hover,
.ur-form-container .button-secondary:active,
.ur-form-container .button-secondary:focus {
color: #2d3559;
background: rgb(182.4993283582, 186.8632089552, 206.5006716418);
border-color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
}
.user-registration .button-tertiary,
.ur-form-container .button-tertiary {
background: #ffffff;
color: #2d3559;
border: 1px solid #e1e1e1;
}
.user-registration .button-tertiary:hover, .user-registration .button-tertiary:active, .user-registration .button-tertiary:focus,
.ur-form-container .button-tertiary:hover,
.ur-form-container .button-tertiary:active,
.ur-form-container .button-tertiary:focus {
background: rgb(240.4392835821, 241.3522713704, 245.4607164179);
border-color: #e1e1e1;
}
.user-registration .button-danger,
.ur-form-container .button-danger {
color: #ffffff;
background: #ff4f55;
border-color: #ff4f55;
box-shadow: 0 1px 0 #ff4f55;
}
.user-registration .button-danger:hover, .user-registration .button-danger:active, .user-registration .button-danger:focus,
.ur-form-container .button-danger:hover,
.ur-form-container .button-danger:active,
.ur-form-container .button-danger:focus {
color: #ffffff;
background: rgb(238.74, 54.46, 60.7422727273);
border-color: rgb(238.74, 54.46, 60.7422727273);
box-shadow: 0 1px 0 rgb(238.74, 54.46, 60.7422727273);
}
.user-registration-button-group {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.user-registration-button-group > button:not(:first-child),
.user-registration-button-group .button:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.user-registration-button-group > button:not(:last-child),
.user-registration-button-group .button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.user-registration-button-group button,
.user-registration-button-group .button {
margin-right: 0 !important;
}
.ur-registered-item.ui-draggable-dragging {
padding: 10px 10px;
line-height: 20px;
background: #475bb2;
color: #ffffff;
text-align: center;
margin-bottom: 7px;
word-break: break-word;
white-space: normal;
width: 200px !important;
z-index: 9;
}
.ur-registered-item.ui-draggable-dragging span {
font-size: 14px;
line-height: 20px;
width: auto;
height: auto;
margin-right: 3px;
}
.select2-container .ur-select-all-countries-button {
margin: 6px 3px 4px 6px;
}
.select2-container .ur-unselect-all-countries-button {
margin: 6px 3px 4px;
}
.user-registration-page.user-registration-modal-open {
overflow: hidden;
}
.user-registration-page.user-registration-modal-open .user-registration-modal {
max-width: 100%;
}
.user-registration-modal-link:hover {
cursor: pointer;
}
.user-registration-modal {
display: flex;
place-content: center;
position: fixed;
top: 50px;
left: 0;
right: 0;
max-height: 90%;
width: 100%;
margin: 0 auto !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 999;
}
.user-registration-modal .user-registration-modal__backdrop {
position: fixed;
left: 0;
top: 0;
background-color: rgba(45, 53, 89, 0.5);
min-width: 100%;
min-height: 100%;
z-index: 1;
}
.user-registration-modal .user-registration-modal__content {
background: #ffffff;
position: relative;
width: auto;
margin: 16px;
border-radius: 8px;
z-index: 99999;
box-shadow: 0 3px 25px 0px rgba(45, 53, 89, 0.4);
}
@media (min-width: 576px) {
.user-registration-modal .user-registration-modal__content {
max-width: 500px;
margin: auto;
}
}
@media (min-width: 992px) {
.user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl, .user-registration-modal .user-registration-modal__content.user-registration-modal__content--lg {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl {
max-width: 1140px;
}
}
.user-registration-modal .user-registration-modal__header {
display: flex;
padding: 16px;
border-bottom: 1px solid #e1e1e1;
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__title {
font-size: 20px;
line-height: 1.4;
margin: 0;
padding: 0;
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon {
position: relative;
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
cursor: pointer;
margin-left: auto;
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before, .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after {
content: "";
height: 2px;
width: 16px;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
background: rgb(182.4993283582, 186.8632089552, 206.5006716418);
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before {
transform: rotate(45deg);
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after {
transform: rotate(135deg);
}
.user-registration-modal .user-registration-modal__body {
position: relative;
padding: 16px;
max-height: 67vh;
overflow-y: scroll;
}
.user-registration-modal .user-registration-modal__body #user-registration,
.user-registration-modal .user-registration-modal__body .user-registration,
.user-registration-modal .user-registration-modal__body .login {
margin: 0;
padding: 0;
border: none;
}
.user-registration-modal .user-registration-modal__footer {
padding: 16px;
border-top: 1px solid #e1e1e1;
}
.user-registration-modal .user-registration-modal__footer * {
margin: 4px;
}
.swal2-container .user-registration-swal2-modal {
padding: 40px;
}
.swal2-container .user-registration-swal2-modal .swal2-input {
font-size: 16px;
}
.swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^=swal2-success-line], .swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^=swal2-success-circular-line] {
animation: none;
}
.swal2-container .swal2-header .swal2-icon {
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 16px;
border-width: 2px;
border-radius: 50%;
}
.swal2-container .swal2-header .swal2-icon .swal2-x-mark [class^=swal2-x-mark-line] {
height: 3px;
width: 28px;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
}
.swal2-container .swal2-header .swal2-icon .swal2-x-mark [class^=swal2-x-mark-line][class$=left] {
transform: translateY(-50%) rotate(45deg);
}
.swal2-container .swal2-header .swal2-icon .swal2-x-mark [class^=swal2-x-mark-line][class$=right] {
transform: translateY(-50%) rotate(-45deg);
}
.swal2-container .swal2-header .swal2-icon.swal2-success [class^=swal2-success-line] {
height: 3px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
width: 16px;
top: 56%;
left: 10px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
top: 47%;
width: 32px;
right: 6px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
height: 64px;
width: 32px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -75px;
left: 27px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -26px;
left: 82px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success .swal2-success-ring {
top: -3px;
left: -2px;
border-width: 2px;
}
.swal2-container .swal2-header .swal2-icon.swal2-success .swal2-success-fix {
height: 64px;
left: 2px;
right: 0px;
margin: 0 auto;
top: -2px;
bottom: 0;
width: 6px;
}
.swal2-container .swal2-header .swal2-icon::before {
font-size: 40px;
}
.swal2-container .swal2-header .swal2-title {
color: #2d3559;
font-size: 16px;
line-height: 24px;
font-weight: 500;
flex-wrap: wrap;
margin-bottom: 16px;
}
.swal2-container .swal2-header .swal2-title img {
width: 20px;
height: 20px;
}
.swal2-container .swal2-header .swal2-title .dashicons {
color: #ff4f55;
font-size: 28px;
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 16px;
border: 2px solid #ff4f55;
border-radius: 50%;
}
.swal2-container__title {
line-height: 1.35;
display: block;
}
.swal2-container .swal2-content {
color: rgb(76.288238806, 84.0379701493, 118.911761194);
font-size: 1em;
line-height: 1.5;
}
.swal2-container .swal2-actions button {
margin-top: 0;
margin-bottom: 0;
}
.swal2-container--centered .swal2-title {
flex-direction: column;
}
.user-registration-modal-open .wp-block-cover {
z-index: 99;
}
.user-registration .swal2-container .swal2-popup,
.user-registration-page .swal2-container .swal2-popup {
width: 400px;
border-radius: 10px;
padding: 0;
margin: auto;
}
.user-registration .swal2-container .swal2-popup .swal2-header,
.user-registration-page .swal2-container .swal2-popup .swal2-header {
padding: 20px;
}
.user-registration .swal2-container .swal2-popup .swal2-header .swal2-title,
.user-registration-page .swal2-container .swal2-popup .swal2-header .swal2-title {
display: flex !important;
align-items: center;
gap: 12px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 16px;
width: 100%;
margin-bottom: 0;
}
.user-registration .swal2-container .swal2-popup .swal2-header .swal2-title .dashicons,
.user-registration-page .swal2-container .swal2-popup .swal2-header .swal2-title .dashicons {
font-size: 18px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.user-registration .swal2-container .swal2-popup .swal2-header .swal2-title .user-registration-swal2-modal__title,
.user-registration-page .swal2-container .swal2-popup .swal2-header .swal2-title .user-registration-swal2-modal__title {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #222222;
}
.user-registration .swal2-container .swal2-popup .swal2-content,
.user-registration-page .swal2-container .swal2-popup .swal2-content {
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
text-align: left;
font-size: 14px;
line-height: 24px;
color: #383838;
}
.user-registration .swal2-container .swal2-popup .swal2-content .swal2-html-container > div,
.user-registration-page .swal2-container .swal2-popup .swal2-content .swal2-html-container > div {
border-radius: 8px;
overflow: hidden;
}
.user-registration .swal2-container .swal2-popup .swal2-content .swal2-html-container .action-buttons,
.user-registration-page .swal2-container .swal2-popup .swal2-content .swal2-html-container .action-buttons {
margin-left: -20px;
margin-right: -20px;
border-radius: 0 0 10px 10px;
padding: 16px;
text-align: right;
background: #F4F4F4;
}
.user-registration .swal2-container .swal2-popup .swal2-content .swal2-html-container p,
.user-registration-page .swal2-container .swal2-popup .swal2-content .swal2-html-container p {
margin: 0;
}
.user-registration .swal2-container .swal2-popup .swal2-content .swal2-validation-message,
.user-registration-page .swal2-container .swal2-popup .swal2-content .swal2-validation-message {
margin-left: 0;
margin-right: 0;
border-left: 3px solid #f27474;
justify-content: flex-start;
padding: 12px 6px 12px 6px;
}
.user-registration .swal2-container .swal2-popup .swal2-content .action-buttons,
.user-registration-page .swal2-container .swal2-popup .swal2-content .action-buttons {
padding: 18px 20px;
}
.user-registration .swal2-container .swal2-popup .swal2-content .action-buttons a,
.user-registration-page .swal2-container .swal2-popup .swal2-content .action-buttons a {
background: #FF8C39;
border: #FF8C39;
text-decoration: none;
color: #ffffff;
}
.user-registration .swal2-container .swal2-popup .swal2-actions,
.user-registration-page .swal2-container .swal2-popup .swal2-actions {
padding: 18px 20px;
gap: 16px;
margin-top: 20px;
border-radius: 0 0 5px 5px;
background: #f4f4f4;
border-top: 0;
flex-direction: row-reverse;
}
.user-registration .swal2-container .swal2-popup .swal2-actions .swal2-confirm,
.user-registration .swal2-container .swal2-popup .swal2-actions .swal2-cancel,
.user-registration-page .swal2-container .swal2-popup .swal2-actions .swal2-confirm,
.user-registration-page .swal2-container .swal2-popup .swal2-actions .swal2-cancel {
min-height: 36px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
padding: 0 12px;
width: 45%;
}
.user-registration .swal2-container .swal2-popup .swal2-actions .swal2-confirm,
.user-registration-page .swal2-container .swal2-popup .swal2-actions .swal2-confirm {
background: #ff4149;
border-color: #ff4149;
}
.user-registration .swal2-container .swal2-popup .swal2-actions .swal2-cancel,
.user-registration-page .swal2-container .swal2-popup .swal2-actions .swal2-cancel {
background: #ffffff;
color: #383838;
}
.user-registration .swal2-container .swal2-popup .swal2-actions button:focus,
.user-registration-page .swal2-container .swal2-popup .swal2-actions button:focus {
box-shadow: none;
}
.user-registration .swal2-container .swal2-popup .swal2-actions button:focus-visible,
.user-registration-page .swal2-container .swal2-popup .swal2-actions button:focus-visible {
outline: none;
}
.lds-dual-ring {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.lds-dual-ring::after {
content: " ";
display: block;
width: 35px;
height: 35px;
margin: 8px;
border-radius: 50%;
border: 6px solid #2d3559;
border-color: #2d3559 transparent #2d3559 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ur-gutenberg-form-selector-wrap .components-radio-control__option {
padding-left: 14px;
margin-bottom: 20px !important;
}
.ur-gutenberg-form-selector-wrap .components-base-control__field {
display: flex;
justify-content: center;
}
.wp-core-ui .ur-submit-button {
color: white;
}
.wp-core-ui select {
max-width: 100% !important;
} .clear {
clear: both;
}
.user-registration-page .select2-dropdown,
.user-registration-swal2-container {
z-index: 9999;
}
.user-registration-page .select2-dropdown {
padding: 0px !important;
}
.ur-timepicker-range {
display: flex;
}
.timepicker-start {
margin-right: 1rem;
} .user-registration-error,
.user-registration-coupon-error,
.user-registration-info {
display: block;
margin: 0 0 10px;
padding: 10px 15px;
background-color: rgb(239.7734939759, 241.4843373494, 248.9265060241);
color: rgb(76.288238806, 84.0379701493, 118.911761194);
border-top: 3px solid #475bb2;
list-style: none outside;
*zoom: 1;
width: auto;
word-wrap: break-word;
line-height: 1.25;
text-transform: none;
font-size: 14px;
}
.user-registration-error::before, .user-registration-error::after,
.user-registration-coupon-error::before,
.user-registration-coupon-error::after,
.user-registration-info::before,
.user-registration-info::after {
content: " ";
display: table;
}
.user-registration-error::after,
.user-registration-coupon-error::after,
.user-registration-info::after {
clear: both;
}
.user-registration-error::before,
.user-registration-coupon-error::before,
.user-registration-info::before {
content: "\f348";
display: inline-block;
vertical-align: middle;
font-family: "Dashicons";
font-size: calc(100% + 10px);
margin-right: 0.875rem;
}
.user-registration-error ul,
.user-registration-coupon-error ul,
.user-registration-info ul {
margin: 0 !important;
padding: 0 !important;
background-color: transparent !important;
}
.user-registration-error .button,
.user-registration-coupon-error .button,
.user-registration-info .button {
float: right;
}
.user-registration-error li,
.user-registration-coupon-error li,
.user-registration-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
flex: 1;
}
.user-registration-error .message,
.user-registration-coupon-error .message,
.user-registration-info .message {
margin: 0;
padding: 0;
}
.user-registration-info {
color: #1e85be;
border-top-color: #1e85be;
}
.user-registration-error {
border-top-color: #ff4f55;
background: rgba(255, 79, 85, 0.1);
color: rgb(255, 2.5, 11.1079545455);
}
.user-registration-error::before {
content: "\f534";
}
.user-registration-coupon-error {
border-top-color: #ff4f55;
background: rgba(255, 79, 85, 0.1);
color: rgb(255, 2.5, 11.1079545455);
margin-top: 10px;
}
.user-registration-membership-notice__container {
position: fixed;
top: 20px;
right: 0px;
z-index: 1000;
transition: right 0.5s ease;
background-color: #f7fdf8;
border-left: 4px solid #49c85f;
padding-right: 24px;
color: #222;
}
.user-registration-membership-notice__red {
padding: 10px;
}
.user-registration-membership-notice__blue {
padding: 20px;
}
.user-registration-membership__close_notice {
color: red;
cursor: pointer;
font-weight: bold;
padding-left: 16px;
}
input.ur-input-border-green:not([type=range]),
textarea.ur-input-border-green {
border-color: #1ea71b !important;
}
input.ur-input-border-red,
textarea.ur-input-border-red {
border-color: #ff4f55 !important;
}
.ur-frontend-form {
border: 1px solid #e1e1e1;
padding: 20px;
box-sizing: border-box;
}
.ur-frontend-form.login {
border: none;
padding: 60px;
border-radius: 8px;
background: #fff;
}
@media screen and (max-width: 600px) {
.ur-frontend-form.login {
padding: 40px 30px;
}
}
@media screen and (max-width: 600px) {
.ur-frontend-form.login {
padding: 40px 30px;
}
}
.ur-frontend-form.login .ur-lost-password-content-container {
display: flex;
flex-direction: column;
align-items: center;
}
.ur-frontend-form.login .ur-lost-password-content-container .ur-lost-password-title {
color: var(--Grey-grey-600, #1f1f1f);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px;
letter-spacing: 0.15px;
margin: auto;
margin-top: 20px;
}
.ur-frontend-form.login .ur-lost-password-content-container .ur-lost-password-message {
font-size: 14px;
letter-spacing: 0.15px;
margin-top: 5px;
margin-bottom: 0;
}
.ur-frontend-form.login .ur-input-with-icon {
position: relative;
display: flex;
align-items: center;
}
.ur-frontend-form.login .ur-input-with-icon .input-icon {
position: absolute;
left: 10px;
top: 50%;
}
.ur-frontend-form.login .ur-input-with-icon input {
padding-left: 40px;
}
.ur-frontend-form.login .required {
margin-left: 5px;
}
.ur-frontend-form.login #user_login {
border-radius: 4px;
border: 1px solid #e9e9e9;
}
.ur-frontend-form.login .ur-reset-password-btn {
border: 1px solid #475bb2;
background: #475bb2;
width: 100%;
color: #fff;
letter-spacing: 0.15px;
border: 0;
}
.ur-frontend-form.login .ur-reset-password-btn:hover {
background: #38488e;
border-color: #38488e;
}
.ur-frontend-form.login input[name=rememberme]#rememberme {
vertical-align: middle;
}
.ur-frontend-form.login.ur-edit-profile .ur-form-row.edit-user-save-btn-container .btn-primary {
min-height: 34px;
background: #475bb2;
border: 1px solid #475bb2;
color: #ffffff;
border-radius: 4px;
font-size: 14px;
line-height: 24px;
padding: 0 12px;
}
.ur-frontend-form.login-registration {
margin: 0;
border: none;
padding: 0;
}
.ur-frontend-form .register #node_recaptcha_register {
padding: 0 10px;
}
.ur-frontend-form #ur-recaptcha-node {
margin-top: 10px;
}
@media screen and (max-width: 460px) {
.ur-frontend-form #ur-recaptcha-node {
position: relative;
left: -30px;
transform: scale(0.8);
}
}
.ur-frontend-form * {
box-sizing: border-box;
}
.ur-frontend-form .description {
display: block;
font-size: 14px;
line-height: 1.5;
}
.ur-frontend-form .ur-form-row {
display: flex;
}
.ur-frontend-form .ur-form-row:last-child {
margin-bottom: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid {
flex: 1;
padding: 0 10px;
}
@media screen and (max-width: 600px) {
.ur-frontend-form .ur-form-row .ur-form-grid {
width: 100%;
}
}
.ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n+2) {
border-left: 0 none;
}
.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row label[for=user_otp] {
margin-top: 0;
margin-bottom: 12px;
color: #222;
font-size: 15px;
font-weight: 500;
line-height: 19px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.input-text {
margin-bottom: 0;
border-radius: 4px;
border: 1px solid #e9e9e9;
min-height: 38px;
font-size: 14px;
line-height: 20px;
padding: 0 14px;
color: #383838;
}
.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer {
gap: 2px;
}
.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer .user-registration-Button {
padding: 10px 20px;
font-size: 14px;
line-height: 24px;
box-shadow: none;
}
.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer .user-registration-Button:hover {
background: #38488e;
border-color: #38488e;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
margin-bottom: 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .ur-frontend-field {
margin-bottom: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul {
margin: 0;
padding: 0;
list-style: none;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li {
margin-left: 0;
line-height: 1.3;
vertical-align: middle;
margin-bottom: 10px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label {
display: inline-block;
vertical-align: inherit;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=radio], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=radio], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=radio], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=radio] {
margin-top: 0px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label {
display: inline;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item:last-child {
margin-bottom: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .form-row {
display: block;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .stripe-container .stripe-card-indicator {
font-size: 14px;
line-height: 20px;
font-weight: 500;
background: #ebedf7;
color: #475bb2;
border-radius: 4px 4px 0 0;
pointer-events: none;
padding: 8px 16px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .stripe-container .stripe-input-container {
border: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .stripe-container .stripe-input-container .StripeElement {
min-height: 38px;
height: 38px;
padding: 0 12px;
border-radius: 0 4px 4px 4px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .stripe-container .stripe-input-container .StripeElement--focus {
border-color: #475bb2;
border-radius: 4px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .stripe-container .stripe-input-container .StripeElement .__PrivateStripeElement {
height: 38px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .stripe-container .stripe-input-container .StripeElement .__PrivateStripeElement iframe {
top: 12px;
}
.ur-frontend-form .ur-form-row .ur-form-grid input {
border-style: solid;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],
.ur-frontend-form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form .ur-form-row .ur-form-grid select,
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement {
width: 100%;
padding: 4px 8px;
border-radius: 0;
min-height: 36px;
margin-bottom: 10px;
line-height: 1.5;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid textarea::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid select::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement::placeholder {
color: #ddd;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-range-input {
margin-bottom: 0px !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password] {
display: inline;
margin-bottom: 0px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .StripeElement {
padding: 4px 8px;
border: 1px solid #e1e1e1;
}
.ur-frontend-form .ur-form-row .ur-form-grid .StripeElement.StripeElement--invalid {
border: 1px solid #ff4f55;
}
.ur-frontend-form .ur-form-row .ur-form-grid .StripeElement .__PrivateStripeElement iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=radio] {
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-left: 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox]:first-child,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:first-child {
margin-left: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid textarea:focus,
.ur-frontend-form .ur-form-row .ur-form-grid select:focus,
.ur-frontend-form .ur-form-row .ur-form-grid button:focus {
outline: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[readonly],
.ur-frontend-form .ur-form-row .ur-form-grid select[readonly],
.ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly] {
cursor: auto;
}
.ur-frontend-form .ur-form-row .ur-form-grid select {
-webkit-appearance: none;
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend,
.ur-frontend-form .ur-form-row .ur-form-grid label {
display: block;
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend .required,
.ur-frontend-form .ur-form-row .ur-form-grid label .required {
text-decoration: none;
border: none;
color: #ff4f55;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label,
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label {
font-weight: 600;
}
.ur-frontend-form .ur-form-row .ur-form-grid textarea {
padding: 10px;
height: 100px;
resize: none;
padding: 5px 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid textarea:focus {
border-color: #475bb2 !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group {
position: relative;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview {
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden {
opacity: 0.6;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden:hover {
opacity: 1;
}
.ur-frontend-form button,
.ur-frontend-form input[type=submit],
.ur-frontend-form button[type=submit] {
padding: 10px 20px;
line-height: 24px;
text-align: center;
word-break: break-word;
white-space: normal;
border: none;
cursor: pointer;
transition: 0.35s all ease-out;
border-radius: 4px;
}
.ur-frontend-form input[type=submit] {
float: right;
}
.ur-frontend-form .ur-button-container {
display: flex;
margin-top: 10px;
padding: 0 10px;
}
.ur-frontend-form .ur-button-container .ur-submit-button {
margin-left: auto;
}
.ur-frontend-form .user-registration-submit-Button {
float: right;
}
.ur-frontend-form .ur-submit-button {
margin-right: 10px;
margin-bottom: 0;
}
.ur-frontend-form label abbr.required {
text-decoration: none;
border: none;
color: #ff4f55;
}
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid select {
border: 1px solid #e1e1e1;
outline: none;
transition: all 0.35s;
padding: 10px 15px;
background: #ffffff;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
height: 45px;
border-radius: 4px;
}
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid label {
margin-left: 5px;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--default form .ur-form-row .ur-form-grid .user-registration-Button {
border: 0;
border-radius: 4px;
}
.ur-frontend-form.ur-frontend-form--bordered {
box-shadow: none !important;
border: 0 !important;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select {
border: 1px solid #e1e1e1;
outline: none;
transition: all 0.35s;
padding: 0 12px;
background: rgb(240.4392835821, 241.3522713704, 245.4607164179);
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
height: 38px;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label {
margin-left: 5px;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .user-registration-Button {
border: 0;
border-radius: 4px;
}
.ur-frontend-form.ur-frontend-form--flat {
border: none transparent;
box-shadow: none !important;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .ur-field-item,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row {
margin-bottom: 0;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select {
outline: none;
padding: 0 12px;
background: #ffffff;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
margin-bottom: 10px;
height: 38px;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select:focus {
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select {
margin-bottom: 10px;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label {
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select {
border: 1px solid #e1e1e1;
border-radius: 25px !important;
outline: none;
transition: all 0.35s;
padding: 0 12px;
background: #ffffff;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
height: 38px;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid button[type=button] {
border-radius: 25px !important;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .user-registration-passwordless-login a {
border-radius: 25px !important;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid label {
margin-left: 5px;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
.ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
.ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
.ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next {
border: 0 none;
color: #ffffff;
border-radius: 25px !important;
float: none;
display: block;
padding: 15px 25px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge {
border-radius: 30px !important;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid select {
border-radius: 2px;
border-color: #e1e1e1;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid button[type=button] {
border-radius: 2px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type=submit],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-prev,
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-next {
border-radius: 2px;
}
.ur-frontend-form #ur-submit-message-node {
margin: 20px 0 0 0;
}
.ur-frontend-form #ur-submit-message-node.user-registration-error {
position: unset;
margin-bottom: 10px;
width: 100%;
}
.ur-frontend-form #ur-submit-message-node.ur-error {
background: rgba(206, 0, 0, 0.1);
}
.ur-frontend-form #ur-submit-message-node.ur-message.message {
background: rgba(143, 174, 27, 0.2);
}
#user-registration {
background-color: #ffffff;
margin: 30px 0;
}
#user-registration.user-registration,
#user-registration * {
box-sizing: border-box;
}
#user-registration p {
color: #333333;
}
#user-registration .user-registration-tips {
font-size: 12px;
color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
margin-bottom: 0;
}
#user-registration .user-registration-MyAccount-navigation {
overflow: visible;
margin: 0;
}
#user-registration .user-registration-MyAccount-navigation ul {
margin: 0;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
position: relative;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
padding: 10px 15px;
display: block;
font-weight: 400;
font-size: 14px;
font-family: sans-serif;
text-decoration: none;
border-width: 0 0 0 4px;
border-style: solid;
border-color: transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
font-weight: 600;
}
#user-registration .user-registration-MyAccount-content {
padding: 30px;
}
#user-registration .user-registration-MyAccount-content h2 {
margin-bottom: 30px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper {
margin: 0 -10px;
}
#user-registration .user-registration-MyAccount-content .ur-form-grid {
border: 0 none;
background: transparent;
}
#user-registration .user-registration-MyAccount-content .ur-frontend-form {
border: none;
}
#user-registration .user-registration-MyAccount-content h2,
#user-registration .user-registration-MyAccount-content .edit-password legend {
font-size: 28px;
font-weight: 400;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header {
margin-bottom: 25px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container {
width: 100px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3 {
font-size: 22px;
font-weight: 400;
margin-bottom: 5px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header p,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header .button-group {
margin-bottom: 10px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header .profile-pic-remove {
margin-right: 10px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-nick-name {
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
#user-registration .user-registration-MyAccount-content .user-registration-EditProfileForm .user-registration-profile-header .user-registration-img-container {
width: auto;
}
#user-registration.user-registration-MyAccount-content__body .ur-form-grid .ur-privacy-button input[type=submit] {
width: max-content;
} .user-registration-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
margin-top: 10px;
}
.user-registration-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.user-registration-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.user-registration-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.user-registration-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.user-registration-password-hint {
margin: 0.5em 0 0;
display: block;
}
.ur-front-spinner {
background: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/images/wpspin_light-2x.gif) no-repeat;
background-size: 16px 16px;
display: block;
opacity: 0.7;
filter: alpha(opacity=70);
width: 16px;
height: 16px;
margin-left: -40px;
float: left;
}
.user-registration-form-login .ur-front-spinner {
margin-left: 0;
float: right;
margin-top: 15px;
margin-right: 20px;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap h2,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap h2 {
width: 100%;
margin-bottom: 0.5em;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap .components-base-control,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap .components-base-control {
width: 100%;
text-align: center;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap .components-placeholder__fieldset,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap .components-placeholder__fieldset {
text-align: center;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap .components-placeholder__fieldset img,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap .components-placeholder__fieldset img {
margin: 0 auto;
}
.ur-frontend-form.ur-gutenberg-editor form button[type=submit] {
cursor: not-allowed;
}
.ur-frontend-form.ur-gutenberg-editor form .ur-form-row .ur-form-grid input {
cursor: not-allowed;
}
.ur-hidden {
display: none;
}
.button-check-all {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 2.15384615;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
.ur-form-row {
margin-bottom: 24px;
}
.ur-form-row .flatpickr-input {
padding-left: 32px !important;
}
.ur-form-row .without_icon {
padding-left: 10px !important;
}
.ur-form-row span.input-wrapper {
position: relative;
}
.ur-form-row span.input-wrapper .ur-icon {
position: absolute;
top: 50%;
padding: 8px;
left: 0;
transform: translateY(-50%);
} @keyframes user-registration-heartbeat {
0% {
box-shadow: 0 0 0 0 rgba(71, 91, 178, 0.6);
}
100% {
box-shadow: 0 0 0 10px rgba(223, 119, 57, 0);
}
}
span.ur-shortcode-form-embed-dot {
display: inline-block;
width: 12px;
height: 12px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50%;
background-color: #475bb2;
animation: user-registration-heartbeat 1.5s infinite !important;
margin: 3px 10px;
}
.wp-editor-tools span.ur-shortcode-form-embed-dot {
margin-top: 9px;
}
.ur-shortcode-form-embed-theme-tooltip {
display: none;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip {
z-index: 100100 !important;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 18px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 8px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
top: 0;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 18px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
left: 8px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box {
max-width: 260px;
background: white;
border: none;
border-radius: 4px;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content {
color: #444444;
padding: 16px 20px 18px;
text-align: center;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content div *:first-child {
margin-top: 0 !important;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content h3 {
font-size: 16px;
letter-spacing: 0px;
line-height: 18px;
margin: 0;
color: #23282c;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content p {
font-size: 14px;
letter-spacing: 0px;
line-height: 18px;
margin: 10px 0 0;
color: #444444;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content a {
color: #1d7bac;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content .ur-shortcod-form-embed-theme-done-btn {
border-radius: 3px;
cursor: pointer;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0px;
padding: 7px 18px;
border: none;
background-color: #475bb2;
color: #ffffff;
display: block;
margin: 15px auto 0;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content .ur-shortcod-form-embed-theme-done-btn:disabled {
cursor: default;
opacity: 0.5;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content .ur-shortcod-form-embed-theme-done-btn:disabled:hover {
background-color: #475bb2;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-arrow-border {
border: none;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-top .tooltipster-arrow-background {
border-top-color: white;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-right .tooltipster-arrow-background {
border-right-color: white;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: white;
}
.block-editor-page .edit-post-layout .components-notice-list > div {
padding-left: 50px;
}
.block-editor-page .ur-shortcode-form-embed-dot {
position: absolute;
top: 75px;
left: 20px;
z-index: 9999;
}
.block-editor-page .ur-shortcode-form-embed-theme {
width: 260px !important;
z-index: 99980 !important;
margin-top: 5px;
}
.block-editor-page .ur-shortcode-form-embed-theme .tooltipster-box {
margin-top: 10px;
}
.block-editor-page .ur-shortcode-form-embed-theme .ur-shortcode-form-embed-theme-tooltips-red-arrow {
position: absolute;
display: block;
width: 15px;
height: 42px;
top: -65px;
left: 145px;
background-image: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/images/icons/red-arrow.svg);
background-size: 15px 42px;
background-repeat: no-repeat;
}
.block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list > div {
padding-left: 125px;
}
.block-editor-page.is-fullscreen-mode .ur-shortcode-form-embed-dot {
left: 75px;
}
.block-editor-page.is-fullscreen-mode .ur-shortcode-form-embed-theme .ur-shortcode-form-embed-theme-tooltips-red-arrow {
left: 105px;
}
.wp-block-user-registration-content-restriction-enhanced .block-editor-inner-blocks {
margin-bottom: 25px;
}
.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note {
display: flex;
}
.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .dashicons-lock {
font-size: 25px;
margin: 1px 5px 0px 0px;
}
.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .user-registration-content-restriction-block-note-text {
margin: 0px;
}
#ur-frontend-form .empty-list-table-container {
display: flex;
align-items: center;
justify-content: center;
padding: 50px;
}
#user-registration-pro-single-user-view .user-registration-user-form-details .empty-list-table-container {
display: flex;
align-items: center;
justify-content: center;
padding: 50px;
}
.oxygen-add-section-accordion-contents[ng-if*=user-registration] .oxygen-add-section-element {
min-height: 100px !important;
line-height: 15px;
}
.ur-message-container {
border-radius: 8px;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
padding: 60px;
}
.ur-message-container .user-registration-message {
position: relative;
padding: 10px;
z-index: 9999;
display: flex;
align-items: center;
border-radius: 4px;
border-left: 4px solid #49c85f;
background: #f7fdf8;
border-top: none;
margin: 20px 0px;
padding-left: 40px;
}
.ur-message-container svg {
position: absolute;
z-index: 999999;
margin-top: 33px;
margin-left: 10px;
}
.user-registration-error {
padding: 10px !important;
display: flex;
align-items: center;
border-radius: 4px;
border-left: 4px solid #ff4f55;
background: 4px solid #fde8e8;
border-top: none;
}
.user-registration-error svg {
margin-right: 10px;
}
.user-registration-login-extra-section {
display: flex;
justify-content: space-between;
}
.user-registration-login-extra-section .user-registration-LostPassword {
color: #475bb2;
}
.user-registration-Button,
.ur-submit-button {
width: 100%;
background: #475bb2;
border-radius: 4px;
border: 1px solid #475bb2;
color: #ffffff;
}
.user-registration-Button:hover,
.ur-submit-button:hover {
background: #38488e;
border-color: #38488e;
color: #ffffff;
}
.user-registration-Button .ur-spinner,
.ur-submit-button .ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle;
margin-top: 5px;
float: right;
}
.user-registration-Button .ur-spinner::before,
.ur-submit-button .ur-spinner::before {
width: 16px;
height: 16px;
position: absolute;
display: block;
content: "";
animation: spin 1s ease-in-out infinite;
background: url(//ffpentathlon.fr/wp-content/plugins/user-registration/assets/images/icons/loader.svg) center center;
background-size: cover;
}
.ur-login-registration-nav {
width: 100%;
}
.ur-login-registration-nav ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.ur-login-registration-nav ul li {
flex: 1;
text-align: center;
padding: 15px 0;
cursor: pointer;
transition: all 0.3s ease;
color: #c5c5c5;
font-weight: 500;
border-radius: 8px 0 0 0;
border-top: 1px solid #f1f1f1;
background: #f9f9f9;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
clip-path: inset(0px -1px -1px -1px);
}
.ur-login-registration-nav ul li:first-child {
border-radius: 8px 0px 0 0;
border-top: 1px solid #f1f1f1;
margin-left: 10px;
}
.ur-login-registration-nav ul li:last-child {
border-radius: 0 8px 0px 0;
margin-right: 10px;
}
.ur-login-registration-nav ul li.active {
background: #fff;
color: #1f1f1f;
border-top: 1px solid #f1f1f1;
}
.login-registration .hidden {
display: none;
}
.ur-field-item input {
border-radius: 4px !important;
}
.ur-field-item .user-registration-error {
width: 100%;
position: unset;
letter-spacing: 0.18px;
font-weight: 400;
font-size: 12px;
line-height: 19px;
padding: 0px !important;
border: none !important;
background: transparent !important;
margin-left: unset !important;
}
.user-registration.ur-frontend-form {
background: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
padding: 60px;
}
@media screen and (max-width: 600px) {
.user-registration.ur-frontend-form {
padding: 40px 30px;
}
}
.user-registration.ur-frontend-form input {
border-radius: 4px;
}
.user-registration.ur-frontend-form #user_email::before {
content: "\f348";
display: inline-block;
vertical-align: middle;
font-family: "Dashicon	s";
font-size: calc(100% + 10px);
margin-right: 0.875rem;
}
.ur-icon-user {
margin-right: 0.875rem;
}
.ur-icon-user::before {
content: "\f465";
display: inline-block;
vertical-align: middle;
font-family: "Dashicons";
}
.ur-registration-icon {
position: relative;
top: 50%;
padding: 8px;
left: 0;
transform: translateY(-50%);
}
.user-registration-login-form-container .ur-registered-from .ur-login-form-wrapper #user-registration {
width: 100%;
}
body.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .field-membership #ur-membership-registration {
max-width: 100%;
}
body.user-registration-page .user-registration-MyAccount-content__body .ur-frontend-form {
margin-bottom: 0;
}
body.user-registration-page .user-registration-MyAccount-content__body .ur-frontend-form .ur-form-row .ur-form-grid input[type=submit] {
width: max-content;
}
body.user-registration-page .user-registration-error, body.ur-multi-device-form-preview .user-registration-error, body.user-registration-membership_page_user-registration-login-forms .user-registration-error {
position: unset;
width: 100%;
margin: 0 0 24px;
align-items: center;
}
body.user-registration-page .user-registration-error svg, body.ur-multi-device-form-preview .user-registration-error svg, body.user-registration-membership_page_user-registration-login-forms .user-registration-error svg {
width: 28px;
height: 28px;
}
body.user-registration-page .user-registration-error li, body.ur-multi-device-form-preview .user-registration-error li, body.user-registration-membership_page_user-registration-login-forms .user-registration-error li {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: 0.15px;
}
body.user-registration-page .user-registration-error li strong, body.ur-multi-device-form-preview .user-registration-error li strong, body.user-registration-membership_page_user-registration-login-forms .user-registration-error li strong {
font-weight: 500;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-message, body.ur-multi-device-form-preview #user-registration:not(.user-registration-MyAccount) .user-registration-message, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-message {
align-items: flex-start;
margin: 0 0 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-message li, body.ur-multi-device-form-preview #user-registration:not(.user-registration-MyAccount) .user-registration-message li, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-message li {
flex: 1;
list-style: none;
}
body.user-registration-page #user-registration .ur-message-container, body.ur-multi-device-form-preview #user-registration .ur-message-container, body.user-registration-membership_page_user-registration-login-forms #user-registration .ur-message-container {
box-shadow: none;
padding: 0;
border-radius: 0;
}
body.user-registration-page #user-registration .ur-message-container svg, body.ur-multi-device-form-preview #user-registration .ur-message-container svg, body.user-registration-membership_page_user-registration-login-forms #user-registration .ur-message-container svg {
display: none;
}
body.user-registration-page #user-registration .ur-message-container .user-registration-message, body.ur-multi-device-form-preview #user-registration .ur-message-container .user-registration-message, body.user-registration-membership_page_user-registration-login-forms #user-registration .ur-message-container .user-registration-message {
margin-top: 0;
}
body.user-registration-page .user-registration-message, body.ur-multi-device-form-preview .user-registration-message, body.user-registration-membership_page_user-registration-login-forms .user-registration-message {
background: #f7fdf8;
padding: 12px 12px 12px 16px;
border-radius: 4px;
border-left: 4px solid #49c85f;
display: flex;
align-items: center;
gap: 12px;
color: #222222;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.15px;
}
body.user-registration-page .user-registration-message::before, body.ur-multi-device-form-preview .user-registration-message::before, body.user-registration-membership_page_user-registration-login-forms .user-registration-message::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath stroke='%2349C85F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 22.5c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10Z'/%3E%3Cpath stroke='%2349C85F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9.5 12.5 2 2 4-4'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: block;
}
body.user-registration-page .user-registration-message > ul, body.ur-multi-device-form-preview .user-registration-message > ul, body.user-registration-membership_page_user-registration-login-forms .user-registration-message > ul {
padding-left: 0;
margin: 0;
list-style: none;
}
body .user-registration-error > svg {
display: none;
}
body.user-registration-page .user-registration.ur-frontend-form:has(.ur-grid-2), body.user-registration-page .user-registration.ur-frontend-form:has(.ur-grid-3), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form:has(.ur-grid-2), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form:has(.ur-grid-3) {
max-width: 1200px;
}
body.user-registration-page .user-registration.ur-frontend-form form .ur-button-container, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form form .ur-button-container {
width: max-content;
}
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) {
box-shadow: none;
}
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
background: transparent;
border-color: #e9e9e9;
box-shadow: none;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) {
box-shadow: none;
border-radius: 0;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item {
margin-bottom: 20px;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item:last-child, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item:last-child {
margin-bottom: 0;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
background: #ffffff;
border: 1px solid #e1e1e1;
box-shadow: none;
border-radius: 0 !important;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-button-container .ur-submit-button {
border-radius: 0;
}
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
box-shadow: none;
border: 1px solid #e1e1e1;
background: transparent;
}
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) {
border-radius: 30px;
}
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
box-shadow: none;
}
body.user-registration-page #user-registration.user-registration-MyAccount,
body.user-registration-page .user-registration.user-registration-MyAccount, body.user-registration-membership_page_user-registration-login-forms #user-registration.user-registration-MyAccount,
body.user-registration-membership_page_user-registration-login-forms .user-registration.user-registration-MyAccount {
max-width: 1280px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount),
body.user-registration-page .user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) {
max-width: 520px;
margin: 30px auto;
border-radius: 4px;
background: transparent;
border: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered) {
box-shadow: none;
border: 1px solid #e1e1e1;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) {
box-shadow: none;
border: 1px solid #e1e1e1;
border-radius: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]) {
background: #ffffff;
border-color: #e9e9e9;
box-shadow: none;
border-radius: 0 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button {
border-radius: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge) {
border-radius: 30px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login {
margin: 0px auto;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error {
display: block;
color: #222222 !important;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.15px;
padding: 10px !important;
font-weight: 400;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before {
font-weight: 500;
color: rgb(255, 2.5, 11.1079545455);
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong {
font-weight: 500;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label {
margin-left: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text {
background: transparent;
height: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button {
background: #475bb2;
border-radius: 4px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat {
background: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text {
height: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled {
background: #eaeaea !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label {
margin-left: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text {
height: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button {
margin-right: 0;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-registration-title,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-registration-title, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-registration-title,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-registration-title {
color: #1f1f1f;
font-size: 32px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0.15px;
display: block;
text-align: center;
margin-bottom: 8px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-registration-description,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-registration-description, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-registration-description,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-registration-description {
color: #333;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.15px;
margin-bottom: 30px;
text-align: center;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) br,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) br, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) br,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) br {
display: none;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left {
margin-bottom: 12px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error {
width: 100%;
position: unset;
align-items: center;
margin-bottom: 24px !important;
letter-spacing: 0.18px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before {
margin-right: 4px;
font-size: 16px;
color: #f25656;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg {
width: 28px;
height: 28px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li {
color: #222222;
font-size: inherit;
font-weight: 400;
line-height: inherit;
letter-spacing: 0.15px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong {
font-weight: 500;
padding-right: 4px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container {
margin-bottom: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row {
margin-bottom: 12px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon {
display: block;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg {
top: 50%;
transform: translateY(-50%);
left: 12px;
width: 14px;
height: 14px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input {
min-height: 38px;
max-height: 38px;
margin-bottom: 0;
padding: 0 14px 0 36px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus {
border-color: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error),
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error) {
margin-top: 0;
margin-bottom: 12px;
color: #222;
font-size: 15px;
font-weight: 500;
line-height: 19px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper {
display: block;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input {
margin-bottom: 0;
border-radius: 4px;
min-height: 38px;
max-height: 38px;
font-size: 14px;
line-height: 20px;
padding: 0 14px;
color: #383838;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus {
border-color: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder {
color: #858585;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container {
display: flex !important;
align-items: center;
gap: 4px;
margin-top: 32px;
padding: 0 10px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button {
width: max-content;
border: 0;
padding: 10px 24px;
color: #ffffff;
font-size: 15px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.15px;
border: 1px solid #475bb2;
margin-right: 0;
background: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover {
border-color: #38488e;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button {
margin-left: 0;
background: transparent;
color: #475bb2;
border: 1px solid #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover {
background: #475bb2;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form {
box-shadow: none;
margin-bottom: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error {
position: unset;
width: 100%;
margin: 0 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row {
margin-bottom: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper {
display: block;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input {
min-height: 38px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div {
display: block;
float: unset !important;
flex-direction: row-reverse;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit],
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit], body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit],
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit] {
border: 0;
padding: 10px 24px;
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.15px;
background: #475bb2;
border: 1px solid #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover {
background: #38488e;
border-color: #38488e;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button {
padding: 10px 24px;
font-size: 15px;
line-height: 25px;
background: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button.ur-disabled-btn,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button.ur-disabled-btn, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button.ur-disabled-btn,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button.ur-disabled-btn {
cursor: not-allowed;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled {
pointer-events: none;
border-color: #f6f7f7 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover {
background: #38488e;
border-color: #38488e;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login),
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login) {
display: flex;
flex-direction: column-reverse;
gap: 16px !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login {
width: 100%;
text-align: center;
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a {
font-size: 15px;
line-height: 25px;
color: #4e4e4e;
background: #f4f4f4;
border: 1px solid #f4f4f4;
width: 100%;
display: block;
padding: 10px 24px;
border-radius: 4px;
transition: all 0.3s;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover {
background: #475bb2;
border-color: #475bb2;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-direction: row;
margin-top: -4px;
float: unset;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label {
width: auto;
display: flex;
align-items: center;
gap: 8px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label input[type=checkbox],
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label input[type=checkbox], body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label input[type=checkbox],
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label input[type=checkbox] {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword {
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.15px;
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a {
text-underline-offset: 4px;
color: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register {
display: flex;
width: 100%;
padding-top: 16px;
justify-content: center;
margin-bottom: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a {
text-underline-offset: 4px;
color: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks {
flex-direction: column;
position: relative;
margin-bottom: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before {
content: "or";
font-size: 14px;
line-height: 24px;
background: #ffffff;
padding: 0 10px;
display: block;
z-index: 1;
position: relative;
color: #333;
letter-spacing: 0.15px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
top: 12px;
left: 50%;
transform: translateX(-50%);
background: #d9d9d9;
z-index: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a, body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a {
width: 40px;
height: 40px;
padding: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 {
flex-wrap: wrap;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media {
width: 47%;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text {
font-size: 13px;
line-height: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li {
margin: 0;
padding: 16px;
color: #c5c5c5;
font-size: 16px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.85px;
text-transform: uppercase;
border: 0;
box-shadow: none;
clip-path: none;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active {
color: #1f1f1f;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) {
padding: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form {
padding: 50px 40px 40px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration {
margin-top: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form {
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
body.woocommerce-checkout .user-registration.urwc-form {
all: unset;
}
body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid {
margin: 0 -10px;
}
body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid .ur-field-item ul,
body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid .ur-field-item ol {
padding-left: 4px;
}
body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:not([type=checkbox]), body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:not([type=radio]) {
min-height: 50px;
max-height: 50px;
border: 1px solid;
border-color: inherit;
}
body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid .ur-field-item select {
min-height: 50px;
max-height: 50px;
border: 1px solid;
border-color: inherit;
border-radius: 4px;
}
body.woocommerce-checkout .user-registration.urwc-form .ur-form-row .ur-form-grid .ur-field-item textarea {
border: 1px solid;
border-color: inherit;
border-radius: 4px;
}
.user-registration-login-form-container .ur-registered-from .ur-login-form-wrapper #user-registration {
width: 100%;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .ur-admin-page-topnav {
margin-bottom: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap.wrap {
margin: 0 auto;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .menu-edit {
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents {
background: #ffffff;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc a {
border-radius: 4px;
cursor: pointer;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 0px;
padding: 10px 24px;
border: none;
background: #edeff7;
color: #475bb2;
display: block;
margin: 32px 0 0;
transition: all 0.3s ease-in-out;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc a:hover {
background: #475bb2;
color: #ffffff;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc:disabled {
cursor: default;
opacity: 0.5;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc:disabled:hover {
background-color: #475bb2;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-heading {
margin-top: 0;
padding-bottom: 16px;
border-bottom: 1px solid #e9e9e9;
text-transform: uppercase;
font-size: 16px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content p {
font-size: 15px;
line-height: 26px;
margin: 12px 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content p:nth-child(3) {
margin-top: 24px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content .login-forms-shortcode-action {
display: flex;
padding: 6px 6px 6px 12px;
gap: 8px;
justify-content: space-between;
width: 100%;
background: #fff;
border: 1px solid #edeff7;
border-radius: 4px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content .login-forms-shortcode-action input {
background: transparent;
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content .login-forms-shortcode-action .ur-copy-shortcode {
line-height: unset;
padding: 6px;
background: #edeff7;
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content {
padding: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block {
padding: 20px 12px 12px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block:first-child h2.ur-toggle-heading {
margin-top: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content {
margin-top: 24px;
padding-bottom: 28px;
display: flex;
flex-direction: column;
gap: 28px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings #ur-login-form-setting .ur-login-form-setting-block {
display: flex;
flex-direction: column;
gap: 24px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings #ur-login-form-setting .ur-login-form-setting-block h2 {
margin: 0 0 16px 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .user-registration-login-settings-form {
border-radius: 4px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .user-registration-login-settings-form a {
pointer-events: none;
}
body.user-registration-page .elementor-widget-container .user-registration:not(.user-registration-MyAccount) {
background: transparent;
border-radius: 0;
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li {
position: relative;
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-registration-form:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/registration-form.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-login-form:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/login-form.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-myaccount:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/my-account.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-edit-profile:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/edit-profile.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-edit-password:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/edit-password.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-content-restriction:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/content-restriction.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-membership-groups:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/membership-groups.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-membership-thank-you:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/.https://ffpentathlon.fr/wp-content/plugins/user-registration/assets/css/images/blocks/thankyou.svg);
}
#ur-field-all-settings .user-registration-login-form-global-settings:not(.ur-toggle-setting) {
display: flex;
flex-direction: row;
align-items: center;
}
#ur-field-all-settings .ur-toggle-setting {
display: flex;
flex-direction: column;
}
#ur-field-all-settings .user-registration-login-form-global-settings .user-registration-login-form-toggle-option {
display: flex;
}
#ur-field-all-settings .user-registration-login-form-global-settings label {
font-size: 14px;
flex: 0 0 40%;
color: #383838;
}
#ur-field-all-settings .user-registration-login-form-global-settings--field {
width: 100%;
}
#ur-field-all-settings .user-registration-login-form-global-settings .user-registration-help-tip {
top: 3px;
}
#ur-field-all-settings .user-registration-login-form-global-settings .description {
width: 60%;
margin-left: auto;
}
#ur-field-all-settings .user-registration-login-form-global-settings.ur-form-settings-section {
border-top: 1px solid #e1e1e1;
padding-top: 20px;
}
#ur-field-all-settings .user-registration-login-form-global-settings.ur-form-settings-section h4 {
color: #131313;
font-weight: 600;
margin: 0;
}
.user-registration-login-settings-form .ur-form-row .ur-form-grid label {
margin-top: 0;
margin-bottom: 0;
}
@keyframes toaster {
0% {
opacity: 0;
transform: translateX(-50%) translateY(100%);
}
10% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
90% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
100% {
opacity: 0;
transform: translateX(-50%) translateY(100%);
}
}
.ur-toaster {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: #1ea71b;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
display: inline-flex;
white-space: nowrap;
z-index: 9999;
animation: toaster 5s ease-in-out forwards;
}