@charset "utf-8";
@import url("./OhVariables.css");
#divSuspended1,
body {
word-wrap: break-word;
}
#divMsg_Wait,
.Oh_Middle h1 {
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
}
.AboutNaturism {
background-color: var(--background-color);
color: var(--color-gray-medium-dark); /* was #5d5c5a */
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 40px;
border-radius: 20px;
-webkit-box-shadow: 5px 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 2px 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 2px 2px 4px var(--color-gray-medium); /* was #9d9d9d */
}
.Oh_Middle ul {
list-style-type: none;
}
.CV,
.ThumbnailCaption {
white-space: nowrap;
text-overflow: ellipsis;
}
body {
overflow-wrap: break-word;
-webkit-word-wrap: break-word;
-ms-word-wrap: break-word;
-moz-word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-word-break: break-word;
-ms-word-break: break-word;
-moz-word-break: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
border: 0;
color: #000;
font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana,
sans-serif;
margin: 0;
padding: 0;
}
.Msg_Ok,
.Oh_Middle h1 {
border-radius: 20px;
padding: 12px 20px;
}
.Msg_Ok {
text-align: center;
background: #90c546;
color: var(--text-light);
}
.Msg_Error {
margin-left: 6px;
margin-right: 6px;
padding: 12px;
font-size: 16px;
line-height: 2em;
}
.Msg_Error .big {
font-size: 24px;
margin-bottom: 12px;
}
.Msg_Error ul {
list-style-type: disc;
}
input[type="checkbox"] {
width: 24px;
height: 24px;
margin: 6px;
}
input[type="radio"] {
width: 24px;
height: 24px;
margin: 6px;
cursor: pointer;
}
.Oh_Middle {
font-family: proxima-nova-soft, sans-serif;
line-height: 1.7em;
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #000;
overflow: visible;
}
.Oh_Middle h1,
.Oh_Middle h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
}
#divPopup,
.ohpost {
overflow: hidden;
}
#ViewLevelMeter {
display: inline-block;
}
.Oh_Middle A:active {
text-decoration: none;
}
.Oh_Middle A:hover {
text-decoration: underline;
}
#header a,
#wp-calendar a,
.Oh_Middle A:link,
.Oh_Middle A:visited {
text-decoration: none;
}
.Oh_Middle h1 {
color: var(--color-gray-medium); /* was #969696 */
font-weight: 700;
background-color: var(--background-color);
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
display: block;
}
#blogname,
#divCV_Connected,
#divCV_Header {
display: inline-block;
}
.Oh_Middle h2 {
color: var(--color-gray-medium-dark); /* was #696866 */
}
#ContactPopUp_Username,
#OhMenuBar,
#divCV_Username,
#divPubTitle,
#leftcolumn h2,
#leftcolumn li,
#mustPayInfo,
#rightcolumn h2,
.Oh_Middle p {
font-family: Arial, Helvetica, sans-serif;
}
.Oh_Middle h3 {
color: var(--color-gray-medium-dark); /* was #696866 */
}
.Oh_Middle p {
font-size: 12px;
font-style: normal;
font-weight: 400;
color: #000;
}
.Oh_Middle ul {
padding: 12px;
margin: 0;
}
#divMsg_Wait,
#divWait {
background: var(--background-color);
padding: 6px;
border-radius: 10px;
margin-bottom: 10px;
color: #68658e;
text-align: center;
display: none;
}
#Logo,
#LogoNC {
margin-bottom: 40px;
}
#divMsg_Wait {
opacity: 0;
position: fixed;
right: 8px;
top: 64px;
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
}
#OhMenuBar {
font-size: 1.4em;
font-weight: 700;
color: var(--text-light);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-left: 6px;
}
#Logo {
margin-top: 10px;
}
#LogoNC {
text-align: center;
padding-top: 20px;
}
#blogname {
width: 300px;
margin: 0 0 0 24px;
padding: 0;
}
.CV {
float: right;
max-width: 300px;
cursor: pointer;
-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.CV div {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 52px;
padding-left: 6px;
padding-right: 6px;
}
#divCV_Header {
font-size: 16px;
font-weight: 700;
padding: 6px;
}
#divCV_Header div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#divCV_Laurels {
right: 0;
width: 30px;
}
#divCV_Username {
font-size: 16px;
font-weight: 400;
}
#divPubTitle,
#div_PbConnection,
#leftcolumn a,
#mustPayInfo a,
.YourVisitorsNb {
font-weight: 700;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
color: #000;
background: #ebebeb;
border: 1px solid #68658e;
padding: 0.2em;
}
#divConnectOrSignup .Body,
.Kicker .Body {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#commentform textarea {
width: 90%;
}
#ContactPopUp_Username {
font-size: 12px;
}
#container {
background: url(../medias/OhTop2.png) -270px -12px repeat-x;
}
#content {
padding-left: 12px;
padding-right: 12px;
vertical-align: top;
max-width: 1366px;
}
#copyright,
.sitemapitem h2,
copyright a {
color: #68658e;
font-size: 0.8em;
}
#daypic {
position: absolute;
top: 0;
right: 0;
}
#div_PbConnection {
display: none;
background-color: #e32525;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: var(--text-light);
margin-bottom: 12px;
border-radius: 20px;
padding: 12px 20px;
}
#divConnectOrSignup .Title,
.Kicker .Title {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
text-align: center;
}
.M_Birthdays_List {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.Birthday,
.Birthday_Today,
.M_Birthday,
.M_Birthday_Today {
border-radius: 20px;
padding: 8px 12px;
margin-bottom: 6px;
}
.M_Birthday {
background-color: #eee;
text-align: center;
}
.M_Birthday_Today {
background-color: #fcff1a;
text-align: center;
}
.Birthdays_List {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
.Birthday,
.Birthday_Today,
{
display: inline-flex;
}
.Birthday {
background-color: #eee;
}
.Birthday_Today {
background-color: #fcff1a;
}
#divConnectionPad,
#divRegisterIntice {
margin-bottom: 20px;
border-top: none;
border-left: #d0d0d8 solid 1px;
border-bottom: #d0d0d8 solid 3px;
border-right: #d0d0d8 solid 3px;
border-radius: 20px;
background-color: var(--background-color);
min-width: 300px;
}
#divConnectionPad {
background: -webkit-linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
background: linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
}
.ConnectButtonBlock {
display: flex;
align-items: center;
text-align: center;
}
.ConnectButtonBlock .OkButton {
width: 25%;
}
.ConnectButtonBlock .RememberMe {
width: 75%;
}
#divConnectOrSignup {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
}
#divConnectOrSignup .Title {
color: var(--color-gray-medium-dark); /* was #696866 */
font-size: 24px;
background-color: var(--background-color);
padding: 12px 20px;
}
#divConnectOrSignup .Body {
padding: 20px;
text-align: center;
}
#divRegisterIntice {
background: -webkit-linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
background: linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
max-width: 700px;
line-height: 2em;
}
#divRegisterIntice ul {
list-style-type: disc;
list-style-position: inside;
margin: 0;
padding: 0;
font-size: 18px;
min-height: 24px;
}
#divMenu {
padding-top: 6px;
}
.Kicker {
border-top: none;
border-left: #d0d0d8 solid 1px;
border-bottom: #d0d0d8 solid 3px;
border-right: #d0d0d8 solid 3px;
border-radius: 20px;
margin-bottom: 20px;
background-color: var(--background-color);
background: -webkit-linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
background: linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
min-width: 300px;
}
.Kicker .Title {
color: var(--color-gray-medium-dark); /* was #696866 */
font-size: 24px;
background-color: var(--background-color);
padding: 12px 20px;
}
#divRegisterInfo,
#footer {
background-color: var(--background-color);
}
.Kicker .Body {
padding: 20px;
text-align: center;
}
.MsgNb,
.YourVisitorsNb,
.BeyondNotifNb {
width: 16px;
height: 16px;
}
.MsgNb,
.YourVisitorsNb,
.BeyondNotifNb {
border: 4px solid red;
border-radius: 20px;
background-color: red;
color: var(--text-light);
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 16px;
cursor: pointer;
}
.YourVisitorsNb {
position: absolute;
top: -4px;
right: -4px;
margin: 0;
}
.BeyondIconWrap,
.MessagesIconWrap,
.VisitorsIconWrap {
position: relative;
display: inline-block;
}
.BeyondNotifNb {
position: absolute;
top: -4px;
right: -4px;
margin: 0;
}
/* Header bar overrides: icons must be white (bar is already colored) */
#OhMenuBar .icoMessagesW,
#OhMenuBar .icoYourVisitorsW {
background-color: white;
}
/* Header bar overrides: badges must not be cropped at the top of the bar */
#OhMenuBar .MsgNb,
#OhMenuBar .YourVisitorsNb {
top: 4px;
}
/* -----------------------------------------------------------------------
Header bar: SVG mask icons (white, for coloured #OhMenuBar background)
----------------------------------------------------------------------- */
#OhMenuBar .icoLogo {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
#OhMenuBar .icoDirectory {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
#OhMenuBar .icoEvents {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
#OhMenuBar .icoNatStay {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
#OhMenuBar .icoYourPhotos {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
#OhMenuBar .icoLogOut {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* Header bar: sandwich menu icon (white SVG mask) */
#OhMenuBar .icoMenuSelector {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* Header: keep MenuSelector same height when sidebar is open */
#OhMenuBar .icoMenuSelector.selected {
height: 38px;
}
/* Header bar: reduce icon size */
#OhMenuBar .icoMenuSelector,
#OhMenuBar .icoLogo,
#OhMenuBar .icoDirectory,
#OhMenuBar .icoEvents,
#OhMenuBar .icoNatStay,
#OhMenuBar .icoNews,
#OhMenuBar .icoMessagesW,
#OhMenuBar .icoYourPhotos,
#OhMenuBar .icoYourVisitorsW,
#OhMenuBar .icoLogOut {
width: 38px;
height: 38px;
}
/* Header bar: WhatsNew icon (white SVG mask) */
#OhMenuBar .icoNews {
background-image: none;
background-color: white;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* Sidebar: breathing room — more vertical space, slight left indent */
#divMenu .Oh_Right_Menu {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
}
/* Sidebar: selected item — same padding as unselected, icon turns white */
#divMenu .Oh_Right_Menu_Selected {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
}
#divMenu .Oh_Right_Menu_Selected [class$="W"],
#divMenu .Oh_Right_Menu_Selected .icoYourVisibility {
background-color: white;
}
/* Sidebar: slightly reduce icon size (from 52px) */
#divMenu .icoDirectoryW,
#divMenu .icoEventsW,
#divMenu .icoNatStayW,
#divMenu .icoNewsW,
#divMenu .icoMessagesW,
#divMenu .icoBeyondW,
#divMenu .icoYourProfileW,
#divMenu .icoYourPhotosW,
#divMenu .icoYourVisitorsW,
#divMenu .icoYourVisibility,
#divMenu .icoYourVisibilityW,
#divMenu .icoYourDonationW {
width: 44px;
height: 44px;
}
/* Sidebar: icoYourVisibility uses IconYourVisibility SVG mask */
#divMenu .icoYourVisibility {
background-image: none;
background-color: var(--color-primary-medium-light);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* Header: interactive icon wrapper — hover/selected white-pill effect */
#OhMenuBar .oh-hdr-btn {
position: relative;
z-index: 0;
display: inline-flex;
align-items: center;
}
#OhMenuBar .oh-hdr-btn::before {
content: '';
position: absolute;
inset: -2px;
border-radius: 6px;
background: white;
opacity: 0;
transition: opacity 0.15s;
pointer-events: none;
z-index: -1;
}
#OhMenuBar .oh-hdr-btn:hover::before,
#OhMenuBar .oh-hdr-btn.hdr-selected::before {
opacity: 1;
}
/* Icons turn primary colour on hover/selected */
#OhMenuBar .oh-hdr-btn:hover .icoLogo,
#OhMenuBar .oh-hdr-btn:hover .icoDirectory,
#OhMenuBar .oh-hdr-btn:hover .icoEvents,
#OhMenuBar .oh-hdr-btn:hover .icoNatStay,
#OhMenuBar .oh-hdr-btn:hover .icoNews,
#OhMenuBar .oh-hdr-btn:hover .icoMessagesW,
#OhMenuBar .oh-hdr-btn:hover .icoYourPhotos,
#OhMenuBar .oh-hdr-btn:hover .icoYourVisitorsW,
#OhMenuBar .oh-hdr-btn:hover .icoLogOut,
#OhMenuBar .oh-hdr-btn:hover .icoMenuSelector,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoDirectory,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoEvents,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoNatStay,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoNews,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoMessagesW,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoYourPhotos,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoYourVisitorsW,
#OhMenuBar .oh-hdr-btn.hdr-selected .icoMenuSelector {
background-color: var(--color-primary-medium-light);
}
#divGoInactive,
#divPopup,
#divSuspended,
#divSuspended1
{
position: absolute;
}
@-webkit-keyframes AnimNewMessage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes AnimNewMessage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes AnimNewMessage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes AnimNewMessage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#footer,
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
.divMenu_Text {
top: 18px;
margin-left: 2px;
}
#UnderHeader,
#divSubscribe,
#header {
display: block;
}
#divPopup {
display: none;
width: 640px;
height: 480px;
left: 200px;
top: 50px;
background: var(--background-color);
z-index: 400;
border-color: #ccc;
border-style: double;
border-width: 1px;
}
#divPopup_Fence {
background-image: url(../medias/Vide.gif);
background-repeat: repeat;
position: relative;
top: -1048px;
left: 0;
width: 1024px;
height: 1048px;
}
#divPopup_img {
position: relative;
top: 0;
left: 0;
margin: 6px;
}
#divPub {
border: 1px solid var(--background-color);
padding: 10px;
}
#divPubTitle {
font-size: 12px;
margin-bottom: 4px;
}
#divRegisterCancel {
margin-top: 20px;
border-top-style: double;
border-color: #68658e;
border-width: 1px;
padding-top: 20px;
}
#divRegisterInfo {
border: 3px solid #68658e;
padding: 10px 25px;
}
#divRight_SubscriptionStatusBarPercent {
background: #eaa626;
width: 80%;
height: 20px;
}
#divRightConnected_ProfilePending {
display: none;
background: #ffce79;
color: #000;
}
#divSuspended {
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 150%;
background: rgba(174, 158, 234, 0.8);
margin: auto;
}
#divSuspended1 {
top: 40px;
width: 90%;
max-width: 700px;
margin: auto;
padding: 20px;
z-index: 51;
}
#divSuspended1 strong {
font-size: 20px;
}
#footer {
-moz-opacity: 0.8;
opacity: 0.8;
}
#UnderHeader {
height: 52px;
width: 100%;
}
#header {
position: fixed;
top: 0;
left: 0;
background: var(--color-primary-medium-light); /* was #9d90c7 */
height: 52px;
width: 100%;
vertical-align: middle;
z-index: 10;
-webkit-box-shadow: 0px 2px 4px var(--color-gray-medium);
-moz-box-shadow: 0px 2px 4px var(--color-gray-medium);
box-shadow: 0px 2px 4px var(--color-gray-medium);
}
#leftcolumn,
#rightcolumn,
.PhotoFrameSmall,
.middlecolumn {
vertical-align: top;
}
#header a {
color: #68658e;
}
#leftcolumn {
border-bottom: 5px solid #68658e;
min-width: 250px;
width: 250px;
background-color: rgba(255, 255, 255, 0.7);
color: var(--color-gray-medium-dark); /* was #5d5c5a */
display: inline-block;
height: 100%;
-webkit-transition: margin-left 0.5s;
-moz-transition: margin-left 0.5s;
-o-transition: margin-left 0.5s;
transition: margin-left 0.5s;
transition-timing-function: ease;
}
#leftcolumn h2 {
font-size: 1.4em;
letter-spacing: normal;
}
#leftcolumn li {
font-size: 0.9em;
letter-spacing: normal;
margin-bottom: 10px;
}
#mustPayInfo,
#rightcolumn a {
font-size: 12px;
color: var(--text-light);
}
#mustPayInfo {
background: #4b68c7;
padding: 10px;
}
#mustPayInfo a {
color: var(--text-light);
}
#rightcolumn {
width: 196px;
color: var(--text-light);
padding: 6px;
display: table-cell;
}
#rightcolumn h1,
.rightcolumn_Section {
font-size: 19px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
#rightcolumn h1 {
color: var(--text-light);
border-bottom-color: var(--text-light);
}
.rightcolumn_Section {
margin-bottom: 10px;
margin-left: 6px;
margin-top: 20px;
font-weight: 700;
}
.rightcolumn_SubSection {
list-style: disc;
display: list-item;
margin-bottom: 6px;
margin-left: 24px;
}
.meta ul,
ul.post-meta {
list-style: none;
}
#rightcolumn h2 {
color: var(--text-light);
font-size: 1em;
letter-spacing: normal;
}
#rightcolumn p {
font-size: 12px;
font-style: normal;
color: var(--text-light);
}
#wp-calendar {
empty-cells: show;
font-size: 14px;
width: 90%;
margin: 0;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
color: #68658e;
}
#wp-calendar a:hover {
background: #68658e;
color: #000;
}
#wp-calendar caption {
color: var(--color-gray-medium);
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #000;
font: 400 12px Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana,
sans-serif;
letter-spacing: normal;
text-align: center;
padding: 2px 0;
}
.Array1,
.Attention,
.CGU,
.authorlink {
font-family: Arial, Helvetica, sans-serif;
}
#DonationSide a,
.Alert,
.Array1,
.Incomplete,
.authorlink {
font-weight: 700;
}
#divRight_SubscriptionStatusBar,
#wp-calendar td.pad:hover {
background: #68658e;
}
#wp-calendar #today,
#wp-calendar td:hover {
background: var(--color-gray-medium-dark); /* was #555 */
color: var(--text-light);
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wrapper {
margin: 0;
display: flex;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.Array1 {
font-size: 9px;
}
.ArticlePreview {
background-color: #ebe9ff;
padding-left: 12px;
padding-right: 12px;
margin-top: 6px;
margin-bottom: 12px;
border: 1px solid #68658e;
}
.Alert,
.Attention {
margin-top: 6px;
margin-bottom: 10px;
border-radius: 20px;
color: var(--text-light);
padding: 12px 20px;
}
.Attention {
background: #90c546;
text-align: center;
}
.Spacer {
height: 20px;
width: 20px;
}
.Alert {
background: #e32525;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
}
.authorlink {
font-size: 1.2em;
}
.CGU {
background: #eceaff;
color: #777;
padding: 20px;
border: 2px solid var(--color-primary-medium-light); /* was #9d90c7 */
border-radius: 20px;
}
.Incomplete,
.NotValidated,
.mustPay {
border-radius: 20px;
}
.children {
padding-left: 10px;
}
.DonationSide0,
.DonationSide1,
.DonationSide2 {
font-size: 12px;
padding: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.clr {
clear: both;
}
.divMenuSub {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
text-align: left;
background: #bbb6ff;
}
#DonationSide {
cursor: pointer;
margin-bottom: 12px;
margin-left: 10px;
margin-right: 12px;
}
.DonationSide0 {
color: var(--text-light);
background: var(--color-primary-medium-light); /* was #9d90c7 */
}
.DonationSide0 a {
color: var(--text-light);
}
.DonationSide1 {
color: #68658e;
background: #ebe9ff;
}
.DonationSide2 {
color: var(--text-light);
background: var(--color-primary-medium-light); /* was #9d90c7 */
}
.DonationSide2 a {
color: var(--text-light);
}
.DonationEndDate {
display: none;
}
.meta li,
.meta ul,
ul.post-meta li {
display: inline;
}
.EnTeteArticles {
background-color: var(--background-color);
margin-top: 10px;
margin-bottom: 6px;
border-top: #a5b27f solid 10px;
border-bottom: #a5b27f solid 1px;
border-left: #a5b27f solid 1px;
border-right: #a5b27f solid 1px;
padding: 6px;
}
.EnTeteArticles h1 {
margin-top: 0;
}
.EnTeteArticles h2 {
margin-top: 0;
color: var(--color-gray-medium-dark); /* was #696866 */
}
.entry {
color: #000;
padding-top: 10px;
padding-bottom: 10px;
}
.entry img {
-moz-opacity: 1;
opacity: 1;
background-color: var(--background-color);
padding: 6px;
}
.feedback {
color: #ccc;
text-align: right;
clear: both;
}
.goog-te-sectional-gadget-link-text:active,
.goog-te-sectional-gadget-link-text:focus,
.goog-te-sectional-gadget-link-text:hover {
-webkit-animation-name: hvr-back-pulse2;
-moz-animation-name: hvr-back-pulse2;
-o-animation-name: hvr-back-pulse2;
animation-name: hvr-back-pulse2;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #c2c2c2;
color: var(--text-light);
}
.goog-te-sectional-gadget-link-text:disabled {
cursor: auto;
}
.goog-te-sectional-gadget-link-text:disabled:active,
.goog-te-sectional-gadget-link-text:disabled:focus,
.goog-te-sectional-gadget-link-text:disabled:hover {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.goog-te-sectional-gadget-link-text {
margin-top: 4px;
margin-bottom: 4px;
-webkit-appearance: none;
}
.Incomplete {
background: #e32525;
margin-top: 6px;
margin-bottom: 10px;
color: var(--text-light);
padding: 12px 20px;
}
.Incomplete a,
.Incomplete a:hover {
color: var(--text-light);
}
.inputSmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
.isOffline {
font-size: 9px;
}
.LanguageSelected,
.LanguageUnselected {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.isOnline {
background-color: #fcff1a;
padding: 2px;
color: var(--color-gray-medium-dark); /* was #555 */
}
.LanguageSelected {
color: var(--text-light);
background-color: #eaa626;
}
.LanguageUnselected {
color: #000;
background-color: var(--background-color);
}
.Laurels,
.leftcolumn_title {
font-size: 12px;
font-weight: 700;
}
.Laurels,
.Laurels a {
color: var(--text-light);
}
.Laurels {
background-color: #007400;
padding: 12px;
margin-bottom: 6px;
margin-top: 6px;
}
.leftcolumn_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 4px;
border-top: #e2e0db solid 1px;
background-color: var(--text-light); /* was #f5f5f5 */
padding: 6px;
}
.meta {
font-size: 1em;
padding-top: 10px;
padding-bottom: 10px;
}
.meta ul {
margin: 0;
padding: 0;
}
.meta,
.meta a {
color: gray;
font-weight: 700;
letter-spacing: 0;
}
.middlecolumn {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
overflow: visible;
display: inline-block;
width: 100%;
}
.middlecolumn A {
color: #8582b6;
}
.middlecolumn A:hover {
font-weight: 700;
text-decoration: underline;
}
.middlecolumn A:active,
.middlecolumn A:link,
.middlecolumn A:visited {
font-weight: 700;
text-decoration: none;
}
.middlecolumn h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: var(--color-gray-medium-dark); /* was #696866 */
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.Oh_CV,
.Oh_Left,
.middlecolumn p,
.mustPay {
font-family: Arial, Helvetica, sans-serif;
}
.Oh_Left,
.middlecolumn p {
font-size: 12px;
font-style: normal;
font-weight: 700;
color: #000;
}
.middlecolumn:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.mustPay {
padding: 12px 12px 12px 18px;
font-size: 12px;
margin-bottom: 12px;
color: var(--text-light);
background-color: #888;
}
.navigation {
padding-top: 10px;
padding-left: 10px;
padding-bottom: 24px;
border-bottom: solid 1px #68658e;
border-top: solid 1px #68658e;
margin-bottom: 10px;
margin-top: 10px;
}
.NotValidated {
background: #ff9f9f;
margin-bottom: 20px;
color: var(--text-light);
line-height: initial;
font-size: 12px;
padding: 12px 20px;
}
@-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(255, 162, 0, 0.75);
}
}
@-moz-keyframes hvr-back-pulse {
50% {
background-color: rgba(255, 162, 0, 0.75);
}
}
@-o-keyframes hvr-back-pulse {
50% {
background-color: rgba(255, 162, 0, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(255, 162, 0, 0.75);
}
}
@-webkit-keyframes hvr-back-pulse2 {
50% {
background-color: rgba(194, 194, 194, 0.75);
}
}
@-moz-keyframes hvr-back-pulse2 {
50% {
background-color: rgba(194, 194, 194, 0.75);
}
}
@-o-keyframes hvr-back-pulse2 {
50% {
background-color: rgba(194, 194, 194, 0.75);
}
}
@keyframes hvr-back-pulse2 {
50% {
background-color: rgba(194, 194, 194, 0.75);
}
}
.Wait::after {
display: inline-block;
content: "";
position: relative;
margin-left: 12px;
background-image: url(../medias/WaitCircles2-30x30.gif);
width: 14px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: -2px;
}
.Oh_ButtonLarge,
.Oh_ButtonSmall {
color: var(--text-light);
text-decoration: none;
display: inline-block;
margin: 6px;
text-align: center;
padding: 6px 12px;
-webkit-appearance: none;
-webkit-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.Oh_ButtonLarge:focus,
.Oh_ButtonLarge:hover,
.Oh_ButtonSmall:focus,
.Oh_ButtonSmall:hover {
color: var(--text-light);
text-decoration: none;
cursor: pointer;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.Section .Container .SectionHeader .HeaderElements .HeaderRight:focus,
.Section .Container .SectionHeader .HeaderElements .HeaderRight:hover {
text-decoration: none;
background: #ff8147;
color: var(--text-light);
cursor: pointer;
}
.Oh_ButtonLarge:active,
.Oh_ButtonSmall:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.Section .Container .SectionHeader .HeaderElements .HeaderRight:active {
background-color: #4b68c7;
color: var(--text-light);
}
.Oh_ButtonLarge {
background-color: #ffa200;
color: var(--text-light);
border-radius: 10px;
cursor: pointer;
border: none;
font-size: 16px;
}
.Oh_ButtonLarge:active,
.Oh_ButtonLarge:visited,
.Oh_ButtonSmall:active,
.Oh_ButtonSmall:visited {
color: var(--text-light);
}
.Oh_ButtonLarge:disabled,
.Oh_ButtonSmall:disabled {
cursor: auto;
background: #dcdcdc;
border: 0 solid var(--background-color);
box-shadow: none;
opacity: 1;
}
.Oh_ButtonLarge:disabled:active,
.Oh_ButtonLarge:disabled:focus,
.Oh_ButtonLarge:disabled:hover,
.Oh_ButtonSmall:disabled:active,
.Oh_ButtonSmall:disabled:focus,
.Oh_ButtonSmall:disabled:hover {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.Oh_ButtonSmall {
background-color: #ffa200;
color: var(--text-light);
border-radius: 10px;
cursor: pointer;
border: none;
font-size: 12px;
}
.Oh_CV {
font-size: 18px;
font-style: italic;
color: var(--color-gray-medium-dark); /* was #696866 */
}
.Oh_Left,
.Oh_Price,
.Oh_PriceInsteadOf {
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
.Oh_Left {
font-size: 12px;
font-style: normal;
font-weight: 400;
}
.Oh_Price {
font-size: 18px;
}
.Oh_PriceInsteadOf {
font-size: 14px;
text-decoration: line-through;
}
.Oh_Right A:hover {
color: var(--text-light);
text-decoration: underline;
}
.Oh_Right A:link {
color: var(--text-light);
text-decoration: none;
}
#divMiddleConnected_ProfileIncomplete a,
.Oh_Right A:visited {
color: var(--text-light);
}
.Oh_Right h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: var(--text-light);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--text-light);
}
.Oh_Right h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: var(--text-light);
}
.Oh_Right ul {
list-style-type: disc;
list-style-position: inside;
margin: 0;
padding: 0;
}
.Oh_Right,
.Oh_Right p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: var(--text-light);
}
.Oh_Right_Menu,
.Oh_Right_Menu_Selected {
font-size: 16px;
cursor: pointer;
min-height: 44px;
display: block;
padding-top: 3px;
padding-bottom: 3px;
font-weight: 700;
position: relative;
}
.Oh_Right_Menu {
font-family: Arial, Helvetica, sans-serif;
-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.Oh_Right_Menu:hover {
background: #ebe9ff;
color: #68658e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.Oh_Right_Menu:active {
background-color: #8582b6;
color: var(--text-light);
}
.Oh_Right_Menu_Selected,
.Oh_Save,
.Oh_Username,
.ohpost h1,
h2 {
color: var(--text-light);
font-family: Arial, Helvetica, sans-serif;
}
.Oh_Right_Menu_Selected {
background: #bbb6ff;
border-radius: 4px;
}
.ohpost_container,
.ohpost_info {
border-bottom-left-radius: 20px;
}
.ohpost h1,
.ohpost_container,
h2 {
padding: 20px;
border-top-right-radius: 20px;
}
.Oh_Save {
font-size: 14px;
background: #6c7a3f;
}
.Oh_Small,
.Style1,
.isOffline {
font-size: 9px;
}
.Oh_Username {
background-color: #68658e;
font-size: 12px;
font-weight: 700;
text-indent: 5px;
}
.ohpost {
clear: both;
margin-bottom: 20px;
}
.ohpost_container {
background-color: var(--background-color);
border-bottom-right-radius: 20px;
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
margin-bottom: 20px;
}
.ohpost h1,
h2 {
font-size: 18px;
display: inline-block;
clear: both;
border-top-left-radius: 20px;
margin-top: 0;
margin-bottom: 0;
background-color: #505050;
}
.ohpost_author,
.ohpost_author_you {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.ohpost h1 a,
.ohpost h2 a {
color: var(--text-light);
}
.ohpost_author_you {
background-color: #feffaa;
margin-bottom: 6px;
padding: 6px;
}
.ohpost_caption {
font-size: 9px;
padding: 6px;
}
.ohpost_date {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.ohpost_heading_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.ohpost_heading_column {
width: 50%;
min-width: 200px;
}
.News,
.News .NewsRight {
min-width: 100px;
}
.ohpost_heading {
display: block;
color: #80786a;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.OtherArticles A:hover,
.ohpost_heading A:hover {
color: #80786a;
text-decoration: underline;
}
.OtherArticles A:active,
.OtherArticles A:link,
.OtherArticles A:visited,
.ohpost_heading A:active,
.ohpost_heading A:link,
.ohpost_heading A:visited {
color: var(--color-gray-medium-dark); /* was #655f54 */
text-decoration: none;
}
.ohpost_heading h1 {
font-size: 12px;
color: red;
line-height: 12px;
}
.ohpost_heading li {
list-style-type: disc;
list-style-position: outside;
margin: 0 0 10px 30px;
font-weight: 700;
text-indent: -30px;
padding-left: 20px;
}
.ohpost_info {
position: relative;
top: 14px;
border-left: #bbb6ff solid 10px;
border-top: #bbb6ff solid 1px;
border-right: #bbb6ff solid 2px;
border-bottom: #bbb6ff solid 2px;
margin-bottom: 30px;
padding: 0 6px 6px;
}
.ohpost_info img {
border: 0;
background: 0 0;
padding: 0;
}
.ohpost_info_about {
position: relative;
top: -14px;
left: 6px;
color: #746e68;
font-weight: 700;
padding: 4px;
}
.ohpost_info .FlexBlock {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.ohpost_info .AuthorInfo {
flex-grow: 2;
}
.ohpost_readmore {
text-align: right;
margin-top: 10px;
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 10px;
border-top: #ebe9ff 1px solid;
border-bottom: #68658e 1px solid;
clear: both;
}
.News,
.News_ElapsedTime,
.News_Laurels,
.wp-caption {
text-align: center;
}
.ohposts_headings {
display: block;
border: 1px solid #edcfa9;
margin: 10px 0 0;
padding: 0;
background-color: var(--background-color);
}
.PhotoFrameSmall,
.PhotoFrameSmall_delete,
.PhotoFrameSmall_hover,
.PhotoFrameSmall_select {
border-style: double;
border-width: 1px;
}
.ohposts_headings_title {
letter-spacing: 0.2em;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
background-color: #edcfa9;
color: var(--text-light);
padding: 4px 10px;
}
.NextArticle,
.PreviousArticle {
background-color: var(--background-color);
border-radius: 20px;
margin-bottom: 10px;
}
.OtherArticles {
font-size: 11px;
color: #80786a;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.PreviousArticle {
padding: 6px 20px 6px 6px;
}
.NextArticle {
padding: 6px 6px 6px 20px;
}
.pagetitle,
.storytitle {
font-size: 1.6em;
background-color: #eddbbf;
margin: 0;
padding: 6px;
}
.PhotoFrameSmall {
cursor: auto;
border-color: #ccc;
padding: 6px;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
}
.PhotoFrameSmall_delete {
cursor: pointer;
background: #ff9f9f;
border-color: #e32525;
padding: 6px;
}
.PhotoFrameSmall_hover {
cursor: auto;
border-color: var(--color-primary-medium-light); /* was #9c8fc7 */
padding: 6px;
}
.PhotoFrameSmall_select {
cursor: pointer;
background: #8582b6;
border-color: #68658e;
padding: 6px;
}
.PostHeading_h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 12px;
font-size: 18px;
color: #80786a;
font-weight: 700;
text-decoration: none;
padding-bottom: 10px;
}
.TitleUnderline,
.recebe,
h2 {
font-family: Arial, Helvetica, sans-serif;
}
.PostHeading_h2 {
color: #80786a;
text-decoration: none;
}
.ProfileInfo {
font-size: 12px;
margin-top: 6px;
margin-bottom: 10px;
padding: 12px;
background-color: #d9feb5;
border: 3px double #bba385;
line-height: 1.5em;
}
.recebe {
font-size: 14px;
padding: 12px;
background: #90c546;
color: var(--text-light);
margin-bottom: 12px;
margin-top: 12px;
display: none;
}
.sitemapitem {
width: 145px;
float: left;
border-left: 2px solid #68658e;
color: #68658e;
padding: 5px;
}
.Stabilo {
background-color: #fcff1a;
padding-top: 8px;
padding-bottom: 8px;
}
.storytitle a {
color: #000;
text-decoration: none;
}
.storytitle a:hover,
a:hover {
text-decoration: underline;
}
.storytitle a:hover {
color: #000;
}
.AuthorInfo .Username,
.Style5 {
color: var(--color-gray-medium-dark); /* was #5d5c5a */
font-weight: 700;
}
.AuthorInfo .NameAndElse {
cursor: pointer;
padding: 12px;
background-color: #e8e7ff;
}
.AuthorInfo .Username {
font-size: 16px;
}
.AuthorInfo .Age {
font-size: 14px;
}
.AuthorInfo .AddressAndElse {
padding: 12px;
line-height: 1.5em;
}
.Style2 {
cursor: pointer;
background-color: #eddbbf;
padding: 6px;
}
.Style3 {
font-size: 10px;
}
.Style5 {
font-size: 16px;
}
.TitleUnderline {
font-weight: 700;
color: #6e6b67;
border-bottom-style: solid;
margin-bottom: 4px;
border-width: 1px;
border-color: #6e6b67;
}
a,
a:hover {
color: #68658e;
}
.widgettitle {
font-weight: 700;
font-size: 0.8em;
}
.wp-caption {
border: 1px solid #ddd;
background-color: var(--text-light); /* was #f3f3f3 */
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 10px;
}
.wp-caption img {
border: 0;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
a {
text-decoration: none;
}
abbr,
acronym {
border: 0;
cursor: help;
}
#divNote_Text,
#divNote_Text_Full,
.BackLink,
.News,
.RecFirst,
.RecLast,
.RecNext,
.RecPrevious,
.Thumbnail {
cursor: pointer;
}
abbr,
acronym,
span.caps {
letter-spacing: 0.07em;
}
blockquote {
border-left: 5px solid #68658e;
margin-left: 1.5em;
padding-left: 5px;
}
form#searchform input#s {
background: var(--background-color);
color: #68658e;
border: 1px inset #68658e;
}
h2 {
font-size: 18px;
}
h2#comments {
font-size: 0.8em;
border: none;
}
h2#postcomment {
font-size: 1em;
border: none;
}
.feedback,
h3,
li,
p {
font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana,
sans-serif;
}
.PhotoCaption,
.ThumbnailCaption {
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}
img {
border: 0;
}
li,
ol#comments li p {
font-size: 100%;
}
.News_Address,
.News_ElapsedTime {
font-size: 12px;
vertical-align: middle;
}
ul {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}
#divUL li,
.CGU ul,
.Note_Choice ul {
list-style-type: disc;
}
.Oh_Right li,
ul.post-meta span.post-meta-key {
font-weight: 700;
}
.News_Results_Container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
}
.News:hover {
box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
z-index: 2;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transition: all 0.2s ease-out;
-ms-transform: scale(1.03);
-moz-transition: all 0.2s ease-out;
-moz-transform: scale(1.03);
transition: all 0.2s ease-out;
transform: scale(1.03);
}
.News:active,
.Thumbnail:active {
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.News:active {
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
-moz-transform: scale(0.97);
-o-transform: scale(0.97);
transition: all 0.2s ease-out;
transform: scale(0.97);
}
.News {
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background-color: var(--background-color);
margin-top: 10px;
margin-left: 10px;
max-width: 500px;
flex-grow: 4;
padding-top: 6px;
padding-bottom: 12px;
}
.News .NewsLeft,
.News .NewsRight {
display: inline-block;
max-width: 300px;
}
.News_ElapsedTime {
display: block;
width: 100%;
}
.News_UserInfo {
display: block;
vertical-align: middle;
}
.News_Pic {
display: block;
vertical-align: middle;
width: 91px;
height: 91px;
background-repeat: no-repeat;
background-size: cover;
}
.News_Laurels {
display: block;
vertical-align: middle;
}
.News_Username {
display: block;
vertical-align: middle;
text-align: left;
font-weight: bolder;
color: var(--color-primary-medium-light); /* was #9d90c7 */
padding-left: 6px;
padding-right: 6px;
margin-top: 6px;
}
.News_Address,
.News_Flags,
.News_Title,
.News_Type {
text-align: center;
}
.News_Address {
display: block;
font-style: italic;
}
.News_Flags {
display: block;
vertical-align: middle;
}
.News_Type {
display: block;
vertical-align: middle;
font-weight: 700;
background-color: #eee;
padding: 6px;
}
.News_Type.NewEvent {
background-color: var(--color-gray-medium); /* was #a0a0a0 */
color: var(--text-light);
}
.News_Type.NewPrivateEvent {
background-color: #ca5a00;
color: var(--text-light);
}
.News_Title {
padding: 6px 12px;
}
.News_Description {
display: block;
font-size: 14px;
padding: 6px;
text-align: justify;
}
.News_EventDueDate,
.News_Location,
.Thumbnail,
.ThumbnailCaption {
text-align: center;
}
.News_Location {
font-size: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 6px;
}
.ThumbnailCaption {
background-color: rgba(255, 255, 255, 0.8);
font-size: 9px;
line-height: normal;
padding-top: 10px;
margin-right: 10px;
}
.Note_Choice,
.Note_ReadMoreLess,
.PhotoCaption {
font-size: 12px;
}
.PhotoCaption {
padding: 6px;
background-color: var(--background-color);
margin-bottom: 30px;
}
.ThumbnailPic {
margin: auto;
border: none;
padding: 0;
}
.Thumbnail {
border: 12px double #ccc;
box-shadow: 2px 2px 2px var(--color-gray-medium); /* was #9d9d9d */
background-color: var(--background-color);
border-width: 1px;
padding: 6px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
position: relative;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transition: all 0.2s ease-in;
-ms-transform: scale(1);
-moz-transition: all 0.2s ease-in;
-moz-transform: scale(1);
transition: all 0.2s ease-in;
transform: scale(1);
}
.Thumbnail:active {
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
-moz-transform: scale(0.97);
-o-transform: scale(0.97);
transition: all 0.2s ease-out;
transform: scale(0.97);
}
.RecFirst:hover,
.RecLast:hover,
.RecNext:hover,
.RecPrevious:hover,
.Thumbnail:hover {
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
z-index: 2;
}
.Thumbnail:hover {
box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
transition: all 0.2s ease-out;
transform: scale(1.03);
}
.ThumbnailPic_Selected {
background-color: #ccb104;
}
.Thumbnail_Admin {
background-color: var(--background-color);
width: 100px;
}
.PageNavigator_Container {
display: flex;
flex-wrap: wrap-reverse;
justify-content: space-between;
align-items: center;
align-content: stretch;
border-radius: 20px;
font-weight: 700;
background-color: var(--background-color);
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
margin-bottom: 20px;
margin-top: 0;
padding: 12px 20px;
}
.PageNavigator_Icons {
padding-right: 4px;
background-image: url(../medias/icons/IcoBgArrows.png);
background-repeat: repeat-x;
text-align: center;
padding-left: 4px;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
align-items: center;
}
.PageNavigator img {
border: 0;
}
.PageNavigator_Text {
display: inline-flex;
min-width: 170px;
color: var(--color-gray-medium); /* was #969696 */
}
.RecFirst,
.RecFirst0,
.RecLast,
.RecLast0,
.RecNext,
.RecNext0,
.RecPrevious,
.RecPrevious0 {
display: inline-flex;
width: 40px;
height: 40px;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transition: all 0.2s ease-in;
-ms-transform: scale(1);
-moz-transition: all 0.2s ease-in;
-moz-transform: scale(1);
transition: all 0.2s ease-in;
transform: scale(1);
}
.RecFirst:hover,
.RecLast:hover,
.RecNext:hover,
.RecPrevious:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transition: all 0.2s ease-out;
transform: scale(1.1);
}
.RecFirst:active,
.RecLast:active,
.RecNext:active,
.RecPrevious:active {
z-index: 2;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transition: all 0.2s ease-out;
-ms-transform: scale(0.9);
-moz-transition: all 0.2s ease-out;
-moz-transform: scale(0.9);
transition: all 0.2s ease-out;
transform: scale(0.9);
}
.RecFirst {
background: url(../medias/icons/RecNav.png);
}
.RecFirst0 {
background: url(../medias/icons/RecNav.png) 0 40px;
}
.RecLast {
background: url(../medias/icons/RecNav.png) 40px 0;
}
.RecLast0 {
background: url(../medias/icons/RecNav.png) 40px 40px;
}
.RecNext {
background: url(../medias/icons/RecNav.png) 80px 0;
}
.RecNext0 {
background: url(../medias/icons/RecNav.png) 80px 40px;
}
.RecPrevious {
background: url(../medias/icons/RecNav.png) 120px 0;
}
.RecPrevious0 {
background: url(../medias/icons/RecNav.png) 120px 40px;
}
#divNote_Text_Edit {
margin: auto;
}
#divNote_Text_Edit textarea {
border: 3px solid #feffaa;
width: 95%;
}
.Note_Choice {
margin-top: 4px;
}
.Note_Choice ul {
margin: 0 0 0 10px;
padding: 0;
}
.goog-te-sectional-gadget-checkbox-text,
.goog-te-sectional-gadget-link-text,
.goog-te-sectional-gadget-link-text a {
font-size: 10px;
font-weight: 400;
}
.goog-te-sectional-gadget-link-text {
background-color: var(--color-gray-light); /* was #b1b1b1 */
color: var(--text-light); /* was #f3f3f3 */
border-radius: 10px;
padding: 3px 12px;
display: inline-block;
}
.BackLink a {
color: var(--text-light);
}
.BackLink:focus,
.BackLink:hover {
background-color: #c2c2c2;
color: var(--text-light);
}
.BackLink:active {
background-color: #8582b6;
}
.BackLink {
font-family: proxima-nova-soft, sans-serif;
line-height: 1.7em;
font-size: 16px;
font-style: normal;
font-weight: 400;
background-color: var(--color-gray-light); /* was #b1b1b1 */
color: var(--text-light); /* was #f3f3f3 */
padding: 3px 12px 3px 30px;
border-radius: 10px;
display: inline-block;
background-image: url(../medias/Back.png);
background-repeat: no-repeat;
background-position: 10px 10px;
-webkit-appearance: none;
}
.EventFinished,
.YourEvent,
.YourEventNotValidated {
padding: 12px;
font-weight: 400;
}
.BackLink:disabled {
cursor: auto;
}
.BackLink:disabled:active,
.BackLink:disabled:focus,
.BackLink:disabled:hover {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.YourEvent {
color: #000;
background-color: #d9feb5;
}
.EventFinished {
color: var(--text-light);
background-color: #e32525;
}
.YourEventNotValidated {
background-color: #ffce79;
color: #000;
}
.EventDescription {
padding-left: 20px;
}
.EventTitleText {
padding-top: 12px;
padding-bottom: 12px;
}
.Lettrine {
font-weight: 700;
color: #68658e;
font-size: 100px;
font-family: serif;
position: relative;
top: 20px;
}
.EventContainer {
background-color: var(--background-color);
padding: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 20px;
}
.EventDueDate,
.EventTitle {
padding: 6px 18px;
font-weight: 700;
}
.EventTitle {
font-size: 16px;
background-color: var(--color-gray-medium); /* was #a0a0a0 */
color: var(--text-light);
border-top-right-radius: 20px;
}
.EventTitle.PrivateEvent {
background-color: #ca5a00;
color: var(--text-light);
}
.EventMenu {
text-align: right;
}
.EventDistance,
.EventDueDate,
.EventTags,
.NbEvents {
text-align: center;
}
.EventWhenWhere {
display: flex;
min-width: 200px;
}
.EventDueDate {
background-color: var(--background-color);
font-size: 14px;
}
.EventDueDateStr {
display: none;
}
.EventDueDateFixed {
text-align: center;
font-size: 14px;
padding: 6px;
border: 1px solid #8568a0;
}
.EventTag,
.TabOn {
border-top-left-radius: 20px;
}
.EventDueDateFixedStr {
display: block;
}
.EventDistance {
font-weight: 700;
color: var(--text-light);
padding: 6px 18px;
background-color: #8568a0;
}
.EventDateStr {
display: none;
}
.EventTags {
font-size: 10px;
}
.EventTag {
display: inline-block;
list-style-type: none;
padding: 4px 10px;
border-color: #d9d9d9;
border-width: 2px;
border-style: solid;
font-size: 12px;
background-color: var(--background-color);
margin: 10px 5px;
}
.NbEvents {
background-color: #d9feb5;
color: #68658e;
font-weight: 700;
font-size: 14px;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px 12px;
}
#QuickMessage_Button,
#ScrollToTop_Button {
position: fixed;
bottom: 20px;
cursor: pointer;
font-family: Arial;
color: var(--text-light);
font-size: 14px;
background: #ffa200;
padding: 10px 20px;
width: 37px;
vertical-align: middle;
text-decoration: none;
text-align: center;
-webkit-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#QuickMessage_Button {
left: 20px;
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
-webkit-box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
-moz-box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
font-weight: 700;
}
#QuickMessage_Button:hover,
#ScrollToTop_Button:hover {
text-decoration: none;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#QuickMessage_Button:active,
#ScrollToTop_Button:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#QuickActionsBar {
display: block;
width: 100%;
position: fixed;
bottom: 50px;
}
#ScrollToTop_Button {
right: 20px;
display: block;
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
-webkit-box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
-moz-box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
font-weight: 700;
}
#formMsg_New_Body,
#formMsg_New_Subject {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
position: relative;
padding: 15px;
font-family: proxima-nova-soft, sans-serif;
-webkit-user-modify: read-write-plaintext-only;
width: 85%;
line-height: 1.7em;
font-size: 16px;
color: var(--text-light);
font-weight: 700;
}
.visible {
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear;
}
.MsgNb,
.hidden {
visibility: hidden;
}
.hidden {
opacity: 0;
transition: visibility 0s 0.5s, opacity 1s linear;
}
#formMsg_New_Subject {
background: var(--color-primary-medium-light); /* was #a182b6 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 1em 0 1.5em;
}
.ObjectTitle {
font-weight: 700;
margin-bottom: 6px;
}
.BodyTitle {
margin-bottom: 6px;
margin-top: 6px;
}
#formMsg_New_Body {
background: #684c6b;
background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--color-primary-medium-light)), to(#684c6b)); /* was #a182b6 */
background: -moz-linear-gradient(var(--color-primary-medium-light), #684c6b); /* was #a182b6 */
background: -o-linear-gradient(var(--color-primary-medium-light), #684c6b); /* was #a182b6 */
background: linear-gradient(var(--color-primary-medium-light), #684c6b); /* was #a182b6 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 1em 0 1.5em;
}
input,
textarea {
cursor: url(../medias/PenCursor.cur), auto;
cursor: url(../medias/PenCursor.png) 0 32, auto;
}
::-webkit-input-placeholder {
color: var(--color-gray-medium-light); /* was #aaa */
}
:-moz-placeholder {
color: var(--color-gray-medium-light); /* was #aaa */
opacity: 1;
}
::-moz-placeholder {
color: var(--color-gray-medium-light); /* was #aaa */
opacity: 1;
}
:-ms-input-placeholder {
color: var(--color-gray-medium-light); /* was #aaa */
}
.MsgNb {
position: absolute;
top: -4px;
right: -4px;
margin: 0;
}
#divGoInactive {
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: auto;
display: none;
z-index: 1000;
background: rgba(255, 255, 255, 0.7);
vertical-align: middle;
}
#divGoInactive_Popup {
border-width: 10px;
border-style: solid;
border-color: #ffa200;
margin: auto;
background: var(--background-color);
padding: 20px;
width: 80%;
text-align: center;
}
.middle_Section {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: var(--text-light);
background-color: #edcfa9;
border-radius: 20px;
margin-bottom: 20px;
font-weight: 700;
padding: 12px 20px;
}
.Filter,
.FilterMenu,
.FilterNewsMenu {
margin-bottom: 10px;
}
.dropbtn {
font-size: 16px;
border: none;
cursor: pointer;
background: 0 0;
height: 52px;
display: table-cell;
vertical-align: middle;
padding-left: 6px;
padding-right: 6px;
}
.FilterMenu,
.Section .Container .Body {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.FilterNewsMenu {
border-radius: 20px;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: var(--background-color);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 20;
text-align: center;
width: 250px;
right: 0;
top: 52px;
}
.dropdown-content a,
.dropdown:hover .dropdown-content {
display: inline-block;
}
.dropdown-content a:hover,
.dropdown:hover {
background-color: #ebe9ff;
}
.dropdown-content a {
color: #000;
padding: 6px;
text-decoration: none;
}
.FilterMenu {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
align-items: center;
align-content: center;
background-color: rgba(255, 255, 255, 0.55);
padding: 6px;
}
.FilterNewsMenu {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
align-items: center;
align-content: center;
background-color: rgba(255, 255, 255, 0.55);
padding: 12px;
gap: 6px;
}
.FilterNewsMenu .FilterOff,
.FilterNewsMenu .FilterOn {
display: inline-flex;
padding: 6px 14px;
border-radius: 20px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.MemberCard_Flex,
.MemberCards {
align-content: stretch;
display: flex;
}
.FilterMenu .FilterOff,
.FilterMenu .FilterOn {
display: inline-flex;
margin: 6px;
padding: 6px 14px;
border-radius: 20px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.FilterTitle {
display: inline-flex;
}
.FilterOn {
background-color: #68658e;
color: var(--text-light);
}
.FilterOff:hover,
.FilterOn:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.FilterOff:hover {
background-color: #ebe9ff;
color: #68658e;
}
.FilterOff:active,
.FilterOn:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.FilterOff:active {
background-color: #8582b6;
color: var(--text-light);
}
.FilterOff {
background-color: var(--background-color);
}
.Section {
display: block;
margin-top: 10px;
}
.Section .Title a {
color: var(--text-light);
}
.Section .Container .SectionHeader {
display: block;
position: relative;
}
.Section .Container .SectionHeader .HeaderBackground {
background-color: #0ff;
position: absolute;
bottom: 0;
border-color: #d0d0d8;
border-style: solid solid none;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 3px;
background: rgba(255, 255, 255, 0.9);
display: block;
margin-left: 8px;
border-top-right-radius: 20px;
right: 6px;
left: 6px;
height: 32px;
}
.Section .Container .SectionHeader .HeaderElements {
display: flex;
align-items: flex-end;
align-content: stretch;
justify-content: space-between;
position: relative;
flex-wrap: wrap;
}
.Section .Container .SectionHeader .HeaderElements .Title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: var(--text-light);
border-radius: 20px;
font-weight: 700;
background-color: var(--color-gray-medium); /* was #919090 */
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
margin-bottom: 6px;
padding: 12px 20px;
}
.Section .Container .SectionHeader .HeaderElements .HeaderRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: var(--text-light);
border-radius: 20px;
font-weight: 700;
background-color: #faa21b;
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
margin-bottom: 6px;
padding: 12px 20px;
}
.Section .Container .Body {
padding: 12px 20px 20px;
border-top: none;
border-left: #d0d0d8 solid 1px;
border-bottom: #d0d0d8 solid 3px;
border-right: #d0d0d8 solid 3px;
background: linear-gradient(
rgba(255, 255, 255, 0.9),
rgba(255, 255, 255, 0.5)
);
display: block;
position: relative;
z-index: 0;
margin-bottom: 42px;
margin-left: 14px;
margin-right: 6px;
}
.Block1,
.FlexTD {
margin-right: 20px;
}
.MemberCards {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.MemberCard {
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 20px;
background: rgba(174, 158, 234, 0.25);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3),
inset 0 10px rgba(255, 255, 255, 0.2),
inset 0 10px 20px rgba(255, 255, 255, 0.25),
inset 0 -15px 30px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5),
inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2),
inset 0 10px 20px rgba(255, 255, 255, 0.25),
inset 0 -15px 30px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 8px rgba(18, 21, 23, 0.5), inset 0 1px var(--background-color),
inset 0 10px rgba(255, 255, 255, 0.37),
inset 0 10px 20px rgba(255, 255, 255, 0.25),
inset 0 -15px 30px rgba(62, 84, 99, 0.3);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5),
inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2),
inset 0 10px 20px rgba(255, 255, 255, 0.25),
inset 0 -15px 30px rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
}
.MemberCard_Flex {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.MemberCard_Left {
display: flex;
align-items: flex-start;
}
.MemberCard_Right {
max-width: 500px;
padding: 12px;
background: rgba(255, 255, 255, 0.7);
flex-grow: 1;
}
.MemberCard_Buttons {
display: flex;
margin-top: 20px;
text-align: center;
}
#divInfoMap,
.Blocks,
.NoResult,
.Tabs {
display: flex;
}
.Tabs {
flex-direction: row;
flex-wrap: wrap-reverse;
justify-content: flex-start;
align-items: initial;
align-content: flex-start;
padding-top: 20px;
}
.TabOff,
.TabOn {
font-family: Arial, Helvetica, sans-serif;
margin-top: -18px;
padding: 6px 12px 18px;
font-weight: 700;
text-align: center;
}
.TabOn {
color: var(--text-light);
background-color: #505050;
border-top-right-radius: 20px;
border: 2px solid #505050;
border-left: none;
border-right-width: 1px;
border-bottom: none;
flex-grow: 1;
}
.TabOff:hover {
background-color: #ebe9ff;
color: #68658e;
}
.TabOff:active {
background-color: #8582b6;
color: var(--text-light);
}
.TabOff {
background: var(--background-color);
color: #505050;
cursor: pointer;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border: 2px solid #505050;
border-left: none;
border-right-width: 1px;
border-bottom: none;
flex-grow: 1;
-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.TabPage {
padding: 20px;
}
.DonatorsFirst {
text-align: center;
background-color: var(--background-color);
background: -webkit-linear-gradient(
right,
rgba(255, 233, 255, 0),
var(--text-light), /* was #ffe9ff */
rgba(255, 233, 255, 0)
);
background: linear-gradient(
to left,
rgba(255, 233, 255, 0),
var(--text-light), /* was #ffe9ff */
rgba(255, 233, 255, 0)
);
padding: 6px;
margin-bottom: 12px;
}
#pac-input,
.NoResult {
background-color: var(--background-color);
}
.NoResult {
flex-wrap: wrap-reverse;
justify-content: space-between;
align-items: center;
align-content: stretch;
border-radius: 20px;
font-weight: 700;
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
margin-bottom: 20px;
margin-top: 0;
color: var(--color-gray-medium); /* was #969696 */
padding: 12px 20px;
}
#pac-input,
#type-selector label {
font-family: Roboto;
font-weight: 300;
}
#map,
.controls {
margin-top: 10px;
}
.Blocks {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: space-around;
}
.Block1 {
max-width: 484px;
flex-grow: 1;
}
.Block2 {
flex-grow: 1;
padding-left: 12px;
padding-right: 12px;
margin-left: 12px;
}
#map-container {
border-width: 12px;
border-style: solid;
border-color: var(--text-light);
width: 470px;
margin-right: 10px;
margin-bottom: 10px;
background: var(--background-color);
}
#map {
width: 470px;
height: 400px;
}
.controls {
border: 1px solid transparent;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 32px;
outline: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#pac-input {
font-size: 15px;
margin-left: 12px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 300px;
}
#pac-input:focus {
border-color: #4d90fe;
}
.pac-container {
font-family: Roboto;
}
#type-selector {
color: var(--text-light);
background-color: #4d90fe;
padding: 5px 11px 0;
}
#type-selector label {
font-size: 13px;
}
#divInfoMap,
.mapIconLabel {
font-weight: 700;
color: var(--text-light);
}
#target {
width: 345px;
}
.mapIconLabel {
font-size: 15px;
}
#divContactPopUp {
display: none;
background-color: #f1f1f1;
position: absolute;
left: 80px;
top: 2158px;
width: 330px;
z-index: 100;
border-style: solid;
border-color: #000;
border-width: 1px;
-moz-opacity: 1;
opacity: 1;
padding: 12px;
-webkit-box-shadow: 8px 8px 8px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 8px 8px 8px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 8px 8px 8px var(--color-gray-medium); /* was #9d9d9d */
}
#divContactPopUp_Inside {
position: relative;
left: 10px;
top: 5px;
width: 310px;
-moz-opacity: 1;
opacity: 1;
}
#ContactPopUp_Img {
-moz-opacity: 1;
opacity: 1;
}
#divInfoMap {
background: #e32525;
margin-top: 6px;
margin-bottom: 10px;
border-radius: 20px;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
}
#divInfoMap a,
#divInfoMap a:hover,
#divMiddleConnected_ProfileIncomplete a,
#divMiddleConnected_ProfileIncomplete a:hover {
color: var(--text-light);
}
#divInfoMap div {
padding: 20px;
max-width: 50%;
}
#divInfoMap h2 {
margin-top: 0;
background: 0 0;
display: block;
padding: initial;
margin-bottom: 20px;
}
#divMiddleConnected_ProfileIncomplete,
.FlexTR {
display: flex;
align-content: flex-start;
margin-bottom: 20px;
font-weight: 700;
}
#divMiddleConnected_ProfileIncomplete {
background: #e32525;
margin-top: 12px;
border-radius: 20px;
color: var(--text-light);
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 12px 20px;
}
.MainPic,
.Pic {
border: 12px solid var(--background-color);
box-shadow: 2px 2px 2px var(--color-gray-medium); /* was #9d9d9d */
}
.FlexTR {
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
margin-top: 20px;
}
.emphasize1,
.emphasize2,
.emphasize3 {
padding: 6px;
background-color: var(--background-color);
margin-bottom: 6px;
display: inline-block;
}
.FlexTD {
width: 50%;
}
.emphasize1 {
font-size: 24px;
}
.emphasize2 {
font-size: 32px;
}
.emphasize3 {
font-size: 24px;
font-family: monospace;
}
.emphasize4 {
font-size: 32px;
margin-bottom: 24px;
line-height: 48px;
display: inline-block;
}
.FlexBlock {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.FlexBlockVertical {
margin-top: 12px;
margin-bottom: 12px;
display: flex;
flex-wrap: nowrap;
align-items: center;
flex-direction: column;
gap:12px
}
.ReadableBlock {
background: rgba(255, 255, 255, 0.5);
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.ShiftedReadableBlock {
background: rgba(255, 255, 255, 0.5);
padding: 30px 20px 20px;
margin-top: 0;
top: -30px;
position: relative;
}
.AddPicture {
padding-left: 32px;
margin-top: 20px;
margin-bottom: 20px;
}
.CGU ul {
margin: 0;
list-style-position: initial;
padding-left: 40px;
}
.Conditions {
background-color: #ebe9ff;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.divPicture {
max-width: 200px;
margin-right: 20px;
text-align: center;
background: rgba(255, 255, 255, 0.5);
margin-top: 12px;
padding: 20px;
}
.Level,
.MainPicCaption {
background-color: var(--background-color);
text-align: center;
}
.divPicturePic img {
max-height: 100%;
max-width: 100%;
width: 100%;
height: 100%;
}
.divPictures {
display: flex;
justify-content: center;
width: 100%;
flex-wrap: wrap;
}
.divPictureTitle {
padding-top: 12px;
padding-bottom: 12px;
font-weight: 700;
margin-bottom: 12px;
color: var(--color-gray-medium-dark); /* was #5d5c5a */
}
.MainPic,
.Pic,
.addthis_toolbox {
margin-bottom: 20px;
}
.Level {
padding: 20px;
max-width: 200px;
}
.Levels {
display: flex;
flex-wrap: wrap;
}
.BPCredits,
.MainPic {
display: inline-block;
}
.MainPic {
background: var(--background-color);
}
.MainPicCaption {
cursor: pointer;
padding: 12px;
line-height: initial;
}
.MainPicCaption:hover {
background-color: #ffa200;
color: var(--text-light);
}
#divCV_StampPath h2 {
display: flex;
flex-wrap: wrap-reverse;
justify-content: flex-start;
align-items: center;
align-content: stretch;
border-radius: 20px;
font-weight: 700;
background-color: var(--background-color);
-webkit-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
-moz-box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
margin-bottom: 20px;
margin-top: 20px;
padding: 12px 20px;
}
.addthis_toolbox {
margin-top: 30px;
display: flex;
justify-content: center;
}
.atlwdg-trigger.atlwdg-SUBTLE {
right: auto;
left: 0;
bottom: 0;
border: 1px solid #ccc;
border-bottom: none;
border-right: none;
background-color: var(--text-light); /* was #f5f5f5 */
color: var(--color-gray-dark) !important; /* was #444 */
font-size: 11px;
padding: 6px;
-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
border-radius: 2px 0 0;
width: 50px;
text-align: center;
}
#atlwdg-container {
height: 701px;
overflow-x: scroll;
overflow-y: scroll;
width: 100%;
background: var(--background-color);
border: 1px solid #ccc;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 10000011;
border-radius: 5px;
background-clip: padding-box;
max-height: calc(100% - 100px);
max-width: 810px;
}
.UnderH2 {
background: rgba(255, 255, 255, 0.8);
margin-bottom: 20px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 12px;
}
#OldBrowser {
display: none;
}
#divIcoWait {
position: absolute;
top: 100px;
left: 100px;
width: 30px;
height: 30px;
margin: auto;
}
.Affinity-100CloseFriend,
.Affinity-10ToBeAvoided,
.Affinity-20Acquaintance,
.Affinity-40Friend {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-image: url(../medias/AffinityEmojisON.png);
}
.Affinity-100CloseFriend {
background-position-y: 0;
}
.Affinity-40Friend {
background-position-y: -32px;
}
.Affinity-20Acquaintance {
background-position-y: -64px;
}
.Affinity-10ToBeAvoided {
background-position-y: -96px;
}
.Affinity-0Unknown {
background-image: url(../medias/AffinityEmojisON.png);
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-position-y: -192px;
}
.AffinityOFF-0Unknown,
.AffinityOFF-100CloseFriend,
.AffinityOFF-10ToBeAvoided,
.AffinityOFF-20Acquaintance,
.AffinityOFF-40Friend {
background-image: url(../medias/AffinityEmojisOFF.png);
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
}
.AffinityOFF-100CloseFriend {
background-position-y: 0;
}
.AffinityOFF-40Friend {
background-position-y: -32px;
}
.AffinityOFF-20Acquaintance {
background-position-y: -64px;
}
.AffinityOFF-10ToBeAvoided {
background-position-y: -96px;
}
.AffinityOFF-0Unknown {
background-position-y: -192px;
}
.AffinityForbidden-0Unknown,
.AffinityForbidden-100CloseFriend,
.AffinityForbidden-10ToBeAvoided,
.AffinityForbidden-20Acquaintance,
.AffinityForbidden-40Friend {
background-image: url(../medias/AffinityEmojisForbidden.png);
}
.AffinityForbidden-100CloseFriend {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-position-y: 0;
}
.AffinityForbidden-40Friend {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-position-y: -32px;
}
.AffinityForbidden-20Acquaintance {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-position-y: -64px;
}
.AffinityForbidden-10ToBeAvoided {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-position-y: -96px;
}
.AffinityForbidden-0Unknown {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
background-position-y: -192px;
}
.Affinity-Add,
.Affinity-Remove {
background-image: url(../medias/AffinityEmojisON.png);
width: 32px;
background-repeat: no-repeat;
background-size: 32px;
background-position-x: 0;
height: 32px;
}
.Affinity-Add {
background-position-y: -128px;
}
.Affinity-Remove {
background-position-y: -160px;
}
.BPContainer {
width: 100%;
text-align: center;
}
.BPCredits {
cursor: pointer;
background: rgba(128, 128, 128, 0.6);
border-radius: 20px;
margin-top: 40px;
margin-bottom: 20px;
color: var(--text-light);
padding: 20px 22px;
}
.AffinityButton,
[class^="AffinityOption_"] {
background-image: url(../medias/AffinityEmojisON.png);
background-repeat: no-repeat;
background-size: 32px;
}
.AffinityDisplayNone {
display: none;
}
.AffinityContainer,
.AffinityContainer_ReadOnly {
position: relative;
}
#AffinitySelectorGlobal {
position: fixed;
z-index: 9999;
}
.AffinityHelp {
font-size: 14px;
font-weight: 400;
text-align: center;
border-top: solid 1px #faa21b;
}
.AffinityButton {
width: 32px;
height: 32px;
background-position-x: 0;
background-position-y: -128px;
z-index: 1;
}
.AffinitySelector {
position: absolute;
left: -12px;
top: -12px;
width: 230px;
background-color: var(--background-color);
border: 4px solid #faa21b;
border-radius: 20px;
box-shadow: 0 2px 4px var(--color-gray-medium); /* was #9d9d9d */
padding-top: 12px;
padding-bottom: 12px;
display: none;
z-index: 10;
}
.AffinityOption {
display: flex;
align-items: center;
margin-bottom: 6px;
margin-left: 12px;
margin-right: 12px;
height: 42px;
cursor: pointer;
color: var(--color-gray-medium); /* was #969696 */
}
.AffinityOption:visited {
background-color: var(--color-gray-medium);
}
.AffinityOption.Current {
background-color: #ccc;
color: var(--text-light);
}
.AffinityOption:hover {
background-color: #faa21b;
color: var(--text-light);
}
.AffinityLabel {
font-size: 16px;
padding-left: 12px;
font-weight: 700;
}
[class^="AffinityOption_"] {
width: 32px;
height: 32px;
cursor: pointer;
}
.AffinityContainer_ReadOnly [class^="AffinityOption_"] {
cursor: auto;
}
.AffinityOption_100CloseFriend {
background-position-x: 0;
background-position-y: 0;
}
.AffinityOption_40Friend {
background-position-x: 0;
background-position-y: -32px;
}
.AffinityOption_20Acquaintance {
background-position-x: 0;
background-position-y: -64px;
}
.AffinityOption_10ToBeAvoided {
background-position-x: 0;
background-position-y: -96px;
}
.AffinityOption_Add {
background-position-x: 0;
background-position-y: -128px;
}
.AffinityOption_Remove {
background-position-x: 0;
background-position-y: -160px;
}
#divNotification {
background-color: #ff0;
padding: 12px;
font-size: 16px;
position: absolute;
right: -300px;
text-align: center;
width: 1px;
opacity: 0;
overflow: hidden;
transition: all 0.75s ease;
display: none;
}
.CGUBanner,
.CGUFooter {
text-align: center;
vertical-align: middle;
display: block;
font-family: Arial;
color: var(--text-light);
font-weight: 700;
padding: 10px 20px;
text-decoration: none;
}
#divNotification.show {
right: 0;
width: 300px;
opacity: 1;
}
.CGUBanner {
position: fixed;
bottom: 0;
-webkit-box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
-moz-box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
box-shadow: 0 1px 17px var(--color-gray-medium-dark); /* was #666 */
font-size: 14px;
background: rgba(0, 0, 0, 0.8);
width: 100%;
}
.CGUFooter {
font-size: 12px;
background: rgba(217, 217, 217, 0.5);
}
.CGUFooter a {
color: #000;
}
.MemberAddress a:link,
.MemberAddress a:visited,
.MemberAddress a:hover,
.MemberAddress a:active,
.EventAddress a:link,
.EventAddress a:visited,
.EventAddress a:hover,
.EventAddress a:active {
text-decoration: underline;
color:#68658e;
}
@media screen and (min-width: 1200px) {
#map,
#map-container {
width: 600px;
}
.Block1 {
max-width: 624px;
}
#map {
height: 460px;
}
}
@media screen and (max-width: 1024px) {
#divPopup,
.ohposts_headings {
display: none;
}
#divPopup {
position: absolute;
width: 640px;
height: 480px;
left: 200px;
top: 50px;
background: var(--background-color);
overflow: hidden;
z-index: 400;
border-color: #ccc;
border-style: double;
border-width: 1px;
}
#wrapper {
border: none;
}
}
@media screen and (max-width: 848px) {
.ohpost_heading_column,
.ohpost_heading_container {
display: block;
width: 100%;
}
.CV {
display: none;
}
}
@media screen and (max-width: 560px) {
#map,
#map-container {
width: 380px;
}
#map {
height: 380px;
}
.Block2 {
padding-left: 0;
padding-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 548px) {
.FilterTitle {
display: none;
}
}
@media screen and (max-width: 496px) {
}
@media screen and (max-width: 480px) {
.News_Flags {
display: none;
}
.EventTitle {
display: run-in;
min-width: 200px;
text-align: center;
border-top-right-radius: 0;
}
.EventWhenWhere {
display: inline;
min-width: 200px;
width: 200px;
}
}
@media screen and (max-width: 470px) {
#map,
#map-container {
width: 350px;
}
#map {
height: 350px;
}
}
@media screen and (max-width: 450px) {
#map,
#map-container {
width: 320px;
}
#map {
height: 350px;
}
}
@media screen and (max-width: 444px) {
}
@media screen and (max-width: 400px) {
#map,
#map-container {
width: 270px;
}
#map {
height: 350px;
}
}
@media screen and (max-width: 392px) {
}
@media screen and (max-width: 350px) {
#map,
#map-container {
width: 220px;
}
#map {
height: 350px;
}
}
@media screen and (max-width: 340px) {
}
@supports (display: -ms-flexbox) or (display: -webkit-box) or (display: flex) {
#OldBrowser {
display: none;
}
}
/* =====================================================================
Guided notification toast panel (site-wide, framework-free)
Displayed as a fixed stack at the bottom-right of every page.
===================================================================== */
#GuidedNotifPanel {
position: fixed;
bottom: 1.5em;
right: 1.5em;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 0.7em;
max-width: 340px;
pointer-events: none; /* cards re-enable it individually */
}
.GuidedNotifCard {
pointer-events: all;
background: #fff;
border: 1px solid #d6d0ff;
border-left: 4px solid #7c5cbf;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,0.14);
padding: 1em 1.1em 0.85em;
font-size: 0.88em;
animation: GuidedNotifSlideIn 0.3s ease;
transition: opacity 0.3s ease;
}
@keyframes GuidedNotifSlideIn {
from { opacity: 0; transform: translateX(50px); }
to { opacity: 1; transform: translateX(0); }
}
.GuidedNotifCard__title {
font-weight: bold;
color: #3d2a7a;
margin-bottom: 0.35em;
font-size: 0.95em;
}
.GuidedNotifCard__body {
color: #333;
line-height: 1.5;
margin-bottom: 0.8em;
}
.GuidedNotifCard__actions {
display: flex;
gap: 0.5em;
justify-content: flex-end;
}
.GuidedNotifCard__btn {
border: none;
border-radius: 10px;
padding: 5px 14px;
font-size: 0.85em;
cursor: pointer;
transition: transform 0.15s ease;
white-space: nowrap;
}
.GuidedNotifCard__btn--accept { background: #ffa200; color: #fff; }
.GuidedNotifCard__btn--decline { background: #bbb; color: #fff; }
.GuidedNotifCard__btn:hover { transform: scale(1.07); }