@font-face {
font-family: 'ssb-icon';
src:  url(//cfd.university/wp-content/plugins/simple-social-buttons/assets/fonts/ssb-icon.eot?eahqa2);
src:  url(//cfd.university/wp-content/plugins/simple-social-buttons/assets/fonts/ssb-icon.eot?eahqa2#iefix) format('embedded-opentype'),
url(//cfd.university/wp-content/plugins/simple-social-buttons/assets/fonts/ssb-icon.ttf?eahqa2) format('truetype'),
url(//cfd.university/wp-content/plugins/simple-social-buttons/assets/fonts/ssb-icon.woff?eahqa2) format('woff'),
url(//cfd.university/wp-content/plugins/simple-social-buttons/assets/fonts/ssb-icon.svg?eahqa2#ssb-icon) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
} div.simplesocialbuttons { height: auto; margin: -5px auto 5px -5px; text-align: left; clear: left; font-size: 0; direction: ltr;}
div.simplesocialbutton { float: left; }
div.ssb-button-googleplus { width: 100px; }
div.ssb-button-fblike { width: 140px; line-height: 1; }
div.ssb-button-fbshare { width: 140px; line-height: 1; }
div.ssb-button-twitter { width: 130px; }
div.ssb-button-pinterest { width: 100px; }
.fb-like iframe { max-width: none !important; }
.simplesocialbuttons .simplesocialbutton { display: inline-block; vertical-align: top; width: auto;float: none; margin: 0 5px 5px;}
.simplesocialbuttons .simplesocialbutton iframe { margin: 0; vertical-align: inherit; }
.simplesocialbuttons button{
border:0;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-block;
margin: 5px;
-webkit-box-shadow: none;
box-shadow: none;
font-family: 'Helvetica', Arial, sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
text-transform: capitalize !important;
white-space: nowrap;
text-shadow: none !important;
width: auto;
letter-spacing: 0;
word-spacing: 0;
overflow: visible;
}
.simplesocialbuttons button:focus, .simplesocialbuttons button:hover{
outline: none;
}
.simplesocialbuttons button.simplesocial-fb-share:after{
content: "\e905";
}
.simplesocialbuttons button.simplesocial-twt-share:after{
content: "\e920";
}
.simplesocialbuttons button.simplesocial-whatsapp-share:after{
content: "\e906";
}
.simplesocialbuttons button.simplesocial-telegram-share:after{
content: "\e90e";
}
.simplesocialbuttons button.simplesocial-threads-share:after{
content: "\e90f";
}
.simplesocialbuttons button.simplesocial-bluesky-share:after{
content: "\e910";
}
.simplesocialbuttons button.simplesocial-viber-share:after{
content: "\e666";
}
.simplesocialbuttons button.simplesocial-reddit-share:after{
content: "\e903";
}
.simplesocialbuttons button.simplesocial-linkedin-share:after{
content: "\e907";
}
.simplesocialbuttons button.simplesocial-pinterest-share:after{
content: "\e902";
}
.simplesocialbuttons button.simplesocial-msng-share:after{
content: "\e908";
}
.simplesocialbuttons button.simplesocial-email-share:after{
content: "\e90b";
font-size: 13px;
}
.simplesocialbuttons button.simplesocial-print-share:after{
content: "\e90c";
}
.simplesocialbuttons button.simplesocial-tumblr-share:after{
content: "\e90d";
}
.simplesocialbuttons button.simplesocial-copy-link:after{
content: "\e911";
}
.ssb_total_counter{
display: inline-block;
font-weight: bold;
font-size: 30px;
line-height: 1;
font-family: 'Verdana';
color: #000;
text-align: center;
}
.simplesocialbuttons_inline .ssb_total_counter,.simplesocialbuttons-flyin .simplesocialbuttons  .ssb_total_counter,.simplesocialbuttons-popup .simplesocialbuttons  .ssb_total_counter,.ssb_social_media_wrapper .simplesocialbuttons  .ssb_total_counter{
display: inline-block;
top: -4px;
vertical-align: middle;
position: relative;
}
.simplesocialbuttons_inline{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ssb_total_counter span{
font-size: 10px;
display: block;
}
.simplesocialbuttons button:after {
font-family: 'ssb-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 0;
position: absolute;
font-size: 17px;
top: 0;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 3px;
} .simplesocial-simple-icons button[class*="ssb_"] {
position: relative;
padding: 2px;
font-size: 11px;
line-height: 1.5;
border-radius: 3px;
vertical-align: middle;
text-align: left;
color: #fff;
padding-left: 20px;
height: 20px;
border: 0;
}
.simplesocial-simple-icons button[class*="ssb_"] .simplesocialtxt{
padding-left: 0;
}
.simplesocial-simple-icons button[class*="ssb_"] .icon{
height: 12px;
line-height: 12px;
padding-left: 0;
}
.simplesocial-simple-icons.simplesocialbuttons-float-right-center button{
float: right;
}
div[class*="simplesocialbuttons-float"].simplesocial-simple-icons.ssb_counter-activate{
display: flex;
flex-direction: column;
}
.simplesocial-simple-icons.simplesocialbuttons button:after{
display: none;
} .simplesocialbuttons .fb_iframe_widget{
display: inline-block !important;
position: relative;
width: initial !important;
}
.simplesocialbuttons .fb_iframe_widget span {
display: inline-block !important;
position: relative;
text-align: justify;
width: 61px !important;
}
.simplesocialbuttons .ssb-fb-like{
height: 20px !important;
line-height: 20px !important;
margin: 5px;
}
.simplesocial-simple-icons button.ssb_fbshare-icon{
background: #4267b2;
border: 1px solid #4267b2;
color: #fff;
cursor: pointer;
font-family: Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
white-space: nowrap;
padding: 0;
line-height: 18px;
height: 20px;
}
.simplesocial-simple-icons button.ssb_fbshare-icon:hover {
background: #365899;
border: 1px solid #365899;
}
.simplesocial-simple-icons button.ssb_fbshare-icon .icon{
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
left: 2px;
padding-left: 0;
}
.simplesocial-simple-icons button.ssb_fbshare-icon .simplesocialtxt{
padding: 0 3px 0 3px;
font-weight: bold;
display: inline;
}
.simplesocial-simple-icons button.ssb_fbshare-icon .ssb_counter{
padding-right: 4px;
display: inline-block;
}
.simplesocial-simple-icons button.ssb_tweet-icon{
position: relative;
height: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1px 8px 1px 6px;
background-color: #0f1419;
color: #fff;
border-radius: 3px;
font-weight: 500;
cursor: pointer;
font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
}
.simplesocial-simple-icons button.ssb_tweet-icon:hover{
background: #304356;
}
.simplesocial-simple-icons button.ssb_tweet-icon .icon{
position: relative;
top: 3px;
left: -2px;
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
background: transparent 0 0 no-repeat;
vertical-align: top;
}
.simplesocial-simple-icons button.ssb_tweet-icon .simplesocialtxt {
margin-left: 1px;
white-space: nowrap;
vertical-align: top;
font-style: normal;
}
.simplesocial-simple-icons button.ssb_copylink-icon{
background: none;
border:0;
padding: 0;
height: 20px;
}
.simplesocial-simple-icons button.ssb_copylink-icon .icon{
background-repeat: no-repeat;
background-size: initial;
cursor: pointer;
border: 0;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
left: 6px;
top: 1px;
display: block;
width: 12px;
height: 17px;
float: right;
border-radius: 2px;
-webkit-border-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
text-align: center;
line-height: 17px;
}
.simplesocial-simple-icons button.ssb_copylink-icon .icon svg{
vertical-align: middle;
}
.simplesocial-simple-icons button.ssb_copylink-icon{
color: #fff;
cursor: pointer;
display: block;
white-space: nowrap;
float: left;
vertical-align: top;
overflow: hidden;
text-align: center;
height: 20px;
padding: 0 4px 0 23px;
border: 1px solid #000;
border-top-color: #434A4D;
border-right-color: #434A4D;
border-bottom-color: #434A4D;
border-left-color: #434A4D;
text-shadow: 0 -1px #2f3436;
line-height: 20px;
border-radius: 2px;
-webkit-border-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
background-color: #434A4D;
background-image: -webkit-linear-gradient(top, #434A4D 0%, #434A4D 100%);
font: bold 11px Arial, Helvetica, sans-serif;
line-height: 20px;
}
.simplesocial-simple-icons button.ssb_copylink-icon:hover{
color: #fff;
border: 1px solid #000;
border-top-color: #2f3436;
border-right-color: #2f3436;
border-bottom-color: #2f3436;
border-left-color: #2f3436;
background-color: #2f3436;
background-image: -webkit-linear-gradient(top, #2f3436 0%, #2f3436 100%);
}
.simplesocial-simple-icons button.ssb_linkedin-icon{
background: none;
border:0;
padding: 0;
height: 20px;
}
.simplesocial-simple-icons button.ssb_linkedin-icon .icon{
background-position: 0px -593px;
background-repeat: no-repeat;
background-color: #0077b5;
background-size: initial;
cursor: pointer;
border: 0;
border-right: 1px solid #066094;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 20px;
height: 20px;
float: right;
border-radius: 2px;
-webkit-border-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
text-align: center;
line-height: 17px;
}
.simplesocial-simple-icons button.ssb_linkedin-icon .icon svg{
vertical-align: middle;
}
.simplesocial-simple-icons button.ssb_linkedin-icon{
color: #fff;
cursor: pointer;
display: block;
white-space: nowrap;
float: left;
margin-left: 1px;
vertical-align: top;
overflow: hidden;
text-align: center;
height: 20px;
padding: 0 4px 0 23px;
border: 1px solid #000;
border-top-color: #0077b5;
border-right-color: #0077b5;
border-bottom-color: #0077b5;
border-left-color: #0077b5;
text-shadow: 0 -1px #005887;
line-height: 20px;
border-radius: 2px;
-webkit-border-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
background-color: #0077b5;
background-image: -webkit-linear-gradient(top, #0077b5 0%, #0077b5 100%);
font: bold 11px Arial, Helvetica, sans-serif;
line-height: 20px;
text-align: left;
}
.simplesocial-simple-icons button.ssb_linkedin-icon:hover{
color: #fff;
border: 1px solid #000;
border-top-color: #066094;
border-right-color: #066094;
border-bottom-color: #066094;
border-left-color: #066094;
background-color: #066094;
background-image: -webkit-linear-gradient(top, #066094 0%, #066094 100%);
}
.simplesocial-simple-icons button.ssb_linkedin-icon .ssb_counter{
display: inline-block;
font-size: 11px;
color: #4e4e4e;
font-weight: bold;
font-family: Arial, sans-serif;
line-height: 18px;
padding: 0 7px 0 7px;
background: #fff;
border: 1px solid #caccce;
margin-left: 8px;
border-radius: 5px;
position: relative;
}
.simplesocial-simple-icons button.ssb_linkedin-icon .ssb_counter:after, .simplesocial-simple-icons button.ssb_linkedin-icon .ssb_counter:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.simplesocial-simple-icons button.ssb_linkedin-icon .ssb_counter:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 3px;
margin-top: -3px;
}
.simplesocial-simple-icons button.ssb_linkedin-icon .ssb_counter:before {
border-color: rgba(202, 204, 206, 0);
border-right-color: #caccce;
border-width: 4px;
margin-top: -4px;
}
.simplesocial-simple-icons button.ssb_pinterest-icon{
padding: 0;
background: none;
position: relative;
}
.simplesocial-simple-icons button.ssb_pinterest-icon{
border-radius: 2px;
text-indent: 20px;
width: auto;
padding: 0 0 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #bd081c;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.simplesocial-simple-icons button.ssb_pinterest-icon:hover{
background-color: #aa0719;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.simplesocial-simple-icons button.ssb_pinterest-icon .icon{
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_pinterest-icon .icon svg{
width: 14px;
height: 14px;
position: absolute;
left: 0;
}
.simplesocial-simple-icons button.ssb_pinterest-icon .ssb_counter{
height: 20px;
width: 40px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 10px;
line-height: 20px;
color: #555;
background: #efefef;
border-radius: 2px;
display: inline-block;
text-align: center;
vertical-align: top;
position: relative;
margin-left: 6px;
}
.simplesocial-simple-icons button.ssb_pinterest-icon .ssb_counter:before{
top: 3px;
left: -4px;
border-right: 7px solid #efefef;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
position: absolute;
content: '';
}
.simplesocial-simple-icons button.ssb_viber-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #665cac;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_viber-icon:hover{
background: #524a8c;
}
.simplesocial-simple-icons button.ssb_viber-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_viber-icon .icon svg{
width: 14px;
fill: #fff;
}
.simplesocial-simple-icons button.ssb_whatsapp-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #34AF23;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_whatsapp-icon:hover{
background: #2b8e1e;
}
.simplesocial-simple-icons button.ssb_tumblr-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 12px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #36465d;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_tumblr-icon:hover{
background: #36465d;
}
.simplesocial-simple-icons button.ssb_tumblr-icon .icon{
text-indent: 0;
position: absolute;
top: 4px;
left: 4px;
}
.simplesocial-simple-icons button.ssb_tumblr-icon .icon svg{
width: 9px;
fill: #fff;
height: 12px;
}
.simplesocial-simple-icons button.ssb_whatsapp-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_whatsapp-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_reddit-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #ff4500;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_reddit-icon:hover{
background: #d33c04;
}
.simplesocial-simple-icons button.ssb_reddit-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_reddit-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_msng-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #468bff;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_msng-icon:hover{
background: #307bf9;
}
.simplesocial-simple-icons button.ssb_msng-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_msng-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_email-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #878787;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_email-icon:hover{
background: #717070;
}
.simplesocial-simple-icons button.ssb_email-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_email-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_print-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #353535;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_print-icon:hover{
background: #1b1a1a;
}
.simplesocial-simple-icons button.ssb_print-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_print-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_threads-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #000;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_threads-icon:hover{
background: #1b1a1a;
}
.simplesocial-simple-icons button.ssb_threads-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_threads-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_threads-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #000;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_threads-icon:hover{
background: #1b1a1a;
}
.simplesocial-simple-icons button.ssb_threads-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_threads-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_bluesky-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #1185fe;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_bluesky-icon:hover{
background: #1b1a1a;
}
.simplesocial-simple-icons button.ssb_bluesky-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_bluesky-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
.simplesocial-simple-icons button.ssb_telegram-icon{
border-radius: 2px;
width: auto;
padding: 0 4px 0 0;
text-align: center;
text-decoration: none;
font:bold 11px/20px "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #24A1DE;
background-size: 14px 14px;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 20px;
text-indent: 20px;
}
.simplesocial-simple-icons button.ssb_telegram-icon:hover{
background: #1e8ec6;
}
.simplesocial-simple-icons button.ssb_telegram-icon .icon{
text-indent: 0;
position: absolute;
top: 3px;
left: 3px;
}
.simplesocial-simple-icons button.ssb_telegram-icon .icon svg{
width: 14px;
fill: #fff;
height: 14px;
}
div[class*="simplesocialbuttons-float"].simplesocial-simple-icons{
width: 82px;
text-align: left;
}
div[class*="simplesocialbuttons-float-right"].simplesocial-simple-icons{
width: 104px;
}
div[class*="simplesocialbuttons-float-right"].simplesocial-simple-icons {
width: 100px;
}
div[class*="simplesocialbuttons-float-right"] .ssb_total_counter{
display: block;
clear: both;
text-align: right;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-icons .ssb-fb-like{
margin:5px;
}
[data-tooltip] {
position: relative;
}
.simplesocialbuttons.simplesocial-simple-round button span.ssb_tooltip,
.ssb_copy_btn[data-tooltip]:before {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;
right: 10%;
background: #8d96a0;
color: #fff;
padding: 2px 5px 3px;
border-radius: 6px;
margin-bottom: 10px;
width: fit-content;
}
.simplesocialbuttons button span.ssb_tooltip{
display: none;
}
.simplesocialbuttons-float-left-center.simplesocial-simple-round button span.ssb_tooltip,
.simplesocialbuttons-float-left-center [data-tooltip]:before {
left: 100%;
bottom: 0;
margin-left: 10px;
margin-bottom: 0;
}
.simplesocialbuttons-float-right-center.simplesocial-simple-round button span.ssb_tooltip,
.simplesocialbuttons-float-right-center [data-tooltip]:before {
right: 100%;
bottom: 0;
margin-right: 10px;
margin-bottom: 0;
left: auto;
}   .simplesocialbuttons.simplesocial-sm-round button{
border-style: solid;
border-width: 1px;
border-color: rgb(222, 222, 222);
border-radius: 4px;
background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
height: 38px;
line-height: 26px;
padding: 4px 15px 4px 20px;
display: inline-block;
text-decoration: none;
font-size: 14px;
padding-left: 38px;
position: relative;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
margin: 5px;
-webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-sm-round button:hover{
background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
-webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-fb-share{
color: #43609c;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-twt-share{
color: #0f1419;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-whatsapp-share{
color: #34AF23;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-viber-share{
color: #59267c;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-reddit-share{
color: #ff4500;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-linkedin-share{
color: #0077B5;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-pinterest-share{
color: #C92228;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-msng-share{
color: #468bff;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-email-share{
color: #878787;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-copy-link{
color: #434A4D;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-print-share{
color: #353535;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-telegram-share{
color: #24A1DE;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-threads-share{
color: #000;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-bluesky-share{
color: #1185fe;
}
.simplesocialbuttons.simplesocial-sm-round button.simplesocial-tumblr-share{
color: #36465d;
}  .simplesocialbuttons.simplesocial-simple-round button {
height: 38px;
line-height: 30px;
padding: 4px 15px 4px 48px;
display: inline-block;
text-decoration: none;
font-size: 14px;
position: relative;
color: #fff;
margin:5px;
border-radius: 3px; -webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-simple-round button:hover{
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.simplesocialbuttons.simplesocial-simple-round button:before {
content: '';
left: 0;
position: absolute;
font-size: 17px;
top: 0;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.simplesocialbuttons.simplesocial-simple-round button span{
position: relative;
z-index: 1;
}
.simplesocialbuttons.simplesocial-simple-round button:hover:before{
width: 100%;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share{
background: #43609c;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share{
background: #0f1419;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share{
background: #34AF23;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share{
background: #59267c;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share{
background: #ff4500;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share{
background: #0077B5;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share{
background: #C92228;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-msng-share{
background: #468bff;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-email-share{
background: #878787;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-email-share:before{
background: #727272;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-copy-link{
background: #434A4D;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-print-share{
background: #353535;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-print-share:before{
background: #2b2b2b;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-telegram-share{
background: #24A1DE;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-telegram-share::before{
background: #1a81b5;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-threads-share{
background: #000;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-threads-share::before{
background: #1d1d1d;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-bluesky-share{
background: #1185fe;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-bluesky-share::before{
background: #0964c3;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-tumblr-share{
background: #36465d;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share:before {
background: #354e83;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share:before {
background: rgb(255 255 255 / 2%);
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share:before {
background: #3e115d;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share:before {
background: #176e0b;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share:before {
background: #ce3b04;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share:before {
background: #044568;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-copy-link:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-copy-link:before {
background: #7c7c7c;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share:before {
background: #af040a;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-msng-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-msng-share:before {
background: #3c7be6;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-tumblr-share:after, .simplesocialbuttons.simplesocial-simple-round button.simplesocial-tumblr-share:before {
background: #233247;
}  .simplesocialbuttons.simplesocial-round-txt button{
border-style: solid;
border-width: 1px;
border-color: transparent;
border-radius: 19px;
height: 38px;
line-height: 26px;
padding: 5px 15px 5px 20px;
display: inline-block;
text-decoration: none;
font-size: 14px;
padding-left: 38px;
position: relative;
background: #fff;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-round-txt button:hover{
-webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-fb-share{
color: #43609c;
border-color: #43609c;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-fb-share:hover{
background: #43609c;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-twt-share{
color: #0f1419;
border-color: #0f1419;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-twt-share:hover{
background: #0f1419;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-whatsapp-share{
color: #34AF23;
border-color: #34AF23;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-whatsapp-share:hover{
background: #34AF23;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-viber-share{
color: #59267c;
border-color: #59267c;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-viber-share:hover{
background: #59267c;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-reddit-share{
color: #ff4500;
border-color: #ff4500;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-reddit-share:hover{
background: #ff4500;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-linkedin-share{
color: #0077B5;
border-color: #0077B5;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-linkedin-share:hover{
background: #0077B5;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-copy-link{
color: #434A4D;
border-color: #434A4D;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-copy-link:hover{
background: #434A4D;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-pinterest-share{
color: #C92228;
border-color: #C92228;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-pinterest-share:hover{
background: #C92228;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-msng-share{
color: #468bff;
border-color: #468bff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-msng-share:hover{
background: #468bff;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-email-share{
color: #717070;
border-color: #717070;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-email-share:hover{
background: #717070;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-print-share{
color: #353535;
border-color: #353535;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-print-share:hover{
background: #353535;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-telegram-share{
color: #24A1DE;
border-color: #24A1DE;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-telegram-share:hover{
background: #24A1DE;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-threads-share{
color: #000;
border-color: #000;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-threads-share:hover{
background: #000;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-bluesky-share{
color: #1185fe;
border-color: #1185fe;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-bluesky-share:hover{
background: #1185fe;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-tumblr-share{
color: #36465d;
border-color: #36465d;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-tumblr-share:hover{
background: #36465d;
color: #fff;
}  .simplesocialbuttons.simplesocial-round-btm-border button {
border-radius: 3px;
height: 38px;
line-height: 26px;
padding: 5px 15px 5px 20px;
display: inline-block;
text-decoration: none;
font-size: 14px;
padding-left: 38px;
position: relative;
background: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-fb-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #43609c, 0px 2px 0px 0px #43609c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #43609c, 0px 2px 0px 0px #43609c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #43609c;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-fb-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #43609c, 0px 2px 0px 0px #43609c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #43609c, 0px 2px 0px 0px #43609c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-twt-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #0f1419, 0px 2px 0px 0px #0f1419, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #0f1419, 0px 2px 0px 0px #0f1419, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #0f1419;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-twt-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #0f1419, 0px 2px 0px 0px #0f1419, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #0f1419, 0px 2px 0px 0px #0f1419, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-whatsapp-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #34AF23, 0px 2px 0px 0px #34AF23, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #34AF23, 0px 2px 0px 0px #34AF23, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #34AF23;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-whatsapp-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #34AF23, 0px 2px 0px 0px #34AF23, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #34AF23, 0px 2px 0px 0px #34AF23, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-viber-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #59267c, 0px 2px 0px 0px #59267c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #59267c, 0px 2px 0px 0px #59267c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #59267c;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-viber-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #59267c, 0px 2px 0px 0px #59267c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #59267c, 0px 2px 0px 0px #59267c, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-reddit-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #ff4500, 0px 2px 0px 0px #ff4500, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #ff4500, 0px 2px 0px 0px #ff4500, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #ff4500;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-reddit-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #ff4500, 0px 2px 0px 0px #ff4500, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #ff4500, 0px 2px 0px 0px #ff4500, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-linkedin-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #0077B5, 0px 2px 0px 0px #0077B5, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #0077B5, 0px 2px 0px 0px #0077B5, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #0077B5;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-linkedin-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #0077B5, 0px 2px 0px 0px #0077B5, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #0077B5, 0px 2px 0px 0px #0077B5, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-copy-link {
-webkit-box-shadow: inset 0px 0px 0px 0px #434A4D, 0px 2px 0px 0px #434A4D, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #434A4D, 0px 2px 0px 0px #434A4D, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #434A4D;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-copy-link:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #434A4D, 0px 2px 0px 0px #434A4D, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #434A4D, 0px 2px 0px 0px #434A4D, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-pinterest-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #C92228, 0px 2px 0px 0px #C92228, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #C92228, 0px 2px 0px 0px #C92228, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #C92228;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-pinterest-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #C92228, 0px 2px 0px 0px #C92228, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #C92228, 0px 2px 0px 0px #C92228, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-msng-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #468bff, 0px 2px 0px 0px #468bff, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #468bff, 0px 2px 0px 0px #468bff, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #468bff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-tumblr-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #36465d, 0px 2px 0px 0px #36465d, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #36465d, 0px 2px 0px 0px #36465d, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #36465d;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-msng-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #468bff, 0px 2px 0px 0px #468bff, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #468bff, 0px 2px 0px 0px #468bff, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-email-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #717070, 0px 2px 0px 0px #717070, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #717070, 0px 2px 0px 0px #717070, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #717070;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-email-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #717070, 0px 2px 0px 0px #717070, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #717070, 0px 2px 0px 0px #717070, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-print-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #353535, 0px 2px 0px 0px #353535, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #353535, 0px 2px 0px 0px #353535, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #717070;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-print-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #353535, 0px 2px 0px 0px #353535, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #353535, 0px 2px 0px 0px #353535, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-telegram-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #24A1DE, 0px 2px 0px 0px #24A1DE, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #24A1DE, 0px 2px 0px 0px #24A1DE, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #717070;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-telegram-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #24A1DE, 0px 2px 0px 0px #24A1DE, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #24A1DE, 0px 2px 0px 0px #24A1DE, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-threads-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #000000, 0px 2px 0px 0px #000000, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #000000, 0px 2px 0px 0px #000000, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #000000;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-threads-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #000000, 0px 2px 0px 0px #000000, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #000000, 0px 2px 0px 0px #000000, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-bluesky-share {
-webkit-box-shadow: inset 0px 0px 0px 0px #1185fe, 0px 2px 0px 0px #1185fe, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px 0px 0px 0px #1185fe, 0px 2px 0px 0px #1185fe, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #1185fe;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-bluesky-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #1185fe, 0px 2px 0px 0px #1185fe, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #1185fe, 0px 2px 0px 0px #1185fe, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-tumblr-share:hover{
-webkit-box-shadow: inset 0px -40px 0px 0px #36465d, 0px 2px 0px 0px #36465d, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: inset 0px -40px 0px 0px #36465d, 0px 2px 0px 0px #36465d, 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
color: #fff;
}  .simplesocialbuttons.simplesocial-flat-button-border button {
border-radius: 0;
height: 38px;
line-height: 26px;
padding: 7px 15px 5px 20px;
display: inline-block;
text-decoration: none;
font-size: 14px;
padding-left: 38px;
position: relative;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.simplesocialbuttons.simplesocial-flat-button-border button:hover{
color: #fff;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-fb-share {
background: #43609c;
-webkit-box-shadow: inset 0px 0px 0px 0px #354e83, 0px 3px 0px 0px #354e83;
box-shadow: inset 0px 0px 0px 0px #354e83, 0px 3px 0px 0px #354e83;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-fb-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #354e83, 0px 3px 0px 0px #354e83;
box-shadow: inset 0px -40px 0px 0px #354e83, 0px 3px 0px 0px #354e83;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-twt-share {
background: #0f1419;
-webkit-box-shadow: inset 0px 0px 0px 0px #304356, 0px 3px 0px 0px #304356;
box-shadow: inset 0px 0px 0px 0px #304356, 0px 3px 0px 0px #304356;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-twt-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #304356, 0px 3px 0px 0px #304356;
box-shadow: inset 0px -40px 0px 0px #304356, 0px 3px 0px 0px #304356;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-whatsapp-share {
background: #34AF23;
-webkit-box-shadow: inset 0px 0px 0px 0px #176e0b, 0px 3px 0px 0px #176e0b;
box-shadow: inset 0px 0px 0px 0px #176e0b, 0px 3px 0px 0px #176e0b;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-whatsapp-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #176e0b, 0px 3px 0px 0px #176e0b;
box-shadow: inset 0px -40px 0px 0px #176e0b, 0px 3px 0px 0px #176e0b;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-viber-share {
background: #59267c;
-webkit-box-shadow: inset 0px 0px 0px 0px #3e115d, 0px 3px 0px 0px #3e115d;
box-shadow: inset 0px 0px 0px 0px #3e115d, 0px 3px 0px 0px #3e115d;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-viber-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #3e115d, 0px 3px 0px 0px #3e115d;
box-shadow: inset 0px -40px 0px 0px #3e115d, 0px 3px 0px 0px #3e115d;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-reddit-share {
background: #ff4500;
-webkit-box-shadow: inset 0px 0px 0px 0px #ce3b04, 0px 3px 0px 0px #ce3b04;
box-shadow: inset 0px 0px 0px 0px #ce3b04, 0px 3px 0px 0px #ce3b04;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-reddit-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #ce3b04, 0px 3px 0px 0px #ce3b04;
box-shadow: inset 0px -40px 0px 0px #ce3b04, 0px 3px 0px 0px #ce3b04;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-linkedin-share {
background: #0077B5;
-webkit-box-shadow: inset 0px 0px 0px 0px #044568, 0px 3px 0px 0px #044568;
box-shadow: inset 0px 0px 0px 0px #044568, 0px 3px 0px 0px #044568;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-linkedin-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #044568, 0px 3px 0px 0px #044568;
box-shadow: inset 0px -40px 0px 0px #044568, 0px 3px 0px 0px #044568;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-copy-link {
background: #434A4D;
-webkit-box-shadow: inset 0px 0px 0px 0px #2f3436, 0px 3px 0px 0px #2f3436;
box-shadow: inset 0px 0px 0px 0px #2f3436, 0px 3px 0px 0px #2f3436;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-copy-link:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #2f3436, 0px 3px 0px 0px #2f3436;
box-shadow: inset 0px -40px 0px 0px #2f3436, 0px 3px 0px 0px #2f3436;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-pinterest-share {
background: #C92228;
-webkit-box-shadow: inset 0px 0px 0px 0px #af040a, 0px 3px 0px 0px #af040a;
box-shadow: inset 0px 0px 0px 0px #af040a, 0px 3px 0px 0px #af040a;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-pinterest-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #af040a, 0px 3px 0px 0px #af040a;
box-shadow: inset 0px -40px 0px 0px #af040a, 0px 3px 0px 0px #af040a;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-msng-share {
background: #468bff;
-webkit-box-shadow: inset 0px 0px 0px 0px #468bff, 0px 3px 0px 0px #468bff;
box-shadow: inset 0px 0px 0px 0px #468bff, 0px 3px 0px 0px #26519e;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-msng-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #26519e, 0px 3px 0px 0px #26519e;
box-shadow: inset 0px -40px 0px 0px #26519e, 0px 3px 0px 0px #26519e;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-email-share {
background: #717070;
-webkit-box-shadow: inset 0px 0px 0px 0px #717070, 0px 3px 0px 0px #717070;
box-shadow: inset 0px 0px 0px 0px #717070, 0px 3px 0px 0px #4e4f52;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-email-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #4e4f52, 0px 3px 0px 0px #4e4f52;
box-shadow: inset 0px -40px 0px 0px #4e4f52, 0px 3px 0px 0px #4e4f52;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-print-share {
background: #353535;
-webkit-box-shadow: inset 0px 0px 0px 0px #353535, 0px 3px 0px 0px #353535;
box-shadow: inset 0px 0px 0px 0px #353535, 0px 3px 0px 0px #1b1a1a;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-print-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #1b1a1a, 0px 3px 0px 0px #1b1a1a;
box-shadow: inset 0px -40px 0px 0px #1b1a1a, 0px 3px 0px 0px #1b1a1a;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-telegram-share {
background: #24A1DE;
-webkit-box-shadow: inset 0px 0px 0px 0px #24A1DE, 0px 3px 0px 0px #24A1DE;
box-shadow: inset 0px 0px 0px 0px #24A1DE, 0px 3px 0px 0px #24A1DE;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-telegram-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #0971a3, 0px 3px 0px 0px #0971a3;
box-shadow: inset 0px -40px 0px 0px #0971a3, 0px 3px 0px 0px #0971a3;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-threads-share {
background: #000;
-webkit-box-shadow: inset 0px 0px 0px 0px #000, 0px 3px 0px 0px #000;
box-shadow: inset 0px 0px 0px 0px #000, 0px 3px 0px 0px #000;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-threads-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #1D1D1D, 0px 3px 0px 0px #1D1D1D;
box-shadow: inset 0px -40px 0px 0px #1D1D1D, 0px 3px 0px 0px #1D1D1D;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-bluesky-share {
background: #1185fe;
-webkit-box-shadow: inset 0px 0px 0px 0px #1185fe, 0px 3px 0px 0px #1185fe;
box-shadow: inset 0px 0px 0px 0px #1185fe, 0px 3px 0px 0px #1185fe;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-bluesky-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #0973e1, 0px 3px 0px 0px #0973e1;
box-shadow: inset 0px -40px 0px 0px #0973e1, 0px 3px 0px 0px #0973e1;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-tumblr-share {
background: #36465d;
-webkit-box-shadow: inset 0px 0px 0px 0px #36465d, 0px 3px 0px 0px #36465d;
box-shadow: inset 0px 0px 0px 0px #36465d, 0px 3px 0px 0px #253141;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-tumblr-share:hover {
-webkit-box-shadow: inset 0px -40px 0px 0px #253141, 0px 3px 0px 0px #253141;
box-shadow: inset 0px -40px 0px 0px #253141, 0px 3px 0px 0px #253141;
}  .simplesocialbuttons.simplesocial-round-icon button{
border-style: solid;
border-width: 2px;
border-color: transparent;
border-radius: 19px;
height: 38px;
line-height: 26px;
padding: 5px 0 5px 20px;
display: inline-block;
text-decoration: none;
font-size: 14px;
padding-left: 34px;
position: relative;
background: #fff;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
vertical-align: top;
-webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-round-icon button:hover{
-webkit-box-shadow: none;
box-shadow: none;
}
.simplesocialbuttons.simplesocial-round-icon button .ssb_counter{
position: absolute;
top: 100%;
left: 0;
width: 100%;
color: #000;
text-align: center;
line-height: 1.2;
}
.simplesocialbuttons.simplesocial-round-icon button span.simplesocialtxt{
display: none;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-fb-share{
color: #43609c;
border-color: #43609c;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-fb-share:hover{
background: #43609c;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-twt-share{
color: #0f1419;
border-color: #0f1419;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-twt-share:hover{
background: #0f1419;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-whatsapp-share{
color: #34AF23;
border-color: #34AF23;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-whatsapp-share:hover{
background: #34AF23;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-viber-share{
color: #59267c;
border-color: #59267c;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-viber-share:hover{
background: #59267c;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-reddit-share{
color: #ff4500;
border-color: #ff4500;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-reddit-share:hover{
background: #ff4500;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-linkedin-share{
color: #0077B5;
border-color: #0077B5;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-linkedin-share:hover{
background: #0077B5;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-copy-link{
color: #434A4D;
border-color: #434A4D;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-copy-link:hover{
background: #434A4D;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-pinterest-share{
color: #C92228;
border-color: #C92228;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-pinterest-share:hover{
background: #C92228;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-print-share{
color: #353535;
border-color: #353535;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-print-share:hover{
background: #717070;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-telegram-share{
color: #24A1DE;
border-color: #24A1DE;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-telegram-share:hover{
background: #1ea2e5;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-bluesky-share{
color: #1185fe;
border-color: #1185fe;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-bluesky-share:hover{
background: #0973e1;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-threads-share{
color: #000;
border-color: #000;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-threads-share:hover{
background: #1D1D1D;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-msng-share{
color: #468bff;
border-color: #468bff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-msng-share:hover{
color:#fff;
background: #468bff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-email-share{
color: #717070;
border-color: #717070;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-email-share:hover{
background: #717070;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button:after{
width: 32px;
height: 32px;
line-height: 32px;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-tumblr-share{
color: #36465d;
border-color: #36465d;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-tumblr-share:hover{
background: #36465d;
color: #fff;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-copy{
color: #36465d;
border-color: #36465d;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-copy:hover{
background: #36465d;
color: #fff;
}
.simplesocialbuttons.simplesocial-tumblr-icon button:after{
width: 34px;
height: 34px;
line-height: 34px;
} .simplesocialbuttons-inline-bottom-in button{
-webkit-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
}
.simplesocialbuttons-inline-bottom-in.simplesocialbuttons-inline-in button{
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.simplesocialbuttons-inline-left-in button{
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
opacity: 0;
}
.simplesocialbuttons-inline-left-in.simplesocialbuttons-inline-in button{
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
.simplesocialbuttons-inline-right-in button{
-webkit-transform: translateX(40px);
transform: translateX(40px);
opacity: 0;
}
.simplesocialbuttons-inline-right-in.simplesocialbuttons-inline-in button{
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
.simplesocialbuttons-inline-top-in button, .simplesocialbuttons-inline-top-in .ssb_total_counter{
opacity: 0;
}
.simplesocialbuttons-inline-top-in.simplesocialbuttons-inline-in button, .simplesocialbuttons-inline-top-in.simplesocialbuttons-inline-in .ssb_total_counter{
animation-name: ssb_slidetop;
-webkit-animation-name: ssb_slidetop;
-moz-animation-name: ssb_slidetop;
animation-duration: .3s;
-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes ssb_slidetop {
0% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes ssb_slidetop {
0% {
-webkit-transform: translateY(-40px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
.simplesocialbuttons-inline-fade-in button{
opacity: 0;
}
.simplesocialbuttons-inline-fade-in.simplesocialbuttons-inline-in button{
opacity: 1;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(2){
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(3){
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(4){
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(5){
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(6){
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(7){
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(8){
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(9){
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(10){
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(11){
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(12){
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(13){
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(14){
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(15){
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(16){
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(17){
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(18){
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(19){
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share:not(:hover):before
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-email-share:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-copy-link:not(:hover):before,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-print-share:not(:hover):before{
background: rgba(0,0,0, .2);
width: 36px;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-msng-share:not(:hover):before{
background: rgba(0,0,0, .2);
width: 36px;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-copy-link:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share:after,
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-tumblr-share:after{
background: none;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-msng-share:after{
background: none;
}
.ssb_hidden{
display: none !important;
}
.simplesocial-round-txt .ssb_counter {
padding: 0px 3px;
position: absolute;
top: -9px;
right: 10px;
font-size: 11px;
color: #fff;
border-radius: 5px;
min-width: 24px;
text-align: center;
line-height: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
font-family: 'Helvetica', Arial, sans-serif;
line-height: 14px;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-fb-share .ssb_counter{
background: #43609c;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-twt-share .ssb_counter{
background: #0f1419;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-whatsapp-share .ssb_counter{
background: #34AF23;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-viber-share .ssb_counter{
background: #59267c;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-reddit-share .ssb_counter{
background: #ff4500;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-linkedin-share .ssb_counter{
background: #0077B5;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-pinterest-share .ssb_counter{
background: #C92228;
}
.simplesocialbuttons.simplesocial-round-txt button.simplesocial-tumblr-share .ssb_counter{
background: #36465d;
}
.simplesocialbuttons.simplesocial-sm-round.ssb_counter-activate button:not(.simplesocial-viber-share):not(.simplesocial-whatsapp-share):not(.simplesocial-msng-share):not(.simplesocial-email-share):not(.simplesocial-copy-link):not(.simplesocial-print-share):not(.simplesocial-linkedin-share):not(.simplesocial-telegram-share):not(.simplesocial-threads-share):not(.simplesocial-bluesky-share){
padding-right: 50px;
position: relative;
}
.simplesocialbuttons.simplesocial-sm-round .ssb_counter{
position: absolute;
top: 0;
right: 0;
min-width: 34px;
text-align: center;
height: 36px;
line-height: 36px;
background-image: -webkit-linear-gradient(left, rgb(255,255,255) 0%, rgb(221,221,221) 100%);
background-image: -o-linear-gradient(left, rgb(255,255,255) 0%, rgb(221,221,221) 100%);
background-image: linear-gradient(to right, rgb(255,255,255) 0%, rgb(221,221,221) 100%);
border-left: 1px solid #dedede;
border-radius: 0 3px 3px 0;
padding: 0 2px;
}
.simplesocialbuttons.simplesocial-simple-round.ssb_counter-activate button:not(.simplesocial-viber-share):not(.simplesocial-whatsapp-share):not(.simplesocial-msng-share):not(.simplesocial-email-share):not(.simplesocial-copy-link):not(.simplesocial-print-share):not(.simplesocial-linkedin-share):not(.simplesocial-telegram-share):not(.simplesocial-threads-share):not(.simplesocial-bluesky-share){
padding-right: 50px;
position: relative;
}
.simplesocialbuttons.simplesocial-simple-round.ssb_counter-activate .ssb_counter{
position: absolute;
top: 1px;
right: 1px;
min-width: 34px;
text-align: center;
height: 36px;
line-height: 36px;
background: #fff;
border-radius: 0 3px 3px 0;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share .ssb_counter{
color: #43609c;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share .ssb_counter{
color: #0f1419;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share .ssb_counter{
color: #34AF23;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share .ssb_counter{
color: #59267c;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share .ssb_counter{
color: #ff4500;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share .ssb_counter{
color: #0077B5;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share .ssb_counter{
color: #C92228;
}
.simplesocialbuttons.simplesocial-simple-round button.simplesocial-tumblr-share .ssb_counter{
color: #36465d;
} .simplesocialbuttons.simplesocial-flat-button-border.ssb_counter-activate .ssb_counter{
position: absolute;
top: 1px;
right: 1px;
min-width: 34px;
text-align: center;
height: 39px;
line-height: 39px;
background: #fff;
border-radius: 0;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-fb-share .ssb_counter{
color: #43609c;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-twt-share .ssb_counter{
color: #0f1419;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-whatsapp-share .ssb_counter{
color: #34AF23;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-viber-share .ssb_counter{
color: #59267c;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-reddit-share .ssb_counter{
color: #ff4500;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-linkedin-share .ssb_counter{
color: #0077B5;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-pinterest-share .ssb_counter{
color: #C92228;
}
.simplesocialbuttons.simplesocial-flat-button-border.ssb_counter-activate button:not(.simplesocial-whatsapp-share):not(.simplesocial-viber-share):not(.simplesocial-msng-share):not(.simplesocial-email-share):not(.simplesocial-copy-link):not(.simplesocial-print-share):not(.simplesocial-linkedin-share):not(.simplesocial-telegram-share):not(.simplesocial-threads-share):not(.simplesocial-bluesky-share){
padding-right: 50px;
position: relative;
}
.simplesocialbuttons.simplesocial-flat-button-border.ssb_counter-activate .ssb_counter{
position: absolute;
top: 1px;
right: 1px;
min-width: 34px;
text-align: center;
height: 39px;
line-height: 39px;
background: #fff;
border-radius: 0;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-fb-share .ssb_counter{
color: #43609c;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-twt-share .ssb_counter{
color: #0f1419;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-whatsapp-share .ssb_counter{
color: #34AF23;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-viber-share .ssb_counter{
color: #59267c;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-reddit-share .ssb_counter{
color: #ff4500;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-linkedin-share .ssb_counter{
color: #0077B5;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-pinterest-share .ssb_counter{
color: #C92228;
}
.simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-tumblr-share .ssb_counter{
color: #36465d;
}
.simplesocialbuttons.simplesocial-round-btm-border.ssb_counter-activate button:not(.simplesocial-viber-share):not(.simplesocial-whatsapp-share):not(.simplesocial-msng-share):not(.simplesocial-email-share):not(.simplesocial-copy-link):not(.simplesocial-print-share):not(.simplesocial-linkedin-share):not(.simplesocial-telegram-share):not(.simplesocial-threads-share):not(.simplesocial-bluesky-share){
padding-right: 60px;
position: relative;
}
.simplesocial-round-btm-border .ssb_counter {
position: absolute;
top: 0;
right: 0;
font-size: 11px;
color: #fff;
line-height: 1;
border-radius: 3px;
height: 40px;
line-height: 40px;
min-width: 40px;
text-align: center;
}
.simplesocial-round-btm-border .ssb_counter:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-right-color: #88b7d5;
border-width: 8px;
margin-top: -8px;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-fb-share .ssb_counter{
background: #43609c;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-fb-share .ssb_counter:after{
border-right-color: #43609c;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-twt-share .ssb_counter{
background: #0f1419;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-twt-share .ssb_counter:after{
border-right-color: #0f1419;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-whatsapp-share .ssb_counter{
background: #34AF23;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-whatsapp-share .ssb_counter:after{
border-right-color: #34AF23;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-viber-share .ssb_counter{
background: #59267c;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-viber-share .ssb_counter:after{
border-right-color: #59267c;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-reddit-share .ssb_counter{
background: #ff4500;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-reddit-share .ssb_counter:after{
border-right-color: #ff4500;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-linkedin-share .ssb_counter{
background: #0077B5;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-linkedin-share .ssb_counter:after{
border-right-color: #0077B5;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-pinterest-share .ssb_counter{
background: #C92228;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-pinterest-share .ssb_counter:after{
border-right-color: #C92228;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-tumblr-share .ssb_counter{
background: #36465d;
}
.simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-tumblr-share .ssb_counter:after{
border-right-color: #36465d;
}
.ssb_counter{
font-family: 'Helvetica', Arial, sans-serif;
}
.simplesocialbuttons.simplesocial-round-icon button .ssb_counter {
position: absolute;
top: -9px;
right: -6px;
font-size: 10px;
color: #fff;
height: 17px;
line-height: 12px;
min-width: 17px;
border:1px solid transparent;
left: auto; background: #fff;
width: auto;
text-align: center;
line-height: 15px;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-fb-share .ssb_counter{
border-color: #43609c;
background: #43609c;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-twt-share .ssb_counter{
border-color: #0f1419;
background: #0f1419;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-whatsapp-share .ssb_counter{
border-color: #34AF23;
background: #34AF23;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-viber-share .ssb_counter{
border-color: #59267c;
background: #59267c;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-reddit-share .ssb_counter{
border-color: #ff4500;
background: #ff4500;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-linkedin-share .ssb_counter{
border-color: #0077B5;
background: #0077B5;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-pinterest-share .ssb_counter{
border-color: #C92228;
background: #C92228;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-tumblr-share .ssb_counter{
border-color: #36465d;
background: #36465d;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-fb-share .ssb_counter{
border-color: #43609c;
color: #ffffff;
background: #43609c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-twt-share .ssb_counter{
border-color: #0f1419;
color: #ffffff;
background: #0f1419;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-whatsapp-share .ssb_counter{
border-color: #34AF23;
color: #ffffff;
background: #34AF23;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-viber-share .ssb_counter{
border-color: #59267c;
color: #ffffff;
background: #59267c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-reddit-share .ssb_counter{
border-color: #ff4500;
color: #ffffff;
background: #ff4500;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-linkedin-share .ssb_counter{
border-color: #0077B5;
color: #ffffff;
background: #0077B5;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-round-btm-border button.simplesocial-pinterest-share .ssb_counter{
border-color: #C92228;
color: #ffffff;
background: #C92228;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-center:not(.simplesocial-simple-icons)  button .ssb_counter{
left: -10px;
font-size: 10px;
right: auto;
}
.simplesocialbuttons-float-right-center  button .ssb_counter:after{
display: none;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-fb-share .ssb_counter{
border-color: #43609c;
color: #ffffff;
background: #43609c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-twt-share .ssb_counter{
border-color: #0f1419;
color: #ffffff;
background: #0f1419;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-whatsapp-share .ssb_counter{
border-color: #34AF23;
color: #ffffff;
background: #34AF23;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-viber-share .ssb_counter{
border-color: #59267c;
color: #ffffff;
background: #59267c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-reddit-share .ssb_counter{
border-color: #ff4500;
color: #ffffff;
background: #ff4500;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-linkedin-share .ssb_counter{
border-color: #0077B5;
color: #ffffff;
background: #0077B5;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-pinterest-share .ssb_counter{
border-color: #C92228;
color: #ffffff;
background: #C92228;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round button.simplesocial-tumblr-share .ssb_counter{
border-color: #36465d;
color: #ffffff;
background: #36465d;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-fb-share .ssb_counter{
background: #ffffff;
border:1px solid #43609c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-twt-share .ssb_counter{
background: #ffffff;
border:1px solid #0f1419;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-whatsapp-share .ssb_counter{
background: #ffffff;
border:1px solid #34AF23;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-viber-share .ssb_counter{
background: #ffffff;
border:1px solid #59267c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-reddit-share .ssb_counter{
background: #ffffff;
border:1px solid #ff4500;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-linkedin-share .ssb_counter{
background: #ffffff;
border:1px solid #0077B5;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-pinterest-share .ssb_counter{
background: #ffffff;
border:1px solid #C92228;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-round button.simplesocial-tumblr-share .ssb_counter{
background: #ffffff;
border:1px solid #36465d;
} div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-fb-share .ssb_counter{
background: #ffffff;
border-color: #43609c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-twt-share .ssb_counter{
background: #ffffff;
border-color: #0f1419;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-whatsapp-share .ssb_counter{
background: #ffffff;
border-color: #34AF23;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-viber-share .ssb_counter{
background: #ffffff;
border-color: #59267c;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-reddit-share .ssb_counter{
background: #ffffff;
border-color: #ff4500;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-linkedin-share .ssb_counter{
background: #ffffff;
border-color: #0077B5;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-pinterest-share .ssb_counter{
background: #ffffff;
border-color: #C92228;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-flat-button-border button.simplesocial-tumblr-share .ssb_counter{
background: #ffffff;
border-color: #36465d;
}
div[class*="simplesocialbuttons-float"]:not(.simplesocial-simple-icons) button .ssb_counter,div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-sm-round:not(.simplesocial-simple-icons) .ssb_counter{
min-width: 15px;
height: 15px;
color: #fff;
top: -10px;
border:1px solid #fff;
border-radius: 0;
font-size: 8px;
line-height: 14px;
}
.ssb_total_counter{
margin: 0 5px;
}
div[class*="simplesocialbuttons-float"].simplesocial-round-txt button .ssb_counter{
border-radius: 0;
height: 22px;
min-width: 22px;
line-height: 20px;
top: -8px;
left: -8px;
color: #fff;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center:not(.simplesocial-simple-icons)  button .ssb_counter{
right: -10px;
font-size: 10px;
left: auto;
}
div[class*="simplesocialbuttons-float"].simplesocial-flat-button-border.ssb_counter-activate .ssb_counter{
min-width: 20px;
height: 20px;
line-height: 18px;
top: -10px;
}
div[class*="simplesocialbuttons-float"].simplesocial-simple-round.ssb_counter-activate .ssb_counter{
min-width: 20px;
height: 20px;
line-height: 18px;
top: -10px;
border-radius: 0;
} div[class*="simplesocialbuttons-float"]:not(.simplesocial-simple-icons)  button{
height: 36px;
width: 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div[class*="simplesocialbuttons-float"]:not(.simplesocial-simple-icons)  button span.simplesocialtxt{
display: none;
}
div[class*="simplesocialbuttons-float"]:not(.simplesocial-simple-icons)  button .ssb_counter{
position: absolute;
color: #fff;
line-height: 15px;
height: 17px;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons:not(.simplesocial-simple-icons)  button{
padding-left: 34px;
padding-right: 0 !important;
margin: 3px 0;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-round-txt:not(.simplesocial-simple-icons)  button{
padding-left: 34px;
padding-right: 0;
}
div[class*="simplesocialbuttons-float"].simplesocial-round-icon:not(.simplesocial-simple-icons)  button{
padding-left: 32px;
padding-right: 0;
}
.simplesocialbuttons.simplesocial-round-txt button:after{
width: 36px;
height: 36px;
line-height: 36px;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-fade-in{
opacity: 0;
-webkit-animation-name: ssb_fade; -webkit-animation-duration: 1s; animation-name: ssb_fade;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
.ssb-fb-like{
height: 38px;
line-height: 38px;
margin: 0 5px;
vertical-align: middle;
}
.ssb-fb-like span{
vertical-align: middle !important;
right: 15px;
margin-inline: 5px;
}
.ssb-fb-like iframe{
visibility: inherit !important;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons .ssb-fb-like{
margin: 5px 0;
height: auto;
line-height: 1;
}
div[class*="simplesocialbuttons-float-right"].simplesocialbuttons .ssb-fb-like{
float: right;
}
div[class*="simplesocialbuttons-float-right"].simplesocialbuttons .ssb_total_counter{
float: right;
text-align: center;
}
div[class*="simplesocialbuttons-float-left"].simplesocial-simple-icons .ssb_total_counter{
display: block;
text-align: left;
}
div[class*="simplesocialbuttons-float-right"].simplesocial-simple-icons .ssb_total_counter{
display: block;
text-align: right;
}
@-webkit-keyframes ssb_fade {
from {opacity: 0;}
to {opacity: 1;}
} @keyframes ssb_fade {
from {opacity: 0;}
to {opacity: 1;}
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-nospace button{
margin: 0;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-left-in button,
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-left-in .ssb_total_counter{
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation-name: ssb_slide_left_in; -webkit-animation-duration: 1s; animation-name: ssb_slide_left_in;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
@-webkit-keyframes ssb_slide_left_in {
from {-webkit-transform: translateX(-100%);transform: translateX(-100%)}
to {-webkit-transform: translateX(0%);transform: translateX(0%)}
} @keyframes ssb_slide_left_in {
from {-webkit-transform: translateX(-100%);transform: translateX(-100%)}
to {-webkit-transform: translateX(0%);transform: translateX(0%)}
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-right-in button,
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-right-in .ssb_total_counter{
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-animation-name: ssb_slide_right_in; -webkit-animation-duration: 1s; animation-name: ssb_slide_right_in;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
@-webkit-keyframes ssb_slide_right_in {
from {-webkit-transform: translateX(100%);transform: translateX(100%)}
to {-webkit-transform: translateX(0%);transform: translateX(0%)}
} @keyframes ssb_slide_right_in {
from {-webkit-transform: translateX(100%);transform: translateX(100%)}
to {-webkit-transform: translateX(0%);transform: translateX(0%)}
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-bottom-in{
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
-webkit-animation-name: ssb_slide_top_in; -webkit-animation-duration: 1s; animation-name: ssb_slide_top_in;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
@-webkit-keyframes ssb_slide_top_in {
from {-webkit-transform: translateY(-45%);transform: translateY(-45%)}
to {-webkit-transform: translateY(-50%);transform: translateY(-50%)}
} @keyframes ssb_slide_top_in {
from {-webkit-transform: translateY(-45%);transform: translateY(-45%)}
to {-webkit-transform: translateY(-50%);transform: translateY(-50%)}
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-top-in{
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
-webkit-animation-name: ssb_slide_bottom_in; -webkit-animation-duration: 1s; animation-name: ssb_slide_bottom_in;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
@-webkit-keyframes ssb_slide_bottom_in {
from {-webkit-transform: translateY(-60%);transform: translateY(-60%); opacity: 0;}
to {-webkit-transform: translateY(-50%);transform: translateY(-50%); opacity: 1;}
} @keyframes ssb_slide_bottom_in {
from {-webkit-transform: translateY(-60%);transform: translateY(-60%); opacity: 0;}
to {-webkit-transform: translateY(-50%);transform: translateY(-50%); opacity: 1;}
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-top-in{
opacity: 0;
-webkit-animation-name: ssb_slide_bottom_in; -webkit-animation-duration: 1s; animation-name: ssb_slide_bottom_in;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
@-webkit-keyframes ssb_slide_bottom_in {
from {-webkit-transform: translateY(-60%);transform: translateY(-60%);opacity: 0;}
to {-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 1;}
} @keyframes ssb_slide_bottom_in {
from {-webkit-transform: translateY(-60%);transform: translateY(-60%);opacity: 0;}
to {-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 1;}
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-slide-fade-in{
opacity: 0;
-webkit-animation-name: ssb_slide_fade_in; -webkit-animation-duration: 1s; animation-name: ssb_slide_fade_in;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
@-webkit-keyframes ssb_slide_fade_in {
from {opacity: 0;}
to {opacity: 1;}
} @keyframes ssb_slide_fade_in {
from {opacity: 0;}
to {opacity: 1;}
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(2){
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(3){
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(4){
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(5){
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(6){
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(7){
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(8){
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(9){
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(10){
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(11){
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(12){
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(13){
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(14){
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(15){
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(16){
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(17){
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(18){
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
div[class*="simplesocialbuttons-float"] :is(.ssb-fb-like,button):nth-child(19){
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
} div[class*="simplesocialbuttons-float"],
body.woocommerce div[class*="simplesocialbuttons-float"]{
position: fixed;
width: 36px;
z-index: 1000;
text-align: center;
z-index: 9999;
}
div.simplesocialbuttons.simplesocialbuttons-align-centered{
text-align: center;
}
div.simplesocialbuttons.simplesocialbuttons-align-left{
text-align: left;
}
div.simplesocialbuttons.simplesocialbuttons-align-right{
text-align: right;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-top{
top: 100px;
left: 0;
margin: 0;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-top{
top: 100px;
right: 0;
margin: 0;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center{
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
}
div.simplesocialbuttons[class*="simplesocialbuttons-float-left"]{
align-items: flex-start;
}
div.simplesocialbuttons[class*="simplesocialbuttons-float-right"]{
align-items: flex-end;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-center{
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
text-align: right;
}
div.simplesocialbuttons-float-left-post{
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -52px;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.simplesocialbuttons-float-left-post.float-in{
opacity: 1;
}
div.simplesocialbuttons-float-right-post{
position: fixed;
top: 70px;
opacity: 0;
margin-right: -70px;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.simplesocialbuttons-float-right-post.float-in{
opacity: 1;
}
.ssb_counter{
padding: 0 2px;
}
.simplesocialbuttons.simplesocial-simple-round.simplesocialbuttons-float-left-post.ssb_counter-activate .ssb_counter{
min-width: 15px;
height: 15px;
color: #fff;
top: -10px;
border: 1px solid #fff;
border-radius: 0;
font-size: 8px;
line-height: 14px;
right: -10px;
color: #000;
}
.simplesocialbuttons.simplesocial-simple-round.simplesocialbuttons-float-right-post.ssb_counter-activate .ssb_counter{
min-width: 15px;
height: 15px;
color: #fff;
top: -10px;
border: 1px solid #fff;
border-radius: 0;
font-size: 8px;
line-height: 14px;
right: -10px;
color: #000;
}
div[class*="simplesocialbuttons-float-left-post"] button .ssb_counter{
top: -8px;
right: -8px;
}
.float-lefted-sidebar{
left: 0;
}
.ssb_sidebar_heading_text{
margin: 5px;
} .ssb-hide-floating-bar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
line-height: 22px;
border-radius: 13px;
vertical-align: middle;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
text-align: center;
opacity: 0;
fill: #232323;
-webkit-transition: opacity .25s,fill .15s,background .15s,-webkit-transform .15s;
transition: opacity .25s,fill .15s,background .15s,transform .15s,-webkit-transform .15s;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
margin-top: 6px;
position: relative;
left: 25px;
margin-left: -13px;
}
.simplesocialbuttons-float-right-center .ssb-hide-floating-bar{
clear: both;
right: 8px;
left: auto;
}
.simplesocialbuttons-float-left-center:hover .ssb-hide-floating-bar,
.simplesocialbuttons-float-right-center:hover .ssb-hide-floating-bar{
opacity: .6;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ssb-hide-floating-bar:hover{
background-color: rgba(0,0,0,.4);
fill: #fff;
opacity: 1;
}
@media only screen and (max-width: 1024px) {
.ssb-hide-floating-bar{
background-color: rgba(0,0,0,.4);
fill: #fff;
opacity: 1;
left: 28px !important;
transform: translateX(-10px) !important;
padding: 0 6px 0 4px !important;
}
}
div[class*="simplesocialbuttons-float"] button,
div[class*="simplesocialbuttons-float"] .ssb-fb-like,
div[class*="simplesocialbuttons-float"] .ssb_total_counter{
transition: all 0.2s linear;
}
.ssb-hide-float-buttons button,
.ssb-hide-float-buttons .ssb-fb-like,
.ssb-hide-float-buttons .ssb_total_counter{
transform: translatex(-100%);
opacity:0;
}
.simplesocialbuttons-float-right-center.ssb-hide-float-buttons button,
.simplesocialbuttons-float-right-center.ssb-hide-float-buttons .ssb-fb-like,
.simplesocialbuttons-float-right-center.ssb-hide-float-buttons .ssb_total_counter{
transform: translatex(100%);
}
.ssb-hide-float-buttons .ssb-hide-floating-bar{
background-color: rgba(0,0,0,.4);
fill: #fff;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ssb-hide-floating-bar svg {
transition: all 0.2s linear;
}
.ssb-hide-float-buttons .ssb-hide-floating-bar svg{
transform: rotate(180deg);
}
.simplesocialbuttons-float-right-center .ssb-hide-floating-bar svg{
transform: rotate(180deg);
}
.simplesocialbuttons-float-right-center.ssb-hide-float-buttons .ssb-hide-floating-bar svg{
transform: rotate(0deg);
} .simplesocialbuttons-float-left-post.float-touched-sidebar{
left: 52px !important;
}
.simplesocialbuttons-float-right-post.float-touched-sidebar{
right: 52px !important;
}
div[class*="simplesocialbuttons-float"].simplesocial-simple-round  button[class*="-share"]:not(:hover):before{
width: 0;
} .ssb_inline-share_heading{
font-weight: 400;
font-size: 24px;
padding: 0 0 10px;
margin: 0;
display: block;
}
.ssb_inline-share_heading.left{
text-align: left
}
.ssb_inline-share_heading.centered{
text-align: center;
}
.ssb_inline-share_heading.right{
text-align: right;
}
@media screen and (max-width: 768px) {
.simplesocialbuttons-mobile-hidden{
display: none !important;
}
} .ssb_followers a.ssb_button{
border:0;
cursor: pointer;
display: inline-block;
margin: 2.5px 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
text-transform: capitalize !important;
width: 100%;
text-decoration: none !important;
}
.hover_ssb_nggGallery{
pointer-events: none;
}
.hover_ssb_nggGallery>*{
pointer-events: all;
}
.ssb_followers a.ssb_button:focus, .ssb_followers a.ssb_button:hover{
outline: none;
text-decoration: none !important;
}
.ssb_followers a.ssb_button.simplesocial-fb-follow:after{
content: "\e905";
}
.ssb_followers a.ssb_button.simplesocial-twt-follow:after{
content: "\e920";
}
.ssb_followers a.ssb_button.simplesocial-whatsapp-follow:after{
content: "\e906";
}
.ssb_followers a.ssb_button.simplesocial-telegram-follow:after{
content: "\e90e";
}
.ssb_followers a.ssb_button.simplesocial-viber-follow:after{
content: "\e666";
}
.ssb_followers a.ssb_button.simplesocial-reddit-follow:after{
content: "\e903";
}
.ssb_followers a.ssb_button.simplesocial-linkedin-follow:after{
content: "\e907";
}
.ssb_followers a.ssb_button.simplesocial-pinterest-follow:after{
content: "\e902";
}
.ssb_followers a.ssb_button.simplesocial-yt-follow:after{
content: "\e909";
}
.ssb_followers a.ssb_button.simplesocial-instagram-follow:after{
content: "\e90a";
}
.ssb_followers a.simplesocial-copy:after{
content: "\e911";
}
.ssb_followers a.ssb_button:after {
font-family: 'ssb-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 0;
position: absolute;
font-size: 17px;
top: 0;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 3px;
} .ssb_followers.simplesocial-simple-round a.ssb_button {
height: 38px;
line-height: 30px;
padding: 4px 30px 4px 48px;
display: inline-block;
text-decoration: none;
font-size: 14px;
position: relative;
color: #fff;
margin:5px 0;
border-radius: 3px; -webkit-box-shadow: none;
box-shadow: none;
max-width: 100%;
}
.ssb_followers.simplesocial-simple-round a.ssb_button:hover{
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.ssb_followers.simplesocial-simple-round a.ssb_button:before {
content: '';
left: 0;
position: absolute;
font-size: 17px;
top: 0;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ssb_followers.simplesocial-simple-round a.ssb_button span{
position: relative;
z-index: 1;
}
.ssb_followers.simplesocial-simple-round a.ssb_button:hover:before{
width: 100%;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-fb-follow{
background: #43609c;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-twt-follow{
background: #0f1419;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-whatsapp-follow{
background: #34AF23;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-viber-follow{
background: #59267c;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-reddit-follow{
background: #ff4500;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-linkedin-follow{
background: #0077B5;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-pinterest-follow{
background: #C92228;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-yt-follow{
background: #bb0000;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-instagram-follow{
background: #3897f0;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-yt-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-yt-follow:before {
background: #790606;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-fb-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-fb-follow:before {
background: #354e83;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-twt-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-twt-follow:before {
background: #304356;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-viber-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-viber-follow:before {
background: #3e115d;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-whatsapp-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-whatsapp-follow:before {
background: #176e0b;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-reddit-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-reddit-follow:before {
background: #ce3b04;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-linkedin-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-linkedin-follow:before {
background: #044568;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-pinterest-follow:after, .ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-pinterest-follow:before {
background: #af040a;
}
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-instagram-follow:after,
.ssb_followers.simplesocial-simple-round a.ssb_button.simplesocial-instagram-follow:before {
background: #1d75c7;
}
.ssb_followers.simplesocial-simple-round a.ssb_button span.widget_counter{
position: absolute;
right: 5px;
}   .woocommerce-product-details__short-description .simplesocialbuttons button {
float: left;
}
.woocommerce-product-details__short-description .simplesocialbuttons::after {
content: "";
clear: both;
display: table;
}    .entry .entry-content >  .simplesocialbuttons > *:last-child, .entry .entry-summary >.simplesocialbuttons > * :last-child{
margin-bottom: 5px;
}
.entry .entry-content >  .simplesocialbuttons > *:first-child, .entry .entry-summary >.simplesocialbuttons > * :first-child{
margin-top: 5px;
}
.simplesocialbuttons h2::before{
display: none;
}
.simplesocialbuttons-flyin h2::before, .simplesocialbuttons-popup h2::before{
display: none;
} .ssb-twenty-twenty .simplesocialbuttons_inline {  
margin-left: auto;
}
.ssb-twenty-twenty .simplesocial-simple-icons button.ssb_linkedin-icon .icon svg {
display: inline-block;
}
.ssb-twenty-twenty .simplesocial-simple-icons button.ssb_copylink-icon .icon svg {
display: inline-block;
}
body .sl-wrapper button:hover{
opacity: 1;
}
div[class*="simplesocialbuttons-float"].ssb_show_text_hover:not(.simplesocial-simple-icons) button span.simplesocialtxt{
display: block;
line-height: 1;
overflow: hidden;
padding-left: 3px;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.ssb_show_text_hover:not(.simplesocial-simple-icons) button {
width: 34px;
padding-left: 34px !important;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.ssb_show_text_hover:not(.simplesocial-simple-icons) button:hover {
width: 120px !important;
padding-right: 10px !important; }
div[class*="simplesocialbuttons-float"].simplesocialbuttons.ssb_show_text_hover:not(.simplesocial-simple-icons) button:after{
position: absolute !important;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button{
border-radius: 0px 0px 0px 0px;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button:first-of-type{
border-radius: 5px 0 0 0;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button:last-of-type{
border-radius:  0 0 0 5px;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button:first-of-type{
border-radius:  0 5px 0 0;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button:last-of-type{
border-radius:  0 0 5px 0 ;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button{
border-radius: 0px 0px 0px 0px;
}
div.simplesocialbuttons.simplesocialbuttons-float-right-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button:hover{
border-radius: 5px 0 0 5px;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center.ssbflat_button_sidebar:not(.simplesocial-simple-icons) button:hover{
border-radius: 0 5px 5px 0;
}
div[class*="simplesocialbuttons-float"].ssbflat_button_sidebar.simplesocial-round-txt button{
margin: 0;
} amp-facebook-like{
display: none !important;
}
.simplesocialbuttons.simplesocial-round-icon button{
padding: 0 !important;
width: 38px !important;
min-height: 38px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
.simplesocialbuttons.simplesocial-round-icon button:after{
position: static !important;
}
body div.simplesocialbuttons.simplesocialbuttons-float-left-center{
left: 5px;
}
body div.simplesocialbuttons.simplesocialbuttons-float-left-center button:after{
width: 34px;
height: 34px;
text-align: center;
line-height: 35px;
border-radius: 3px;
}
body div.simplesocialbuttons.simplesocialbuttons-float-right-center{
right: 5px;
}
.simplesocialbuttons button.simplesocial-linkedin-share:after{
margin-top: -1px;
}
.simplesocialbuttons button.simplesocial-tumblr-share:after{
display: inline-block;
margin-top: -2px;
margin-left: -1px; 
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-bottom-sticky-mobile button.ssb_custom-button{
display: none;
}
@media (min-width: 1025px) {
body div.simplesocialbuttons.simplesocialbuttons-float-right-center .ssb_wrapped-button{
display: flex;
flex-direction: column;
width: 100%;
align-items: flex-end;
}
}
@media (max-width: 1024px) {
div[class*="simplesocialbuttons-float"].simplesocialbuttons-bottom-sticky-mobile {
position: fixed !important;
bottom: 0;
left: 0 !important;
right: 0 !important;
top: auto;
width: 100% !important;
display: flex;
background: #fff;
z-index: 9999 !important;
transform: none;
flex-direction: row !important;
}
div.simplesocialbuttons.simplesocialbuttons-float-left-center:not(.simplesocial-simple-icons).simplesocialbuttons-bottom-sticky-mobile button .ssb_counter,
div.simplesocialbuttons.simplesocialbuttons-float-right-center:not(.simplesocial-simple-icons).simplesocialbuttons-bottom-sticky-mobile button .ssb_counter{
left: auto;
right: 0;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-bottom-sticky-mobile button span.simplesocialtxt{
display: inline-block;
vertical-align: top;
padding-left: 0 !important;
text-indent: 0;
}
div[class*="simplesocialbuttons-float"]:not(.simplesocial-simple-icons) .ssb_wrapped-button button{
width: auto !important;
padding-right: 15px !important;
flex: none !important;
width: 100% !important;
}
body, html {
overflow: visible !important;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-bottom-sticky-mobile button:not(.ssb_custom-button){
flex: 1;
text-align: left;
transform: translate(0);
opacity: 1;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons-bottom-sticky-mobile button.ssb_custom-button{
color: #000;
padding: 0;
width: 20px;
text-align: center;
font-size: 16px;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, .2);
transform: translate(0);
opacity: 1;
}
.simplesocialbuttons-bottom-sticky-mobile .ssb-hide-floating-bar{
display: none;
}
div[class*="simplesocialbuttons-float"].simplesocialbuttons.simplesocial-simple-icons .ssb_wrapped-button button{
flex: none !important;
}
.ssb_wrapped-button {
position: fixed !important;
top: 50%;
left: 50%;
width: 340px;
max-width: calc(100% - 30px);
min-height: 200px;
max-height: calc(100% - 90px);
overflow: auto;
transform: translate(-50%, -50%);
background: #fff;
display: flex;
flex-direction: column;
gap: 5px;
padding: 30px 20px;
align-items: flex-start;
box-sizing: border-box;
}
.ssb_wrapper-closed{
position: absolute;
top: 10px;
right: 10px;
width: 14px;
height: 14px;
transform: rotate(45deg);
cursor: pointer;
}
.ssb_wrapper-closed:after{
height: 2px;
width: 100%;
background: #000;
content: '';
position: absolute;
top: 6px;
left: 0;
}
.ssb_wrapper-closed:before{
height: 100%;
width: 2px;
background: #000;
content: '';
position: absolute;
top: 0px;
left: 6px;
}
.ssb_wrapper_mobile{
position: fixed;
inset: 0;
background: rgba(0,0,0, .5);
visibility: hidden;
}
.ssb_wrapper_mobile.ssb_wrapper_mobile_open{
visibility: visible;
}
}.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(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?nk6vrg);
src: url(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?nk6vrg#iefix) format("embedded-opentype"), url(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.ttf?nk6vrg) format("truetype"), url(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.woff?nk6vrg) format("woff"), url(//cfd.university/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(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?v5p6f);
src: url(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?v5p6f#iefix) format("embedded-opentype"), url(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.ttf?v5p6f) format("truetype"), url(//cfd.university/wp-content/plugins/user-registration/assets/fonts/UserRegistration.woff?v5p6f) format("woff"), url(//cfd.university/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: 28px;
height: 28px;
line-height: 56px;
margin: 0 auto;
border-width: 2px;
border-radius: 50%;
}
.swal2-container .swal2-header .swal2-icon-content {
font-size: 20px;
}
.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;
gap: 12px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 20px;
padding-bottom: 16px;
flex-direction: row;
}
.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;
flex: 1;
border-bottom: 0;
padding-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 > div.ur-embed-new-page-container, .user-registration .swal2-container .swal2-popup .swal2-content .swal2-html-container > div.ur-embed-select-existing-page-container,
.user-registration-page .swal2-container .swal2-popup .swal2-content .swal2-html-container > div.ur-embed-new-page-container,
.user-registration-page .swal2-container .swal2-popup .swal2-content .swal2-html-container > div.ur-embed-select-existing-page-container {
justify-content: flex-start;
}
.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: #475bb2;
border-color: #475bb2;
}
.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;
}
.user-registration-trashed .swal2-actions .swal2-confirm {
background: #ff4149;
border-color: #ff4149;
}
.jconfirm:has(.ur-shortcut-keyword) .jconfirm-cell {
padding-left: 35%;
padding-right: 35%;
}
.jconfirm:has(.ur-shortcut-keyword) .jconfirm-box {
border: 0 !important;
border-radius: 7px;
}
.jconfirm:has(.ur-shortcut-keyword) .jconfirm-box .jconfirm-title-c .jconfirm-icon-c .dashicons,
.jconfirm:has(.ur-shortcut-keyword) .jconfirm-box .jconfirm-title-c .jconfirm-icon-c .dashicons::before {
width: auto;
height: auto;
font-size: 28px;
}
.jconfirm:has(.ur-shortcut-keyword) .jconfirm-box .jconfirm-content-pane .ur-shortcut-keyword .ur-shortcut-title {
font-size: 16px;
line-height: 24px;
color: #1f2937;
}
.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;
}
.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,
.user-registration-coupon-error,
.user-registration-info {
width: auto;
word-wrap: break-word;
line-height: 1.25;
text-transform: none;
font-size: 14px;
}
.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;
}
.ur-frontend-form.login {
border: none;
padding: 60px 40px;
border-radius: 8px;
background: #ffffff;
}
@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: #ffffff;
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(//cfd.university/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(//cfd.university/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;
}
.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(//cfd.university/wp-content/plugins/user-registration/assets/images/icons/loader.svg) center center;
background-size: cover;
}
.user-registration-Button .ur-spinner,
.ur-submit-button .ur-spinner {
margin-top: 5px;
float: right;
}
.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, .ur-form-grid input {
border-radius: 4px !important;
}
.ur-field-item .user-registration-error, .ur-form-grid .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[class*=user-registration-], body[class^=ur-] { }
body[class*=user-registration-] .wp-editor-container, body[class^=ur-] .wp-editor-container {
border-radius: 8px !important;
overflow: hidden !important;
}
body[class*=user-registration-] .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:hover, body[class^=ur-] .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:hover {
background: #e8e8e8 !important;
color: black !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar, body[class^=ur-] .wp-editor-wrap .mce-toolbar {
background: white !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
margin-bottom: 0 !important;
padding: 6px 8px !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar-grp > div, body[class^=ur-] .wp-editor-wrap .mce-toolbar-grp > div {
padding: 0;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn {
background: transparent !important;
border: none !important;
border-radius: 5px !important;
margin: 1px !important;
transition: background-color 0.15s ease !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn:hover, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn:hover {
background: #e8e8e8 !important;
box-shadow: none !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn.mce-active, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn.mce-active {
background: #d0d0d0 !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn button, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn button {
color: #333 !important;
font-size: 13px !important;
padding: 4px 6px !important;
font-weight: normal !important;
box-shadow: none !important;
background: transparent !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn:hover button, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn:hover button {
color: #000 !important;
background: #e8e8e8 !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn.mce-active button, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn.mce-active button {
color: #000 !important;
font-weight: 500 !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-separator, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-separator {
background: #d0d0d0 !important;
margin: 2px 4px !important;
width: 1px !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-edit-area, body[class^=ur-] .wp-editor-wrap .mce-edit-area {
border-top: none !important;
border-radius: 0 0 6px 6px !important;
background: #ffffff !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-statusbar, body[class^=ur-] .wp-editor-wrap .mce-statusbar {
background: #fafafa !important;
border-top: 1px solid #e0e0e0 !important;
border-radius: 0 0 6px 6px !important;
color: #666 !important;
font-size: 11px !important;
padding: 4px 8px !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menubar, body[class^=ur-] .wp-editor-wrap .mce-menubar {
background: #ffffff !important;
border: 1px solid #e0e0e0 !important;
border-bottom: none !important;
border-radius: 6px 6px 0 0 !important;
padding: 2px 6px !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menubar .mce-menubtn, body[class^=ur-] .wp-editor-wrap .mce-menubar .mce-menubtn {
background: transparent !important;
border: none !important;
border-radius: 2px !important;
margin: 1px !important;
padding: 2px 6px !important;
transition: background-color 0.15s ease !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menubar .mce-menubtn:hover, body[class^=ur-] .wp-editor-wrap .mce-menubar .mce-menubtn:hover {
background: #f0f0f0 !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menubar .mce-menubtn button, body[class^=ur-] .wp-editor-wrap .mce-menubar .mce-menubtn button {
color: #333 !important;
font-size: 12px !important;
}
body[class*=user-registration-] .wp-editor-wrap, body[class^=ur-] .wp-editor-wrap { }
body[class*=user-registration-] .wp-editor-wrap .mce-menu, body[class^=ur-] .wp-editor-wrap .mce-menu {
background: white !important;
border: 1px solid #d0d0d0 !important;
border-radius: 6px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menu .mce-menu-item, body[class^=ur-] .wp-editor-wrap .mce-menu .mce-menu-item {
padding: 6px 10px !important;
border-radius: 2px !important;
margin: 1px !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menu .mce-menu-item:hover, body[class^=ur-] .wp-editor-wrap .mce-menu .mce-menu-item:hover {
background: #f5f5f5 !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-menu .mce-menu-item.mce-selected, body[class^=ur-] .wp-editor-wrap .mce-menu .mce-menu-item.mce-selected {
background: #e0e0e0 !important;
color: #000 !important;
}
body[class*=user-registration-] .wp-editor-wrap, body[class^=ur-] .wp-editor-wrap { }
body[class*=user-registration-] .wp-editor-wrap .mce-colorbutton .mce-preview, body[class^=ur-] .wp-editor-wrap .mce-colorbutton .mce-preview {
border-radius: 4px !important;
border: 1px solid #d0d0d0 !important;
left: 6px !important;
}
body[class*=user-registration-] .wp-editor-wrap, body[class^=ur-] .wp-editor-wrap { }
body[class*=user-registration-] .wp-editor-wrap .mce-fontsize .mce-txt, body[class^=ur-] .wp-editor-wrap .mce-fontsize .mce-txt {
min-width: 50px !important;
}
body[class*=user-registration-] .wp-editor-wrap, body[class^=ur-] .wp-editor-wrap { }
body[class*=user-registration-] .wp-editor-wrap .mce-styleselect .mce-txt, body[class^=ur-] .wp-editor-wrap .mce-styleselect .mce-txt {
min-width: 100px !important;
}
body[class*=user-registration-] .wp-editor-wrap, body[class^=ur-] .wp-editor-wrap { }
body[class*=user-registration-] .wp-editor-wrap.mce-fullscreen .mce-toolbar, body[class^=ur-] .wp-editor-wrap.mce-fullscreen .mce-toolbar {
background: #ffffff !important;
border-bottom: 1px solid #e0e0e0 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
body[class*=user-registration-] .wp-editor-wrap, body[class^=ur-] .wp-editor-wrap { }
@media (max-width: 768px) {
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar, body[class^=ur-] .wp-editor-wrap .mce-toolbar {
flex-wrap: wrap !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn {
margin: 1px !important;
}
body[class*=user-registration-] .wp-editor-wrap .mce-toolbar .mce-btn button, body[class^=ur-] .wp-editor-wrap .mce-toolbar .mce-btn button {
padding: 3px 5px !important;
font-size: 11px !important;
}
}
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;
border-radius: 4px;
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;
margin-top: 20px;
}
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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_bottom::before {
content: attr(data-or);
font-size: 14px;
line-height: 24px;
background: #ffffff;
display: block;
z-index: 1;
position: relative;
color: #333;
letter-spacing: 0.15px;
left: 50%;
transform: translateX(-50%);
width: 20px;
text-align: center;
}
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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_bottom::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.user-registration-social-connect-networks__position_top::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.user-registration-social-connect-networks__position_top::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.user-registration-social-connect-networks__position_top::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.user-registration-social-connect-networks__position_top::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 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.user-registration-social-connect-networks__position_top::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.user-registration-social-connect-networks__position_top::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.user-registration-social-connect-networks__position_top::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.user-registration-social-connect-networks__position_top::after {
content: attr(data-or);
font-size: 14px;
line-height: 24px;
background: #ffffff;
display: block;
z-index: 1;
position: relative;
color: #333;
letter-spacing: 0.15px;
left: 50%;
transform: translateX(-50%);
width: 20px;
text-align: center;
}
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%;
margin: 20px 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-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: 8px;
}
.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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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://cfd.university/wp-content/plugins/user-registration/assets/css/.https://cfd.university/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;
}
.user-registration-login-form-container .ur-login-form-settings .user-registration-login-form-global-settings--field {
display: flex;
align-items: center;
}
.user-registration-login-form-container .ur-login-form-settings .user-registration-login-form-global-settings:has(.error) .select2-selection {
border-color: #f34c4c !important;
}
.user-registration-login-form-container .ur-login-form-settings .user-registration-login-form-global-settings .error.inline {
box-shadow: none;
color: #f34c4c;
font-size: 13px;
font-weight: 400;
line-height: 20px;
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 10px;
border: 0;
}
.user-registration-login-form-container .ur-login-form-settings .user-registration-login-form-global-settings .error.inline::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F34C4C' viewBox='0 0 24 24'%3E%3Cpath d='M20.182 12a8.182 8.182 0 1 0-16.364 0 8.182 8.182 0 0 0 16.364 0ZM22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3Cpath d='M11.091 12V8.363a.91.91 0 1 1 1.818 0V12a.91.91 0 1 1-1.818 0Zm.917 2.727.092.005a.91.91 0 0 1 0 1.809l-.092.004H12a.91.91 0 1 1 0-1.818h.008Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 40px;
height: 40px;
position: relative;
bottom: 6px;
}
.user-registration-login-form-container .ur-builder-wrapper .user-registration-login-form-global-settings--field {
display: flex;
align-items: center;
}
.user-registration-login-form-container .ur-builder-wrapper .user-registration-login-form-global-settings--field .select2-selection {
position: relative;
}
.user-registration-login-form-container .ur-builder-wrapper .user-registration-login-form-global-settings:has(.error) .select2-selection {
border-color: #f34c4c !important;
}
.user-registration-login-form-container .ur-builder-wrapper .user-registration-login-form-global-settings .error.inline {
box-shadow: none;
color: #f34c4c;
font-size: 13px;
font-weight: 400;
line-height: 20px;
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 10px;
border: 0;
}
.user-registration-login-form-container .ur-builder-wrapper .user-registration-login-form-global-settings .error.inline::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F34C4C' viewBox='0 0 24 24'%3E%3Cpath d='M20.182 12a8.182 8.182 0 1 0-16.364 0 8.182 8.182 0 0 0 16.364 0ZM22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3Cpath d='M11.091 12V8.363a.91.91 0 1 1 1.818 0V12a.91.91 0 1 1-1.818 0Zm.917 2.727.092.005a.91.91 0 0 1 0 1.809l-.092.004H12a.91.91 0 1 1 0-1.818h.008Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 20px;
height: 20px;
position: relative;
top: 4px;
}
@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;
}
.ur-frontend-form .user-registration-EditAccountForm.edit-password .ur-form-row .ur-form-grid fieldset {
border: 0;
padding: 0;
margin: 0;
}
.ur-frontend-form .user-registration-EditAccountForm.edit-password .ur-form-row .ur-form-grid p > input.user-registration-Button.button {
background: #475bb2;
border: 1px #475bb2;
border-radius: 4px;
border-style: inherit;
}
.ur-frontend-form .user-registration-EditAccountForm.edit-password .ur-form-row .ur-form-grid p > input.user-registration-Button.button:hover {
background: #38488e;
border-color: #38488e;
}