/**********/
/* Common */
/**********/
html {
background-color: #f4f2f1;
}
body {
background-color: #fff;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
overflow-x: hidden;
}
p, ul, li {
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 150%;
letter-spacing: 0.5px;
text-align: left;
}
p {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
b {
font-weight: 400;
}
input[type="text"],
input[type="password"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select, input, button, textarea {
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 150%;
letter-spacing: 0.5px;
}
/*********/
/* Links */
/*********/
a, a:hover, a.red, a.action, a.red:hover, a.action:hover {
color: inherit;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: inherit;
font-weight: inherit;
text-decoration: underline;
text-transform: none;
}
a.small-a {
font-weight: 300;
font-size: 11px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.heading1 a, .heading2 a, .heading3 a, .heading4 a, .heading5 a, .heading6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.heading1 a:hover, .heading2 a:hover, .heading3 a:hover, .heading4 a:hover, .heading5 a:hover, .heading6 a:hover {
color: inherit;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: inherit;
font-weight: inherit;
text-decoration: inherit;
text-transform: inherit;
}
a.link-light {
text-decoration: none;
}
a.link-light:hover {
text-decoration: underline;
}
a.link-strong,
a.link-strong:hover {
font-weight: 400;
text-decoration: none;
}
/************/
/* Headings */
/************/
.heading-centered {
text-align: center;
}
/* Level 1 */
.heading1 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 40px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 115%;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
background-color: transparent;
}
/* Level 2 */
.heading2, h1, h1.v2, h1.red, h1.v2.red {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 34px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 120%;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
background-color: transparent;
}
/* Level 3 */
.heading3, h2, h2.v2, h2.red, h2.v2.red, h2.starred, h2.border, h2.v2.page, h2.v2.main {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 20px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 150%;
margin-top: 0;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
background-color: transparent;
}
/* Level 4 */
.heading4, h3, h3.v2, h3.red, h3.v2.red, h3.grey, h3.border {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 16px;
font-weight: 300;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 140%;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
background-color: transparent;
}
/* Level 5 */
.heading5, h4, h4.v2, h4.border, h4.black {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 14px;
font-weight: 400;
text-align: left;
text-transform: none;
letter-spacing: 0.5px;
line-height: 150%;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
background-color: transparent;
}
/* Level 6 */
.heading6, h5, h5.v2 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 12px;
font-weight: 400;
text-align: left;
text-transform: none;
letter-spacing: 0.5px;
line-height: 150%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
background-color: transparent;
}
/* Specific Headings */
h2.starred {
text-align:center;
}
h2.starred span {
background-color: transparent;
background-image: none;
bottom: 0;
color: #343434;
display: inline;
font-size: 20px;
padding: 0;
}
h2 span.meta-title {
color: #343434;
margin-top: 0;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
}
h2 span.sub-title {
color: #343434;
font-size: 14px;
text-transform: none;
font-weight: 300;
letter-spacing: 2px;
}
h3 span {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 150%;
text-transform: none;
}
h3 span a {
color: inherit;
font-size: inherit;
font-weight: inherit;
text-decoration: underline;
text-transform: none;
font-size: inherit;
}
h3 span a:hover {
text-decoration: underline;
}
/***********/
/* Buttons */
/***********/
/* Default (Primary) */
.button.flat,
.button.flat.primary,
.button.flat.red {
color: #fff!important;
background-color: #222222;
height: 46px;
line-height: 38px;
padding: 2px 35px;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border: 2px solid #222222;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
a.button, a.button:hover {
text-decoration: none;
}
.button.flat:hover,
.button.flat.primary:hover,
.button.flat.red:hover {
background-color: #0500e8;
border-color: #0500e8;
color: #fff !important;
}
.button.flat:focus,
.button.flat:active,
.button.flat.primary:focus,
.button.flat.primary:active,
.button.flat.red:focus,
.button.flat.red:active {
background-color: #0500e8;
border-color: #0500e8;
}
.button.flat:disabled,
.button.flat.primary:disabled,
.button.flat.red:disabled {
background-color: #b6b5b1;
border-color: #b6b5b1;
cursor: default;
}
/* Secondary (Inverted) */
.button.flat.inverted,
.button.flat.primary.inverted,
.button.flat.red.inverted {
color: #222222 !important;
background-color: #fff;
border-color: #222222;
border-width: 2px;
font-weight: 400;
height: 46px;
line-height: 38px;
}
.button.flat.inverted:hover,
.button.flat.inverted:focus,
.button.flat.inverted:active,
.button.flat.primary.inverted:hover,
.button.flat.primary.inverted:focus,
.button.flat.primary.inverted:active,
.button.flat.red.inverted:hover,
.button.flat.red.inverted:focus,
.button.flat.red.inverted:active {
background-color: #0500e8;
border-color: #0500e8;
color: #fff !important;
}
.button.flat.inverted:disabled {
background-color: #fff;
border-color: #b6b5b1;
color: #b6b5b1 !important;
cursor: default;
}
/* Ghost (White + Inverted) */
.button.flat.white.inverted {
background-color: transparent;
border-color: #fff;
color: #fff !important;
}
.button.flat.white.inverted:hover,
.button.flat.white.inverted:focus,
.button.flat.white.inverted:active {
background-color: #fff;
border-color: #fff;
color: #222222 !important;
}
.button.flat.white.inverted:disabled {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5) !important;
cursor: default;
}
/* Small */
.button.flat.small,
.button.flat.inverted.small {
font-size: 12px;
font-weight: 300;
height: 30px;
line-height: 22px;
padding: 2px 10px;
}
/* Medium */
.button.flat.medium,
.button.flat.inverted.medium {
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 32px;
padding: 2px 25px;
}
/* X-Large (Large) */
.button.flat.large,
.button.flat.inverted.large {
font-size: 18px;
font-weight: 300;
height: 60px;
line-height: 52px;
padding: 2px 35px;
}
.button.flat.inverted.large {
font-weight: 400;
}
/* Social */
.button.fb, .button.goog, .button.twtr {
border-radius: 0;
background-image: none;
}
.button.fb:hover, .button.goog:hover, .button.twtr:hover, .button.fb:focus, .button.goog:focus, .button.twtr:focus {
background-image: none;
}
.button.fb.flat.large, .button.goog.flat.large {
height: 46px;
line-height: 46px;
padding-right: 25px;
}
/* Other Buttons */
.button-link:hover {
color: #0500e8;
}
/*********/
/* Forms */
/*********/
/* Vertical Forms */
form dl dt,
form dl dd {
padding-right: 0;
padding-left: 0;
}
form dl dd {
padding-top: 15px;
}
form dl dd + dt,
form dl dd + dd,
form dl > dt:first-child,
form dl > dd:first-child {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-top: 15px;
}
form dl dd input[type="text"],
form dl dd input[type="password"],
form dl dd textarea, form dl dd select {
background-color: #fff;
}
.form-simple .form-control input[type="text"],
.form-simple .form-control input[type="password"],
.form-simple .form-control textarea,
.form-simple .form-control select {
background-color: #fff;
}
/* Inline Forms */
.form-inline .inline-element .inline-label {
display: block;
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 32px;
letter-spacing: 0.5px;
text-transform: none;
text-align: left;
height: 40px;
padding: 4px 5px 4px 5px;
}
.form-inline .inline-element.focused .inline-label {
color: #b6b5b1;
opacity: 1;
}
/* Horizontal Forms */
.form-horizontal .form-control-group {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
clear: both;
padding: 20px 5px 20px 0;
}
.form-horizontal .form-label label,
.form-horizontal .form-label p {
font-size: 13px;
line-height: 20px;
padding: 10px 0;
}
.form-horizontal .form-label p {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 13px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
}
.form-horizontal .form-control input[type="text"],
.form-horizontal .form-control input[type="password"],
.form-horizontal .form-control textarea,
.form-horizontal .form-control select {
background-color: #fff;
}
.form-horizontal .form-control label,
.form-horizontal .form-control .input-static {
color: #343434;
line-height: 32px;
padding: 4px 0 0 0;
}
/* Multi Forms */
.form-multi.form-list .form-group,
.form-multi.form-list .form-multi-add,
.form-multi.form-list .form-empty {
padding: 15px 5px 15px 0;
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-multi.form-list .form-placeholder {
margin-right: 155px;
}
/* Elements */
input[type="text"],
input[type="password"],
textarea,
select {
display: block;
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 32px;
letter-spacing: 0.5px;
text-align: left;
height: 40px;
padding: 4px 5px 3px 5px;
background: none repeat scroll 0 0 #fff;
border-top: none;
border-right: none;
border-bottom: 1px solid #343434;
border-left: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
height: 100px;
resize: vertical;
line-height: 140%;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPSclMjMwMDAnIGQ9J003LjQwNiA3LjgyOGw0LjU5NCA0LjU5NCA0LjU5NC00LjU5NCAxLjQwNiAxLjQwNi02IDYtNi02eic+PC9wYXRoPjwvc3ZnPg==") no-repeat 100% 50%;
padding-right: 23px;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
border-color: #0500e8;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 0;
}
input[type="text"][disabled],
input[type="password"][disabled],
select[disabled],
textarea[disabled] {
color: #b6b5b1;
border-color: #b6b5b1;
background-image: none !important;
background-color: #fff !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
label {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 13px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="checkbox"] + label {
font-size: 14px;
font-weight: 300;
text-transform: none;
letter-spacing: 0.5px;
}
form input[type="checkbox"] ~ .description,
form input.input-checkbox ~ .description {
margin-left: 0;
}
label.required:after {
font-size: 14px;
font-weight: 500;
}
label.required .info-cloud {
margin: -1px -31px 0 15px;
}
form .description {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 12px !important;
font-weight: 400;
text-align: left;
text-transform: none;
letter-spacing: 0.5px;
line-height: 150%;
margin: 5px 5px 0 5px;
}
.errors li {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #d23c45 !important;
font-size: 12px;
font-weight: 400;
text-align: left;
text-transform: none;
letter-spacing: 0.5px;
line-height: 150%;
padding: 5px 5px 0 25px;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjQzAwMDAwIiBkPSJNNDQuMSw0OUwyNS4zLDM4LjdsLTExLjQsOWwxLjYtMTIuMUwxLjUsMzNsMTEtNi41TDUuMywxN2wxMi44LDIuNGwzLjMtMTguMWw3LjEsMTYuNGwxMy44LTZsLTYuNCwxMi4ybDEzLjMsMy45TDM1LjYsMzMgTDQ0LjEsNDl6IE0yNC45LDMzLjlsOS40LDUuMUwzMCwzMWw2LjgtMi43bC02LjctMS45bDMuNC02LjRsLTcsM2wtMy41LThMMjEuMywyNGwtNi42LTEuMmwzLjcsNC45TDEyLjcsMzFsNy4yLDEuNGwtMC44LDYuMSBMMjQuOSwzMy45eiIvPjwvc3ZnPg==") no-repeat 5px 6px transparent;
}
/**********/
/* Layout */
/**********/
/* Wrappers & Sections */
.wrapper.base,
.wrapper.wide,
html.nav-compact .wrapper.base,
html.nav-compact .wrapper.wide,
html.nav-compact.msgs-top .wrapper.base,
html.nav-compact.msgs-top .wrapper.wide,
html.msgs-top .wrapper.base,
html.msgs-top .wrapper.wide {
margin-top:0;
}
.wrapper.base,
.wrapper.wide {
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 0;
}
.wrapper.wide .section,
.wrapper.wide .section.wide {
margin: 80px auto;
padding: 0;
}
.wrapper.wide .section.bg-grey {
margin: 80px 0;
padding: 80px 0;
background-color: #f4f2f1;
border-top: none;
border-bottom: none;
}
.group {
margin-top: 50px;
padding-bottom: 0;
}
.row {
margin-top: 25px;
padding-bottom: 25px;
}
.banner-960,
.group.banner-960 {
margin-top: -50px;
margin-bottom: 50px;
}
.page-description {
margin-bottom: 50px;
}
/* Panel Layout */
#panel {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.panel-header {
margin-bottom: 25px;
}
/* Messages & Notifications */
.message-bar .message p {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-weight: 300;
}
.message-bar .message a {
text-decoration: none;
font-weight: 300;
}
.message-bar.message-header,
html.msgs-top .message-bar.message-header {
margin-top: 0;
}
.message-bar.message-top {
position: relative;
top: auto;
}
.message-bar.message-top .message {
background-color: #222222;
}
.message-bar.message-top .message > div {
padding-top: 15px;
padding-bottom: 15px;
}
.message-bar.message-top .message p {
font-size: 14px;
text-align: center;
}
.message-bar.message-top .message a.close {
font-size: 25px;
top: 15px;
}
.notification div.message {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-bottom: 50px;
}
.notification div.message,
.wrapper.wide .notification div.message h3 {
background-position: 20px 10px!important;
background-size: 38px 38px!important;
}
.notification div.message,
.wrapper.wide .notification div.message h3,
.wrapper.wide .notification div.message ul {
padding-left: 90px;
}
.notification div.message.information {
background-color: #e0f2d1;
}
.notification div.message.warning {
background-color: #feffcd;
}
.notification div.message.error {
background-color: #fbcbcd;
}
.notification div.message.information,
.wrapper.wide .notification div.message.information h3 {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiA3MiI+PHBvbHlnb24gcG9pbnRzPSIzMC42OSA1My44NiAxNS45MiAzOC4zMSAxOS41NCAzNC44NyAzMC4zOSA0Ni4yOCA1Mi4yNSAxOS4xNiA1Ni4xNSAyMi4zIDMwLjY5IDUzLjg2Ii8+PHBhdGggZD0iTTM2LDguNUEyNy41LDI3LjUsMCwxLDEsOC41LDM2LDI3LjUsMjcuNSwwLDAsMSwzNiw4LjVtMC01QTMyLjUsMzIuNSwwLDEsMCw2OC41LDM2LDMyLjUsMzIuNSwwLDAsMCwzNiwzLjVoMFoiLz48L3N2Zz4=");
}
.notification div.message.warning,
.wrapper.wide .notification div.message.warning h3 {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiA3MiI+PHBhdGggZD0iTTY4LjU5LDY4SDQuMDhMMzYuMzMsMy41M1pNMTIuMTcsNjNINjAuNUwzNi4zMywxNC43MVoiLz48cmVjdCB4PSIzMy44MyIgeT0iMjguOTUiIHdpZHRoPSI1IiBoZWlnaHQ9IjE4Ljk0Ii8+PHJlY3QgeD0iMzMuODMiIHk9IjUzLjQzIiB3aWR0aD0iNSIgaGVpZ2h0PSI0Ljk0Ii8+PC9zdmc+");
}
.notification div.message.error,
.wrapper.wide .notification div.message.error h3 {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiA3MiI+PHBhdGggZD0iTTYxLjQ1LDY4Ljg2TDM2LjI4LDU2LjU0LDIwLjA4LDY4Ljg1bDItMTYuNjdMMy40MSw0OC4zOGwxNC40NS04LjkxTDguNDgsMjYuMzdsMTcuNCwyLjc4LDQuODEtMjQuOCwxMCwyMi43Nkw2MCwxOC44MSw1MS4yOCwzNS41N2wxOC4xNSw1LjU4TDUwLjcxLDQ4LjYxWk0xNi43OSw0NmwxMC43NywyLjItMS4xMyw5LjU1LDkuMjktNy4wNSwxNC4xLDYuOUw0My42OCw0NmwxMC43MS00LjI3TDQ0LjA2LDM4LjU5bDUtOS42Ni0xMSw0LjczLTUuNTItMTIuNi0yLjY3LDEzLjhMMTkuNTIsMzMuMTksMjUsNDAuOTFaIi8+PC9zdmc+");
}
.notification div.message h3 {
font-size: 16px;
font-weight: 400;
text-transform: none;
letter-spacing: 1px;
}
.notification div.message li {
letter-spacing: 1px;
word-break: normal;
}
.wrapper.wide .notification div.message:first-child {
margin-top: -50px;
}
.wrapper.wide .notification div.message:last-child {
margin-bottom: 50px;
}
/* Chat */
html.dialogue #conversations-wrap,
body.widget #conversations-wrap {
display: none;
}
/**********/
/* Header */
/**********/
.app.header {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 14px;
font-weight: 300;
text-transform: none;
letter-spacing: 0.5px;
height: 60px;
background-color: #fff;
width: 100%;
z-index: 100;
position: relative;
border-bottom: 1px #eeeeee solid;
}
.app.header,
.app.header * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.app.header a {
color: #343434;
font-weight: 300;
text-decoration: none;
}
.app.header a:hover {
color: #343434;
text-decoration: none;
}
.app.header > div {
height: 100%;
margin: 0 auto;
width: 960px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Logo */
.app.header .logo {
width: 135px;
height: 100%;
}
.app.header .logo h1,
.app.header .logo div,
.panel-header #panel-logo {
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDQwIDM4NC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNDQwIDM4NC44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzAxMDEwMTt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1Ni41LDE2Mi42YzAsMzIuMy0xNC4xLDUyLjctNDIuMyw2MS4xbDUxLjMsNzEuMmgtNDIuMUw3Ni42LDIyOUgzMy4xdjY1LjlIMHYtMTk2aDcyLjkKCQljMjkuOSwwLDUxLjMsNSw2NC4yLDE1LjFDMTUwLDEyNC4yLDE1Ni41LDE0MC4zLDE1Ni41LDE2Mi42eiBNMTEyLjUsMTkwLjNjNi43LTUuOCwxMC4xLTE1LjEsMTAuMS0yNy45YzAtMTIuOC0zLjUtMjEuNi0xMC40LTI2LjQKCQljLTYuOS00LjgtMTkuMy03LjItMzctNy4ySDMzLjFWMTk5aDQxLjJDOTMsMTk5LDEwNS43LDE5Ni4xLDExMi41LDE5MC4zeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNy4xLDEyNC43Yy05LjYsMC0xNy41LDItMjMuNyw1LjljLTYuMiwzLjktOS4zLDkuOS05LjMsMTcuOGMwLDcuOSwzLjEsMTQsOS4zLDE4LjIKCQljNi4yLDQuMiwxOS4zLDguNywzOS40LDEzLjZjMjAuMSw0LjksMzUuMiwxMS43LDQ1LjQsMjAuNWMxMC4yLDguOCwxNS4zLDIxLjcsMTUuMywzOC44YzAsMTcuMS02LjUsMzEtMTkuMyw0MS42CgkJYy0xMi45LDEwLjctMjkuOCwxNi01MC44LDE2Yy0zMC43LDAtNTcuOS0xMC42LTgxLjYtMzEuN2wyMC44LTI1YzE5LjgsMTcuMiw0MC40LDI1LjgsNjEuNywyNS44YzEwLjcsMCwxOS4xLTIuMywyNS40LTYuOQoJCWM2LjMtNC42LDkuNC0xMC43LDkuNC0xOC4yYzAtNy42LTIuOS0xMy41LTguOC0xNy43Yy01LjktNC4yLTE2LTgtMzAuNC0xMS41Yy0xNC40LTMuNS0yNS4zLTYuNi0zMi44LTkuNQoJCWMtNy41LTIuOS0xNC4xLTYuNy0xOS45LTExLjRjLTExLjYtOC44LTE3LjQtMjIuMi0xNy40LTQwLjRzNi42LTMyLjEsMTkuOC00MS45YzEzLjItOS44LDI5LjUtMTQuNyw0OC45LTE0LjcKCQljMTIuNSwwLDI1LDIuMSwzNy4zLDYuMmMxMi4zLDQuMSwyMyw5LjksMzIsMTcuNGwtMTcuNywyNWMtNS44LTUuMi0xMy43LTkuNS0yMy42LTEyLjlDNDI2LjUsMTI2LjQsNDE2LjcsMTI0LjcsNDA3LjEsMTI0Ljd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjkwLjIsOTguOVYxMzBINTg1LjZ2NTEuOWg5My45djI5LjRoLTkzLjl2NTIuNGgxMDh2MzEuMUg1NTIuNXYtMTk2SDY5MC4yeiIvPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTg2OC43LDI1MC4zbC0xOS42LDQ0LjZoLTM1LjNsODYuNC0xOTZoMzUuM2w4Ni40LDE5NmgtMzUuM2wtMTkuNi00NC42SDg2OC43eiBNOTUzLjQsMjE5LjhMOTE3LjgsMTM5CgkJCWwtMzUuNiw4MC44SDk1My40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjMzLjYsMTYyLjZjMCwzMi4zLTE0LjEsNTIuNy00Mi4zLDYxLjFsNTEuMyw3MS4yaC00Mi4xbC00Ni44LTY1LjloLTQzLjV2NjUuOWgtMzMuMXYtMTk2aDcyLjkKCQkJYzI5LjksMCw1MS4zLDUsNjQuMiwxNS4xQzEyMjcuMSwxMjQuMiwxMjMzLjYsMTQwLjMsMTIzMy42LDE2Mi42eiBNMTE4OS42LDE5MC4zYzYuNy01LjgsMTAuMS0xNS4xLDEwLjEtMjcuOQoJCQljMC0xMi44LTMuNS0yMS42LTEwLjQtMjYuNGMtNi45LTQuOC0xOS4zLTcuMi0zNy03LjJoLTQyLjFWMTk5aDQxLjJDMTE3MC4xLDE5OSwxMTgyLjgsMTk2LjEsMTE4OS42LDE5MC4zeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzgwLjUsMTI5LjJ2MTY1LjdoLTMzLjFWMTI5LjJIMTI4OFY5OC45aDE1MnYzMC4zSDEzODAuNXoiLz4KCTwvZz4KCTxnPgoJCTxyZWN0IHg9IjIzNC45IiB5PSIwIiBjbGFzcz0ic3QwIiB3aWR0aD0iMjkuMSIgaGVpZ2h0PSIzODQuOCIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=") no-repeat scroll 0 center transparent;
}
.app.header .logo h1,
.app.header .logo div {
display: block;
position: relative;
overflow: hidden;
background-size: 130px;
background-position-x: left;
width: 135px;
height: 100%;
text-indent: 140px;
white-space: nowrap;
}
.panel-header #panel-logo {
background-position-x: center;
background-size: auto 40px;
height: 40px;
}
.panel-header #panel-logo a {
height: 40px;
}
.app.header .logo a {
display: block;
height: 100%;
}
/* Navigation */
.app.header .nav {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
max-width: 825px;
}
.app.header .nav ul {
display: block;
height: 100%;
font-size: 13px;
}
.app.header .nav ul li a,
.app.header .nav ul li span {
font-size: 13px;
}
.app.header .nav ul li span {
cursor: default;
}
/* First level */
.app.header .nav > ul {
white-space: nowrap;
}
.app.header .nav > ul > li {
height: 100%;
display: inline-block;
margin-left: -4px;
font-weight: 300;
}
.app.header .nav > ul > li:first-child {
margin-left: 0;
}
.app.header .nav > ul > li > div.title,
.app.header .nav > ul > li > form > div.title {
display: table;
height: 100%;
}
.app.header .nav > ul > li > div.title a,
.app.header .nav > ul > li > div.title span,
.app.header .nav > ul > li > form > div.title a,
.app.header .nav > ul > li > form > div.title span {
display: table-cell;
vertical-align: bottom;
line-height: 48px;
}
/* Second level */
.app.header .nav div.dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
min-height: 250px; /*385px*/
background-color: #fff;
border-top: 1px #eeeeee solid;
border-bottom: 1px #eeeeee solid;
overflow: hidden;
}
.app.header .nav li:hover div.dropdown {
display:block;
}
.app.header .nav div.dropdown ul {
margin: 30px 0;
padding: 0 5px 0 20px;
border-left: 1px #eeeeee solid;
min-height: 100%; /*324px*/
overflow: hidden;
}
.app.header .nav div.dropdown ul li {
white-space:nowrap;
}
.app.header .nav div.dropdown li {
display:block;
}
.app.header .nav div.dropdown li a,
.app.header .nav div.dropdown li span {
display: block;
height: 40px;
line-height: 40px;
text-align: left;
}
.app.header .nav div.dropdown li a:hover {
color: #0500e8;
}
/* Main Navigation */
.app.header .nav.main {
overflow: hidden;
}
/* Main Navigation First level */
.app.header .nav.main > ul > li {
border-bottom: 2px solid transparent;
}
.app.header .nav.main > ul > li:hover {
border-bottom-color: #0500e8;
}
.app.header .nav.main > ul > li > div.title a,
.app.header .nav.main > ul > li > div.title span {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
padding: 0 10px;
}
.app.header .nav.main > ul > li:hover > div.title a {
color: #0500e8;
}
/* Main Navigation Second level multicol */
.app.header .nav.main .dropdown.columns ul {
border:0;
padding:0;
margin:0;
}
.app.header .nav.main .dropdown.columns > ul {
width:960px;
margin: 30px auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.app.header .nav.main .dropdown.columns .col {
float: left;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
}
.app.header .nav.main .dropdown.columns.col3 .col {
width: 26.66666667%;
}
.app.header .nav.main .dropdown.columns.col4 .col {
width: 20%;
}
.app.header .nav.main .dropdown.columns.col5 .col {
width: 16.66666667%;
}
.app.header .nav.main .dropdown.columns .col .title {
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
color: #343434;
}
.app.header .nav.main .dropdown.columns .col a.title:hover {
color: #343434;
}
/* Secondary Navigation */
.app.header .nav.secondary div.title a,
.app.header .nav.secondary div.title span {
padding: 0 6px;
}
.app.header .nav.secondary div.title span {
cursor: pointer;
}
.app.header .nav.secondary li:hover div.title a,
.app.header .nav.secondary li:hover div.title span {
color: #0500e8;
}
.app.header .nav.secondary div.title i {
font-size: 18px;
}
.app.header .nav.secondary li.profile {
padding-left: 10px;
}
.app.header .nav.secondary li.profile div.title img,
.app.header .nav.secondary li.profile div.title .avatar {
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
height: 20px;
width: 20px;
vertical-align: text-bottom;
}
.app.header .nav.secondary li.profile:hover div.title img,
.app.header .nav.secondary li.profile:hover div.title .avatar {
border-color: #0500e8;
}
.app.header .nav.secondary li.profile div.title .avatar {
display: inline-block;
background-color: #000;
text-align: center;
line-height: 22px;
padding: 0;
margin: 0;
}
.app.header .nav.secondary li.profile div.title .avatar .avatar-initial {
display: inline;
vertical-align: initial;
color: #fff;
font-weight: 400;
font-size: 13px;
line-height: 100%;
padding: 0;
margin: 0;
}
.app.header .nav.secondary .basket div.title i {
font-size: 20px;
}
/* Navigation Search */
.app.header .nav.secondary .search div.title i {
font-size: 18px;
}
.app.header .nav .search form {
display: block;
width: 750px;
margin: 90px auto;
}
.app.header .nav .search form .search-element-wrapper {
display: inline-block;
float: left;
margin: 0;
padding: 0;
border-bottom: 1px #343434 solid;
width: 500px;
}
.app.header .nav .search form .search-element-wrapper i {
float: left;
height: 45px;
line-height: 45px;
font-size: 24px;
padding: 0 0 0 10px;
}
.app.header .nav .search form .inline-element {
margin: 0 0 0 45px;
}
.app.header .nav .search form .inline-element .inline-label,
.app.header .nav .search form .inline-element .inline-input {
display: block;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
height: 45px;
line-height: 35px;
padding: 5px;
}
.app.header .nav .search form .inline-element .inline-input {
background-color: transparent;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #0500e8;
}
.app.header .nav .search form .inline-element .inline-label {
color: #343434;
}
.app.header .nav .search form .inline-element.focused .inline-label {
color: #b6b5b1;
}
.app.header .nav .search form .button {
display: inline-block;
float: right;
width: 225px;
}
/* Regional */
.app.header .nav.secondary .regional form {
height: 100%;
display: block;
}
.app.header .nav.secondary .regional div.title span {
font-size: 16px;
vertical-align: middle;
padding-top: 5px;
}
.app.header .nav .regional .dropdown > div {
display: block;
width: 960px;
margin: 30px auto;
}
.app.header .nav .regional .regional-form-container {
display: block;
float: right;
width: 350px;
padding: 0 10px 0 0;
}
.app.header .nav .regional .regional-change-group {
margin: 20px 0;
}
.app.header .nav .regional .regional-change-group .regional-change-field {
float: right;
}
.app.header .nav .regional .regional-change-group label {
float: left;
height: 40px;
line-height: 40px;
}
.app.header .nav .regional .regional-change-group .regional-change-field {
width: 200px;
}
.app.header .nav .regional .regional-change-group .regional-change-field select {
width: 100%;
}
.app.header .nav .regional .regional-change-buttons .button {
width: 200px;
float: right;
}
/**********/
/* Footer */
/**********/
#footer {
width: 100%;
background: #f4f2f1;
}
#footer a {
font-weight: 300;
color: #343434;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.footer-inner {
padding: 50px 0;
}
.footer-inner .subscribe {
margin: 20px 0 40px;
height: auto;
}
.footer-inner .subscribe-description {
margin-top:10px;
}
.footer-inner .subscribe-description p {
width: 70%;
font-size: 11px;
}
.footer-inner .footer-links-section h3 {
width: 100%;
margin: 0;
padding-bottom: 10px;
border-bottom: none;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
color: #343434;
}
.footer-inner .footer-links-section a {
font-size: 14px;
}
.footer-inner .footer-links-section li {
padding: 5px 0;
}
.footer-inner #mailing-subscribe-form {
width: 100%;
height: auto;
background: none;
text-align: left;
}
.footer-inner #mailing-subscribe-email-element {
display: inline-block;
vertical-align: top;
width: 70%;
}
.footer-inner #mailing-subscribe-email-element label,
.footer-inner #mailing-subscribe-email-element input#mailing-subscribe-email {
width: auto;
height: 46px;
padding: 0 10px;
font-size: 18px;
line-height: 46px;
color: #343434;
border-bottom: 1px solid #343434;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer-inner #mailing-subscribe-email-element.focused label {
color: #b6b5b1;
}
.footer-inner #mailing-subscribe-email-element input#mailing-subscribe-email {
width: 100%;
}
.footer-inner #mailing-subscribe-form .mailing-subscribe-submit {
display: inline-block;
width: 24%;
height: 46px;
padding: 0;
margin: 0 0 0 4.5%;
background: transparent;
color: #222222;
border: 2px solid #222222;
line-height: 42px;
font-size: 16px;
font-weight: 400;
text-align: center;
text-indent: 0;
text-transform: uppercase;
letter-spacing: 1px;
vertical-align: top;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius: 0;
}
.footer-inner #mailing-subscribe-form .mailing-subscribe-submit.waiting {
background-image: none;
}
.footer-inner #mailing-subscribe-form ul.errors {
top: auto;
position: static;
margin-top: 5px;
}
.footer-inner #mailing-subscribe-form ul.errors li {
font-size: 14px;
padding-left: 20px;
}
#footer .connect a,
.footer-inner .connect {
text-align: center;
}
.footer-inner .connect a,
.footer-inner .connect .facebook,
.footer-inner .connect .twitter,
.footer-inner .connect .pinterest,
.footer-inner .connect .instagram {
width: 34px;
height: 34px;
margin: 0 4%;
transition: 0.2s;
background-image: none;
font-size: 30px;
}
#footer .connect a:hover {
text-decoration: none;
opacity: 1;
color: #222222;
}
#footer .financing,
#footer .financing a {
margin-top: 30px;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
color: #343434;
}
#footer .financing a:hover {
text-decoration: none;
}
#footer .financing .ownart {
display: block;
}
#footer .financing .ownart span {
display: inline-block;
line-height: 40px;
margin-right: 15px;
vertical-align: middle;
}
#footer .financing .ownart i {
background: transparent url('/img/footer/own-art-logo.svg') top no-repeat;
background-size: 40px 40px;
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
}
/*****************/
/* Grids & Items */
/*****************/
figure.col .footer ul {
color: #343434;
}
figure.col .footer ul.counts li {
font-size: 12px!important;
line-height: 140%;
}
figure.col .footer ul.follows li,
figure.col .footer .follows .info.following {
font-size: 12px;
line-height: 140%;
}
/* Artwork Grid */
.artwork.v2.list.options {
margin-bottom: 35px;
}
.artwork.v2.list.options .sorter h3 {
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 13px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
}
.artwork.v2.list.options .sorter .selector {
border-bottom: 1px solid #343434;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.artwork.v2.list.options .sorter .selector .display {
background-color: #fff;
}
.artwork.v2.list.options .counter {
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
text-align: left;
text-transform: none;
letter-spacing: 0.5px;
height: 40px;
line-height: 40px;
}
.artwork.v2.list.options .layout li.value > a,
.artwork.v2.list.options .layout li.value > span {
color: #343434;
text-decoration: none;
}
.artwork.v2.list.options .layout li.value.selected > a,
.artwork.v2.list.options .layout li.value.selected > span {
color: #0500e8;
}
.artwork.v2.list.options .layout li.value > a:hover {
color: #343434;
text-decoration: none;
}
.artwork.v2.content .loader {
background-position: center 110px;
background-color: rgba(255, 255, 255, 0.7);
}
.artwork.v2.fluid .item {
border: 1px solid #ececec;
background-color: #fff;
}
.artwork.v2 .col .title,
.artwork.v2 .col .artist,
.artwork.v2.fluid .item .title,
.artwork.v2.fluid .item .artist,
.activity.v2 .col h3,
.activity.v2 .col .artist {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-style: normal;
margin-bottom: 5px;
}
.artwork.v2 .col .title a,
.artwork.v2.fluid .item .title a,
.activity.v2 .col h3 a {
font-style: normal;
}
.artwork.col4 .col h3 {
font-size: 14px;
}
.artwork.col4 .col h3 span {
font-size: 12px;
}
.artwork.v2.fluid .item .title,
.artwork.v2.col4 .col .title,
.artwork.v2.fluid .item.img300 .title,
.artwork.v2.fluid .item.img225 .title {
color: #343434;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 150%;
}
.artwork.v2 .col .artist,
.artwork.v2.fluid .item .artist,
.artwork.v2 .col .artist a,
.artwork.v2.fluid .item .artist a,
.activity.v2 .col .artist,
.activity.v2 .col .name,
.activity.v2 .col .artist a,
.activity.v2 .col .name a{
color: #343434;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
line-height: 140%;
text-transform: uppercase;
text-decoration: none;
}
.artwork.v2 .col .artist a:hover,
.artwork.v2.fluid .item .artist a:hover,
.activity.v2 .col .artist a:hover,
.activity.v2 .col .name a:hover {
text-decoration: none;
}
.artwork.v2 .col .title .basket button,
.artwork.v2.fluid .item .title .basket button,
.activity.v2 .col h3 .basket button,
.artwork.v2 .col .title .basket button i,
.artwork.v2.fluid .item .title .basket button i,
.activity.v2 .col h3 .basket button i {
color: #343434;
}
.artwork.v2 .col .title .basket button:hover,
.artwork.v2.fluid .item .title .basket button:hover,
.activity.v2 .col h3 .basket button:hover,
.artwork.v2 .col .title .basket button:hover i,
.artwork.v2.fluid .item .title .basket button:hover i,
.activity.v2 .col h3 .basket button:hover i {
color: #0500e8;
}
.artwork.v2 .col .details,
.artwork.v2.col4 .col .details,
.artwork.v2.fluid .item .details,
.artwork.v2.fluid .item.img300 .details,
.artwork.v2.fluid .item.img225 .details,
.activity.v2 .col .details {
color: #343434;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
}
.artwork.v2.header .description h2 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 28px;
margin: 30px 0 0;
position: absolute;
top: 130px;
color: #FFF;
text-transform: none;
}
.artwork.v2 .col .footer,
.artwork.v2.fluid .item .footer {
border-top: 1px solid #ececec;
background-color: #fff;
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
}
.artwork.v2 .col .footer li button,
.artwork.v2.fluid .item .footer li button {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
}
.artwork.v2 .col .footer li button,
.artwork.v2 .col .footer li button i,
.artwork.v2.fluid .item .footer li button,
.artwork.v2.fluid .item .footer li button i {
color: #343434;
}
.artwork.v2 .col .footer .wishlist.small li i,
.artwork.v2.fluid .item .footer .wishlist.small li i {
color: #343434;
font-size: 20px;
}
.artwork.v2 .col .footer > li.action:hover,
.artwork.v2.fluid .item .footer > li.action:hover {
border-top-color: transparent;
}
.artwork.v2 .col .footer > li.action:hover a,
.artwork.v2 .col .footer > li.action:hover button,
.artwork.v2 .col .footer > li.action:hover button i,
.artwork.v2.fluid .item .footer > li.action:hover a,
.artwork.v2.fluid .item .footer > li.action:hover button,
.artwork.v2.fluid .item .footer > li.action:hover button i,
.artwork.v2 .col .footer .wishlist.small li.action:hover i,
.artwork.v2.fluid .item .footer .wishlist.small li.action:hover i {
color: #0500e8;
}
.artwork.v2 .col .footer li.price,
.artwork.v2.fluid .item .footer li.price,
.artwork.v2.fluid .item.img300 .footer li.price,
.artwork.v2.fluid .item.img225 .footer li.price,
.artwork.v2 .col .footer li.sold,
.artwork.v2.fluid .item .footer li.sold,
.artwork.v2.fluid .item.img300 .footer li.sold,
.artwork.v2.fluid .item.img225 .footer li.sold {
color: #343434;
font-size: 12px;
font-weight: 400;
font-style: normal;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.artwork.v2 .col .footer li.basket button,
.artwork.v2.fluid .item .footer li.basket button {
color: #343434;
font-size: 12px;
font-weight: 400;
font-style: normal;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.artwork.v2 .col .footer li.basket button i,
.artwork.v2.fluid .item .footer li.basket button i {
font-size: 22px;
top: 4px;
}
.fluid-art.no-overlay {
padding: 4px;
width: 192px;
}
.fluid-art.no-overlay .fluid-image {
border: 1px solid #ececec;
}
.fluid-art.no-overlay .fluid-image.shadowed {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Activity Grid */
.activity.v2.group {
margin-top: 20px;
}
.activity.v2.group > ul > li {
border-bottom: 1px solid #ececec;
margin-bottom: 25px;
padding-bottom: 25px;
}
.activity.v2.list .action,
.activity.v2.list .action a,
.activity.v2.list .action a:hover {
color: #343434;
font-size: 14px;
}
.activity.v2.list p.action-date {
font-style: normal;
font-size: 12px;
}
.activity.v2.list img.product-thumb {
margin-top: 20px;
border-radius: 0;
}
/* Other Grids */
.content-list li.empty,
.content-list-large li.empty,
.content-list-large div.favorites.empty {
color: #343434;
}
ul.mini-grid.size-24x24 li img {
border: 1px solid #ececec;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*********************/
/* Common Components */
/*********************/
.shadowed {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
img.bordered {
border-color: #ececec;
}
.popup.message-box .content {
border-bottom: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Loaders */
.pagination.v2.more.loading,
.artwork.v2.content .loader,
.activity.v2.group .loader,
h1.loader.loading,
h2.loader.loading,
h3.loader.loading,
.shopping-cart .loader,
.section.loader.loading,
.pagination-more.loading p,
#contact-import.loading,
.invitation > div.loading {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMzAuMzk3NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDUwMGU4IiBzdHJva2Utd2lkdGg9IjIiPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjJzIiB2YWx1ZXM9IjA7NTAiIGtleVRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBjYWxjTW9kZT0ic3BsaW5lIiBiZWdpbj0iLTFzIj48L2FuaW1hdGU+CiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMnMiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgY2FsY01vZGU9InNwbGluZSIgYmVnaW49Ii0xcyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDkuNTkxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDUwMGU4IiBzdHJva2Utd2lkdGg9IjIiPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjJzIiB2YWx1ZXM9IjA7NTAiIGtleVRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBjYWxjTW9kZT0ic3BsaW5lIj48L2FuaW1hdGU+CiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMnMiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgY2FsY01vZGU9InNwbGluZSI+PC9hbmltYXRlPgo8L2NpcmNsZT48L3N2Zz4K");
}
h1.loader,
h2.loader {
padding-right: 30px!important;
}
h3.loader {
padding-right: 22px!important;
}
h1.loader.loading,
h2.loader.loading,
h3.loader.loading {
background-position: right center;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
}
h1.loader.loading,
h2.loader.loading {
background-size: 30px 30px;
}
h3.loader.loading {
background-size: 22px 22px;
}
/* Pagination */
#paginator {
margin-top: 50px;
padding-top: 0;
border: none;
}
ul.pagination li {
font-size: 14px;
font-weight: 300;
}
ul.pagination li a,
ul.pagination-prev-next li a,
ul.pagination li span,
ul.pagination-prev-next li span {
font-weight: 300;
background: #222222;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 10px 15px;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
}
ul.pagination li.current span,
ul.pagination-prev-next li.current span {
background: #fff;
color: #343434;
border: 1px solid #222222;
padding: 9px 14px;
}
ul.pagination li a:hover,
ul.pagination-prev-next li a:hover {
background: #0500e8;
border-color: #0500e8;
text-decoration: none;
}
ul.pagination li.ellipsis {
background: none;
font-size: 36px;
line-height: 65%;
height: auto;
text-align: center;
}
.scroll-to-top {
bottom: 100px;
right: 20px;
}
.scroll-to-top a {
text-decoration: none;
border-color: #343434;
color: #343434;
height: 58px;
line-height: 58px;
width: 58px;
font-size: 26px;
border-color: #343434;
border-width: 1px;
border-radius: 50%;
background-color: #f4f2f1;
}
.scroll-to-top a:hover {
color: #0500e8;
border-color: #0500e8;
}
.pagination-more {
background: none;
padding-top: 0;
padding-bottom: 0;
}
.pagination-more p {
min-height: 56px;
}
.pagination-more p a,
.pagination-more p.reveal-more a,
.pagination-more p.back-to-top a {
text-decoration: none;
color: #343434;
height: 56px;
line-height: 56px;
width: 56px;
font-size: 26px;
border-color: #343434;
border-width: 1px;
border-style: solid;
border-radius: 50%;
}
.pagination-more p a,
.pagination-more p.reveal-more a,
.pagination-more p.back-to-top a,
.pagination-more p a:hover,
.pagination-more p.reveal-more a:hover,
.pagination-more p.back-to-top a:hover {
background: none;
}
.pagination-more p a:hover {
color: #0500e8;
border-color: #0500e8;
}
.pagination-more p a:before {
font-family: 'ra-icons2' !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;
content: "\e926";
}
.pagination-more p.reveal-more a {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination-more.loading p {
background-size: 56px 56px;
}
/* In-Page Vertical Navigation */
.vertical-nav ul li {
padding-left: 0;
margin-bottom: 30px;
}
.vertical-nav ul li.selected,
.vertical-nav ul li:hover {
border-left: none;
padding-left: 0;
}
.vertical-nav ul li a {
color: #343434;
text-transform: none;
font-size: 15px;
text-decoration: none;
}
.vertical-nav ul li a span {
color: #343434;
font-size: 12px;
margin-top: 5px;
}
.vertical-nav ul li a:hover {
color: #0500e8;
text-decoration: none;
}
.vertical-nav ul li a:hover span {
color: #343434;
}
.vertical-nav ul li.selected a {
color: #0500e8;
}
/* Content Navigation (My Rise Art & Profile) */
.content-nav {
margin: 25px 0 35px 0;
height: auto;
}
.content-nav ul {
box-shadow: none;
height: auto;
}
.content-nav ul li a,
.content-nav ul li span {
height: auto;
line-height: inherit;
font-weight: 300;
color: #343434;
border-bottom: none;
text-decoration: none;
}
.content-nav ul li.selected span {
border-bottom: none;
color: #0500e8;
}
.content-nav ul li a:hover {
border-bottom: none;
color: #0500e8;
}
/* Tabs */
.tabs .tabs-header {
background-color: #f4f2f1;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
position: relative;
}
.tabs .tabs-header ul li,
.tabs .tabs-header ul li.active,
.artist.tabs .tabs-header ul li a,
.artist.tabs .tabs-header ul li span {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
text-align: center;
}
.tabs .tabs-header ul li {
background-color: #f4f2f1;
border-right: 1px solid #ececec;
}
/* Filters */
.dimension .selector .display {
height:40px;
line-height: 40px;
color: #343434;
font-size: 14px;
font-weight: 300;
text-transform: none;
letter-spacing: 0.5px;
background-color: #f4f2f1;
}
.dimension .selector .display i {
font-size: 16px;
height: 40px;
line-height: 40px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 8px;
}
.dimension .selector .display i + i {
-webkit-transform: none;
transform: none;
}
.dimension .selector ul {
padding: 0;
border: 1px solid #f4f2f1
}
.dimension .selector ul li a {
color: #343434;
font-size: 14px;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0.5px;
height: 50px;
line-height: 50px;
padding: 0 10px;
}
.dimension .selector ul li a:hover {
background-color: #c0bff9;
}
.filter-options {
height: auto;
margin-top: 0;
margin-bottom: 50px;
}
.filter-options > div {
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
height: auto;
padding: 0;
width: 100%;
}
.inner .filter-options > div {
width: 100%;
}
.filter-options label,
form.filter-show label.filter-show-label {
color: #343434;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
vertical-align: middle;
}
form.filter-show {
padding-top: 0;
height: 40px;
line-height: 40px;
}
form.filter-show label.filter-show-label {
padding-top: 0;
}
form.filter-show label {
font-weight: 300;
font-size: 14px;
text-transform: none;
letter-spacing: 0.5px;
}
form.filter-sort {
margin-top: 0;
height: 40px;
line-height: 40px;
padding-right: 15px;
margin-right: 15px;
}
form.filter-sort select {
height: 40px;
line-height: 32px;
padding: 4px 25px 3px 5px;
margin-left: 10px;
font-size: 14px;
}
form.filter-sort select:focus {
border-color: #000;
}
.action-bar {
border:none;
background-color: #f5f2f2;
margin: 0 0 35px 0;
}
#counter {
float: right;
height: 40px;
line-height: 40px;
vertical-align: middle;
}
#counter .counter-meta {
margin: 0;
font-weight: 300;
font-size: 14px;
text-transform: none;
letter-spacing: 0.5px;
}
/* Comments */
#comment-form .inline-element .inline-label,
#comment-form .inline-element textarea {
font-size: 14px;
line-height: 22px;
height: 40px;
padding: 9px 5px 9px 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.comments-box {
margin-top: 80px;
}
.comments-box p {
font-size: 14px;
}
.comments-box .post {
margin-bottom: 35px;
padding: 0;
}
.comments-box .comment {
margin-bottom: 20px;
}
.comments-box .comment-meta img {
border: 1px solid #eaeaea;
border-radius: 13px;
}
.comments-box .comment-text {
width: 445px;
}
.comments-box .comment p {
line-height: 150%;
}
.comments-box #comment-form label {
font-style: normal;
}
.comments-box #comment-form textarea {
background-color: transparent;
}
.comments.v2.group {
margin-top: 35px;
}
.comment.v2 p.comment-date {
font-style: normal;
}
.comment.v2 .content a.author,
.comment.v2 .content a.author:hover {
color: #343434;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
.comment.v2 .content p.text {
margin-top: 5px;
}
/* Tags */
.tags-container li {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNC4xMDEgMjRsLTE0LjEwMS0xNC4xMDV2LTkuODk1aDkuODU1bDE0LjE0NSAxNC4xMDFjLTMuMyAzLjI5OS02LjYgNi41OTktOS44OTkgOS44OTl6bS00LjY1OS0yM2gtOC40NDJ2OC40ODFsMTMuMTAxIDEzLjEwNSA4LjQ4NC04LjQ4NGMtNC4zODEtNC4zNjgtOC43NjItOC43MzUtMTMuMTQzLTEzLjEwMnptLTEuNzAyIDMuMjA0Yy45NzUuOTc2Ljk3NSAyLjU2IDAgMy41MzYtLjk3Ni45NzUtMi41Ni45NzUtMy41MzYgMC0uOTc2LS45NzYtLjk3Ni0yLjU2IDAtMy41MzZzMi41Ni0uOTc2IDMuNTM2IDB6bS0uNzA4LjcwN2MuNTg2LjU4Ni41ODYgMS41MzYgMCAyLjEyMS0uNTg1LjU4Ni0xLjUzNS41ODYtMi4xMjEgMC0uNTg1LS41ODUtLjU4NS0xLjUzNSAwLTIuMTIxLjU4Ni0uNTg1IDEuNTM2LS41ODUgMi4xMjEgMHoiLz48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 0px center;
background-size: 16px 16px;
}
.tags-container.tags-large li {
font-size: 14px;
font-weight: 400;
}
.tags-container li a {
font-weight: inherit;
text-decoration: none;
}
.tags-container li a:hover {
text-decoration: underline;
}
.tags-container li.link:hover {
background-position: 0px center;
}
/* Subscribe Sidebar */
#sidebar .sidebar-section.subscribe {
background-color: transparent;
padding-left: 0;
padding-right: 0;
margin-bottom: 40px;
}
#sidebar .subscribe h3,
#sidebar .subscribe p {
color: #343434;
margin: 0 0 25px;
}
#sidebar .subscribe .subscribe-description p {
margin: 0;
font-size: 10px;
}
#sidebar #mailing-subscribe-email-element {
width: 215px;
}
#sidebar #mailing-subscribe-email {
padding-right: 5px;
}
#sidebar #mailing-subscribe-email:focus {
border-color: #0500e8;
box-shadow: none;
}
#sidebar form[id^='mailing-subscribe-form'] .mailing-subscribe-submit {
top: 0;
max-width: 70px;
width: auto;
background-image: none;
text-indent: 0;
color: #fff !important;
background-color: #222222;
height: 40px;
line-height: 32px;
padding: 2px 15px;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border: 2px solid #222222;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
#sidebar form[id^='mailing-subscribe-form'] .mailing-subscribe-submit:hover {
background-color: #0500e8;
border-color: #0500e8;
color: #fff !important;
}
/* Sidebar sections and lists */
#sidebar h3,
#sidebar h3.grey,
#sidebar h3.border {
margin-bottom: 25px;
}
#sidebar h3.border {
border: none;
}
#sidebar p {
color: #343434;
font-size: 14px;
}
#sidebar .side-padding {
padding: 0;
}
#sidebar .sidebar-section {
margin-bottom: 50px;
}
.side-list-small {
margin-bottom: 15px;
}
.side-list-small .side-list-small-row {
margin-top: 20px;
}
.side-list-small .side-list-small-text,
.side-list-large .side-list-large-text {
color: #343434;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
}
.side-list-small .side-list-small-text a,
.side-list-small .side-list-small-text a:hover,
.side-list-large .side-list-large-text a,
.side-list-large .side-list-large-text a:hover {
font-weight: 400;
text-decoration: none;
}
.side-list-small .side-list-small-text span {
color: #343434;
font-weight: 300;
line-height: 150%;
letter-spacing: 0.5px;
margin-top: 0px;
}
.side-list-small .side-list-small-image img,
#sidebar .author img {
border: 1px solid #ececec;
}
.side-list-small.size-24x24 .side-list-small-image img {
border-radius: 13px;
}
.side-list-small.size-48x48 .side-list-small-image img,
#sidebar .author img {
border-radius: 25px;
}
.side-list-small .side-list-small-empty {
background: none;
border: none;
padding: 0;
margin-bottom: 15px;
}
.side-list-large.size-245xAUTO .side-list-large-image img {
border: 1px solid #ececec;
}
.side-list-image {
margin-bottom: 15px;
}
.side-list-image a,
.side-list-image a:hover {
text-decoration: none;
}
.side-list-image img {
border: 1px solid #ececec;
}
.side-list-image.size-48x48 a {
margin-left: 0;
margin-right: 7px;
}
.side-list-image.size-48x48 a:last-child {
margin-right: 0;
}
#sidebar .author h3 {
font-weight: 400;
text-transform: none;
margin: 0 0 10px;
}
#sidebar .author .follows {
margin: 10px 0 15px;
}
#sidebar .author p {
font-size:14px;
}
#sidebar .author a.show-more,
#sidebar .author a.show-more:hover {
cursor: pointer;
margin-top: 5px;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
color: #343434;
text-decoration: underline;
display: block;
}
/* Info Cloud */
a.info-cloud,
a.info-cloud:hover {
text-decoration: none;
}
.info-cloud i {
font-family: ra-icons!important;
color: #343434;
}
.info-cloud i:hover {
color: #0500e8;
}
.cloud-content {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 150%;
border: 1px solid #dfdcda;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.cloud-top .cloud-arrow {
border-top-color: #dfdcda;
}
.cloud-bottom .cloud-arrow {
border-bottom-color: #dfdcda;
}
.cloud-right .cloud-arrow {
border-right-color: #dfdcda;
}
.cloud-left .cloud-arrow {
border-left-color: #dfdcda;
}
.cloud-content .cloud-title {
font-weight: 400;
}
/* Connections */
.sidebar-section.connection-counters-large .connection-counters {
padding: 0;
}
.connection-counters ul li {
margin-right: 15px;
padding-right: 15px;
padding-top: 5px;
}
.connection-counters ul li a,
.connection-counters ul li a span {
font-size: 14px;
font-weight: 300;
}
.connection-counters ul li a,
.connection-counters ul li a:hover {
text-decoration: none;
}
.connection-counters ul li a:hover span {
color: #343434;
}
.connection-counters-large .connection-counters ul li a span {
font-size: 12px;
}
.group.title-group .title-group-actions {
margin-top: 10px;
}
.group.title-group .connection-counters,
.group.title-group .follows {
margin-top: 0;
}
.group.title-group .connection-counters ul,
.group.title-group .follows {
margin-top: 0;
min-height: 30px;
}
.group.title-group .connection-counters ul li {
padding-top: 0;
min-height: 30px;
line-height: 30px;
}
/* Contact Import */
#contact-import-content h3 {
margin: 35px 0 15px 0;
}
div.contact-table-wrapper {
border: 1px solid #dfdcda;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
table.contact-table th {
background-color: #f4f2f1;
font-weight: 400;
}
table.contact-table th,
table.contact-table td {
padding-top: 10px;
padding-bottom: 10px;
}
/* Expandable Text */
.short-text,
.long-text {
margin-bottom: 10px;
}
a.show-more {
cursor: pointer;
}
/******************/
/* Authentication */
/******************/
/* Forgot Password */
#auth-forgot .button,
#auth-reset .button {
width: 100%;
}
.auth-terms {
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: 30px;
}
.auth-terms p {
color: #343434;
margin-top: 0;
}
#auth-forgot p,
#auth-reset p {
margin: 25px auto;
}
/*******************/
/* User & Settings */
/*******************/
/* My Accounts */
.user-account {
padding: 20px 5px 20px 0;
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.user-account .label p {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 13px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
}
.user-account.password .form-simple .form-control-group {
width: 335px;
}
.user-account.password .form-simple .form-action {
margin-top: 10px;
}
#privacy-settings-email-update-submit {
margin-top: 15px;
}
#user-suspend {
margin-top: 80px;
}
#user-suspend > div {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#user-suspend form {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#user-suspend p {
font-size: 14px;
}
.artist-payment-bar {
margin: 0 0 35px 0;
}
/* My Billing */
#user-cards, #user-rentals, #user-partners {
border-bottom: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.card {
padding-left: 50px;
background-size: 40px !important;
}
.card .number {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 14px;
font-weight: 500;
font-style: normal;
text-align: left;
}
#user-addresses .address {
background-size: 24px 24px;
}
/* Artist Artwork */
.art-edit-list {
margin-top: 30px;
}
.art-edit-list li.art-item {
border: none;
margin-bottom: 30px;
}
.art-edit-list li.art-item p {
margin-left: 60px;
margin-right: 145px;
}
/* Rentals */
.rental {
margin-bottom: 30px;
}
.rental img {
margin: 0;
border: 1px solid #ececec;
}
.rental .detail {
font-weight: 300;
letter-spacing: 0.5px;
line-height: 150%;
}
.rental .detail h3 {
margin-bottom: 15px;
}
.rental .detail h3 span {
display: block;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
}
.rental .detail h3 span a {
font-weight: 300;
letter-spacing: 0.5px;
text-decoration: underline;
}
.rental .detail dl dt {
margin-top: 10px;
color: #343434;
font-weight: 400;
}
.rental .detail .price {
font-family: inherit;
font-style: inherit;
}
/* Credit */
.my-credit.col2 .col {
border:none;
padding: 10px 20px 10px 0;
margin-left: 0;
}
.my-credit.col2 .col + .col {
border-left: 1px solid #f4f2f1;
padding: 10px 0 10px 25px;
}
.my-credit .amount {
font-family: inherit;
font-style: normal;
padding: 0;
margin: 15px 0;
}
.my-credit h3:first-child {
color: #343434;
}
.my-credit .amount,
#credit-code-redeem-form dl input[type="hidden"] + dt {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#credit-code-redeem-form dl input[type="submit"] {
width: 278px;
}
.credit-log ul {
border-top: none;
box-shadow: none;
margin-top: 25px;
padding: 0;
}
.credit-log li {
position: relative;
border-bottom: 1px solid #f4f2f1;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}
.credit-log .date,
.credit-log .amount,
.credit-log .action {
height: 22px;
line-height: 22px;
}
.credit-log .date {
color: #343434;
float: left;
}
.credit-log .amount {
color: #343434;
font-family: inherit;
font-style: normal;
font-weight: 400;
text-align: right;
float: left;
}
.credit-log .comment {
padding-left: 165px;
padding-right: 75px;
display: block;
}
.credit-log .action {
float: none;
position: absolute;
right: 0;
font-style: normal;
font-size: 12px;
margin-right: 10px;
top: 0;
}
/* Widget */
.widget {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.widget .group {
margin-top: 80px;
}
.widget .group:first-child {
margin-top: 0;
}
.widget .group.info p {
margin-bottom: 15px;
}
.widget .info ol {
margin: 15px 0;
}
.widget ol li > *,
.widget .info ol li {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 14px;
font-weight: 300;
font-style: normal;
}
.widget .info ol li {
padding-bottom: 0;
}
.widget .info ol li span {
font-size: 14px;
font-weight: 400;
}
#widget-form label[for="size"],
.widget h3.step {
color: #343434;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
margin-top: 50px;
}
div.widget-options {
margin: 15px 0 0 0;
}
div.widget-options label {
font-size: 14px;
font-weight: 300;
text-transform: none;
letter-spacing: 0.5px;
}
#widget-form a.link-edit.hidden {
display: none;
}
.picker-group input[type="text"] {
border: 1px solid #343434;
}
#widget-form .button.margin {
margin-top: 40px;
}
/* Invitation */
.invitation {
margin-bottom: 70px;
}
.invitation-banner {
margin-top: -50px;
height: auto;
text-align: center;
}
.invitation-banner h2 {
margin: 50px 0 30px;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 24px;
text-align: center;
}
.invitation-banner h3 {
margin: 0 0 50px;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 20px;
text-align: center;
text-transform: none;
}
.invitation #invitation-inner {
border-left-color: #f4f2f1;
}
.invitation #url {
border: 2px solid #343434;
border-radius: 0;
box-shadow: none;
background-color: transparent;
height: 36px;
}
.invitation .invitation-url-bottom {
border-radius: 0;
border: 2px solid #343434;
background-color: #343434;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 456px;
width: 170px;
}
.invitation #invitation-url-edit h3 {
font-size: 16px;
font-weight: 400;
text-transform: none;
color: #343434;
}
#invitation-url-wrapper {
border: 2px solid #343434;
background-color: transparent;
padding: 2px 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#invitation-url-form.form-horizontal .form-label {
width: 140px;
}
#invitation-url-form.form-horizontal .form-control {
margin-left: 145px;
}
#invitation-url-wrapper label {
color: #b6b5b1;
text-transform: none;
font-weight: 300;
letter-spacing: 0.5px;
}
#invitation-url-wrapper label {
width: auto;
}
#invitation-url-wrapper input {
width: 270px;
}
#invitation-action-group label {
color: #343434;
width: 250px;
font-size: 12px;
}
.invitation-activity-list {
margin-top: 25px;
}
#invitation-activity-list li {
border-top: none;
border-bottom: 1px solid #f4f2f1;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}
#invitation-activity-list .date {
color: #343434;
}
#invitation-activity-list .name {
font-weight: 300;
color: #343434;
}
#invitation-activity-list .status {
font-style: normal;
font-size: 12px;
}
/* My Rise Art & User Profile */
.event-list {
margin: 15px 0 50px 0;
}
li.event-item,
li.connect-user {
border-bottom: none;
margin-bottom: 15px;
}
li.event-item img,
li.connect-user img {
border: 1px solid #ececec;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
li.event-item p,
li.connect-user p {
margin-left: 60px;
}
li.connect-user p,
li.connect-user p span {
font-weight: 300;
}
.content-list-large li.connect-user p {
margin-right: 110px;
}
#my-content .content-list-large > .paragraph-l {
margin-bottom: 20px;
}
.activity > ul,
.activity .status-update {
padding: 0 10px 0 0;
}
.activity .status-update {
margin-bottom: 50px;
}
.status-update #user-update-status-form textarea,
.status-update #user-update-status-form label {
font-size: 14px;
line-height: 22px;
height: 40px;
padding: 9px 5px 9px 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
}
/* Public Profiles */
.group .content-list-large.group {
margin-top: 0;
}
ul.user-award,
ul.user-degree {
margin: 0 0 15px 0;
padding-left: 40px;
}
/***********/
/* Artists */
/***********/
.wrapper.wide .section.artist.shop.statement,
.wrapper.wide .section.artist.shop.artworks,
.artist.shop.followme {
margin: 80px auto;
padding: 0;
}
.wrapper.wide .section.artist.shop.statement,
.wrapper.wide .section.artist.shop.artworks {
background: none;
}
.wrapper.wide .section.artist.shop.statement .row,
.wrapper.wide .section.artist.about.biography .row {
padding-bottom: 0;
}
.artist.shop.banner {
margin-top: -50px;
}
.artist.shop.banner h1,
.artist.shop.banner h2 {
color: #FFFFFF;
border-top: none;
border-bottom: none;
font-size: 34px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
display: inline-block;
margin-top: 130px;
padding: 10px 40px 10px 40px;
}
.artist.shop.banner .follows .button {
width: auto;
min-width: 280px;
}
.artist.shop.banner .share ul li {
text-align: center;
}
.artist.tabs .tabs-header ul li.active span {
font-weight: 400;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
}
.artist.tabs .tabs-header ul li.active {
border-top: 2px solid #0500e8;
bottom: 3px;
}
.artist.tabs .tabs-header ul li.active::after {
background: none;
}
.artist.shop h2,
.artist.shop.followme h2,
.artist.shop.articles h2,
.artist.shop.browseforart h2,
.artist.about.biography h2 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 20px;
font-weight: 500;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.artist.shop.statement h2,
.artist.shop.blog h2 {
text-transform: uppercase;
}
.artist.shop.statement .col.editorial {
font-style: normal;
}
.artist.shop.statement .col.editorial p {
font-size: 14px;
}
.artist.shop.statement .col.editorial p.curator {
margin-top: 10px;
font-weight: 400;
}
.artist.shop.followme h2 {
margin-bottom: 15px;
}
.artist.shop.followme > div {
border-radius: 0;
}
.artist.shop.followme p {
font-size: 14px;
max-height: 65px;
overflow: hidden;
}
.artist.shop.followme ul.follows li {
text-align: center;
}
.artist.shop.articles .article img {
border-color: #ececec;
}
.artist.shop.articles .article h3 {
margin-top: 10px;
}
.artist.shop.articles .article p {
color: #343434;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
}
.artist.shop.browseforart p {
font-size: 14px;
font-style: normal;
}
.artist.shop.browseforart .button {
width: 250px;
}
.artist.about.biography h2 {
margin-top: 0;
}
.artist.about.biography h3 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 140%;
}
.artist.about.biography .col:first-child .row div {
color: #343434;
}
.artist.about.biography .col:first-child .row div h3 {
color: #343434;
font-size: 14px;
font-weight: 500;
text-transform: none;
letter-spacing: 0.5px;
line-height: 150%;
}
.artist.about.biography .thought p {
font-size: 14px;
line-height: 150%;
}
.artist.about.biography .thought p.by {
font-weight: 500;
font-style: normal;
}
.artist.about.biography .reasons ul li {
font-size: 14px;
line-height: 150%;
padding: 0 0 0 20px;
}
.artist.about.biography .reasons ul li i {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.artist.about.related .col2 .col {
padding-left: 0;
width: 475px;
}
.artist.about.related h3 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
color: #343434;
font-size: 20px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 140%;
margin-bottom: 15px;
}
.artist.about.related .heavy {
font-weight: 500;
}
.artist.shop.blog h3 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
}
.artist.shop.blog p.posted {
font-size: 12px;
font-style: normal;
font-weight: 400;
margin-top: 5px;
}
.artist.shop .list .row .empty {
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-weight: 300;
font-size: 14px;
padding: 0;
text-align: left;
}
.artist.shop.events .group {
margin-top: 0;
}
.artist.shop.events .col.event {
width: 460px;
margin-left: 40px;
padding: 0;
}
.artist.shop.events .col.event:first-child {
margin-left: 0;
}
.artist.shop.events .col.event img {
border-color: #ececec;
}
.artist.shop.events .col.event h3 {
text-transform: uppercase;
margin-bottom: 10px;
}
.artist.shop.events .col.event h3 a,
.artist.shop.events .col.event h3 a:hover {
color: #343434;
font-weight: 300;
}
.artist.shop.events .col.event p {
margin-bottom: 5px;
}
.artist.shop.events .col.event p.author a,
.artist.shop.events .col.event p.author a:hover {
color: #343434;
}
.artist.shop.events .col.event div.event-attend {
color: #343434;
font-weight: 300;
font-style: normal;
letter-spacing: 0.5px;
}
.artist.shop.events .col.event div.event-attend input,
.artist.shop.events .col.event div.event-attend input:hover {
color: #343434;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
text-decoration: underline;
}
/* Submit Flow */
.submit.actions .button {
min-width: 250px;
}
.artist-new-flow,
.artist-new-flow.stage-2 {
text-align: left;
padding: 0 10px;
width: 960px;
margin: 50px auto;
}
.artist-new-flow .auth-post {
margin-bottom: 50px;
}
.artist-new-flow .artist-new-flow-buttons {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 590px;
}
.artist-new-flow.stage-3 .artist-new-flow-buttons {
margin-top: 25px;
}
.auth-post ul.auth-post-steps li .step {
padding: 0 5px;
width: 110px;
text-align: center;
background-color: transparent;
}
.auth-post ul.auth-post-steps li.current .step,
.auth-post ul.auth-post-steps li.done .step {
background-color: transparent;
color: #0500e8;
}
.auth-post ul.auth-post-steps li .divider,
.auth-post ul.auth-post-steps li.current .divider {
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPSclMjMwMDAnIGQ9J00xNS43IDExLjNsLTYtNmMtMC40LTAuNC0xLTAuNC0xLjQgMHMtMC40IDEgMCAxLjRsNS4zIDUuMy01LjMgNS4zYy0wLjQgMC40LTAuNCAxIDAgMS40IDAuMiAwLjIgMC40IDAuMyAwLjcgMC4zczAuNS0wLjEgMC43LTAuM2w2LTZjMC40LTAuNCAwLjQtMSAwLTEuNHonPjwvcGF0aD48L3N2Zz4=") no-repeat 0 6px transparent;
}
.auth-post ul.auth-post-steps li.done .divider {
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPSclMjMwMDc2N0UnIGQ9J00xNS43IDExLjNsLTYtNmMtMC40LTAuNC0xLTAuNC0xLjQgMHMtMC40IDEgMCAxLjRsNS4zIDUuMy01LjMgNS4zYy0wLjQgMC40LTAuNCAxIDAgMS40IDAuMiAwLjIgMC40IDAuMyAwLjcgMC4zczAuNS0wLjEgMC43LTAuM2w2LTZjMC40LTAuNCAwLjQtMSAwLTEuNHonPjwvcGF0aD48L3N2Zz4=") no-repeat 0 6px transparent;
}
#art-upload-form {
margin-top: 30px;
margin-bottom: 50px;
}
.art-crop h3.grey {
margin-bottom: 20px;
}
.art-crop-wrapper > .paragraph-l {
width: 600px;
margin: 0 auto 25px;
}
.art-crop-thumbnail {
background-color: transparent;
}
#art-crop-form #submit {
width: 350px;
margin: 35px auto 0;
display: block;
}
.artist-new-flow.stage-3 > p {
font-size: 16px;
margin-bottom: 40px;
}
.avatar-crop {
background-color: transparent;
border: none;
margin: 20px 0 10px;
}
.artist-new-flow.stage-5 .group.spaced {
width: 600px;
margin: 50px auto 0;
}
.artist-new-flow.stage-5 .group.spaced h2 {
margin-bottom: 25px;
}
.artist-new-flow.stage-5 .button.large.primary.center {
width: 350px;
}
.artist-new-flow.stage-6 .art-review-wrapper,
.artist-new-flow.stage-6 .art-review-wrapper + p {
width: 600px;
margin: 0 auto;
}
.artist-new-flow.stage-6 .art-review-wrapper h2 {
margin-bottom: 30px;
}
.artist-new-flow.stage-6 .art-review-wrapper h3 {
font-size: 20px;
margin:20px 0;
}
.artist-new-flow.stage-6 .art-review-wrapper .art-review-action {
margin: 50px 0;
}
.artist-new-flow.stage-6 .art-review-wrapper + p {
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-top: 0;
}
.artist-new-flow.stage-7 .artist-new-flow-promote-wrapper {
width: 600px;
margin: 50px auto;
}
.artist-new-flow.stage-7 .artist-new-flow-promote-wrapper li {
margin-bottom: 40px;
}
.artist-new-flow.stage-7 .artist-new-flow-promote-wrapper li .button {
margin-top: 15px;
}
.artist-new-flow.stage-7 .artist-new-flow-promote-wrapper li p {
font-size: 14px;
}
/********/
/* Blog */
/********/
/* Article List Page */
.article-filters-current {
margin-bottom: 75px;
padding: 0;
border-bottom: none;
}
.article-filters-current h2 {
font-size: 20px;
line-height: 140%;
font-weight: 300;
letter-spacing: 1px;
}
.article-filters-current h2 a,
.article-filters-current h2 a:hover{
background: none;
color: #343434;
font-style: normal;
padding: 0;
text-decoration: underline;
font-weight: 300;
}
.group.article-list {
margin-top: 15px;
}
.group.article-list .row {
border-top: none;
margin-top: 80px;
margin-bottom: 80px;
padding-top: 0;
}
.group.article-list .row:first-child {
margin-bottom: 80px;
}
.col1 .col.article-summary .article-image img {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.title-group h1,
.title-group h2 {
margin-bottom: 10px;
}
.title-group h2 {
color: #343434;
}
.title-group p {
font-size: 14px;
}
.group.title-group > h1,
.group.title-group > h2,
.group.title-group > p,
.group.title-group > div {
margin-left: 90px;
}
.group.title-group.no-img > h1 {
margin-left: 0px;
}
.group.title-group > img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid #d6d6d6;
}
.title-group.article h2 a,
.title-group.article h2 a:hover {
color: #343434;
}
.title-group.article p,
.col1 .col.article-summary .article-info .meta {
color: #343434;
font-weight: 400;
}
.title-group.article p a,
.title-group.article p b,
.col1 .col.article-summary .article-info .meta a,
.col1 .col.article-summary .article-info .meta b {
color: #343434;
text-decoration: underline;
}
.col1 .col.article-summary {
margin-bottom: 25px;
}
.title-group.article p a:hover,
.col1 .col.article-summary .article-info .meta a:hover {
color: #343434;
text-decoration: underline;
}
.col1 .col.article-summary .article-image,
.col1 .col.article-summary .article-info {
margin-bottom: 0;
}
.group.article.share {
color: #343434;
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 150%;
letter-spacing: 0.5px;
margin-top: 25px;
margin-bottom: 25px;
}
#sidebar .sidebar-section.article-filters {
margin-bottom: 50px;
}
.sidebar-section.article-filters h3 {
margin-bottom: 20px;
font-size: 16px;
text-transform: uppercase;
}
.article-rss {
font-size: 26px;
height: auto;
line-height: initial;
top: -3px;
}
a.article-rss,
a.article-rss:hover {
color: #343434;
text-decoration: none;
}
a.article-rss i {
display: block;
height: 24px;
width: 24px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem0tMS4yOSAxNC42NDZjMCAuNzQ4LS42MDcgMS4zNTQtMS4zNTQgMS4zNTQtLjc0OSAwLTEuMzU2LS42MDYtMS4zNTYtMS4zNTQgMC0uNzQ3LjYwNy0xLjM1MyAxLjM1NS0xLjM1My43NDguMDAxIDEuMzU1LjYwNiAxLjM1NSAxLjM1M3ptLTIuNzEtNS4yMzd2Mi4wMDRjMi41MjEuMDI1IDQuNTY3IDIuMDY4IDQuNTkyIDQuNTg3aDIuMDA4Yy0uMDI2LTMuNjI5LTIuOTY1LTYuNTY2LTYuNi02LjU5MXptMC0xLjQwNGM0LjQwNy4wMiA3Ljk4IDMuNTgxIDcuOTkzIDcuOTk1aDIuMDA3Yy0uMDEyLTUuNTEzLTQuNDgtOS45ODEtMTAtMTB2Mi4wMDV6Ii8+PC9zdmc+");
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
}
a.article-rss i:before {
content: '';
}
.sidebar-section .article-categories li a,
.sidebar-section .article-categories li a:hover {
background-color: initial;
color: #343434;
}
.sidebar-section .article-categories li a {
font-size: 14px;
font-weight: 400;
font-style: normal;
padding: 0;
text-decoration: none;
}
.sidebar-section .article-categories li a:hover {
text-decoration: underline;
}
h2 + .row.col2 .group {
margin-top: 25px;
}
.col2 .col.article-summary {
min-height: 135px;
}
.col2 .col.article-summary {
min-height: 135px;
}
.col2 .col.article-summary h3,
.col2 .col.article-summary p {
display: block;
margin-left: 120px;
}
.col2 .col.article-summary p.author,
.col2 .col.article-summary p.date {
font-size: 12px!important;
margin-top: 5px;
}
.article-summary .event-attend {
font-size: 15px;
bottom: -10px;
}
.article-summary .event-attend form input {
font-size: 15px!important;
}
/* Article Detail Page */
.article.group {
border-bottom: none;
margin-top: 50px;
margin-bottom: 50px;
}
.article.group.title-group {
margin-top: 10px;
padding: 0;
}
.article.title-group h1,
.article.title-group h2 {
margin-bottom: 15px;
}
.article.title-group h2 {
font-size: 20px;
text-transform: uppercase;
}
/* Events */
#event-title-group .event-attend {
margin-top: 10px;
font-size: 15px;
}
#event-title-group .event-attend a {
font-weight: 400;
}
#event-title-group .event-attend form input {
font-size: 15px!important;
}
.event-attendee {
margin-top: 50px;
padding: 0;
}
.event-attendee img {
border: 1px solid #d6d6d6;
border-radius: 25px;
}
.entity-sidebar-details .share {
margin-bottom: 25px;
}
.entity-sidebar-details h4 {
margin-top: 20px;
}
#event-add-rsvp_visible-element label,
#event-add-rsvp_type-element label,
#event-add-rsvp_send-element label,
#event-edit-rsvp_visible-element label,
#event-edit-rsvp_type-element label {
font-weight: 300;
text-transform: none;
letter-spacing: 0.5px;
}
#event-image-crop-form #submit {
width: 100%;
}
/* Activity */
.group.activity {
margin-top: 25px;
}
.activity > ul > li {
border-bottom: none;
margin-bottom: 30px;
}
.activity > ul > li > a > img {
border: 1px solid #ececec;
}
.activity > ul > li > a:first-child > img {
border-radius: 50%;
}
.activity .item {
background-color: #f0f0f0;
border: none;
margin: 20px 0 0 70px;
padding: 10px 15px;
}
/*******************/
/* Cart & Checkout */
/*******************/
/**** Cart ****/
.cart-empty {
background-color: transparent;
border: none;
}
.cart-empty h3,
.cart-wishlist-empty h3 {
font-weight: 400;
font-size: 14px;
text-transform: none;
text-align: center;
}
.cart-items {
margin-top: 50px;
margin-bottom: 50px;
}
.cart-items table thead th {
font-weight: 300;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.cart-items table thead tr {
border-bottom-color: #dfdcda;
}
.cart-items table tbody td,
.cart-totals table td,
.cart-totals table tfoot td {
font-size: 16px;
font-weight: 300;
letter-spacing: 0.5px;
}
.cart-items table td img {
border-color: #ececec!important;
margin-top:0;
}
.cart-items .item-info .item-title,
.cart-items .item-info .item-title a,
.cart-items .item-info .item-title .item-artist a {
font-size: 14px;
font-weight: 300;
}
.cart-items .item-info .item-options label,
.cart-totals .shipping-change label {
font-weight: 400;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
}
.cart-items .item-info .item-option-current label.item-option-name {
font-weight: 500;
font-size: 14px;
text-transform: none;
cursor: text;
}
.cart-items .item-info .item-options button:hover,
.cart-items .item-info .item-options button:active,
.cart-items .item-actions button:hover,
.cart-items ul.cart-item-qty li button:hover {
color: #0500e8;
}
.cart-items .item-info .item-options button,
.cart-items .item-actions button {
color: #343434;
}
.cart-items table .item-info .item-type,
.cart-checkout-summary td.item-info .item-type {
color: #343434;
font-style: normal;
}
.cart-items .item-actions li {
margin-right: 10px;
}
.cart-items table .item-info .item-ships {
color: #343434;
font-style: normal;
margin-top: 10px;
}
.cart-items .price, .cart-totals .price {
font-weight: 300;
}
.cart-items .item-info .item-option-select,
.cart-totals .shipping-change form {
background-color: #f4f2f1;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 5px 10px 10px 10px;
}
.cart-items .item-info .item-option-select {
width: calc(100% - 20px);
margin: 5px 0;
}
.cart-items .item-info .item-option-select button,
.cart-totals .shipping-change button{
display: block;
margin-left: 15px;
height: 40px;
line-height: 40px;
float: right;
}
.cart-items .item-info .item-option-select button[type='submit'],
.cart-totals .shipping-change button[type='submit'] {
font-weight: 400;
}
.cart-items table .item-qty .cart-item-qty,
.cart-items ul.cart-item-qty li {
text-align: center;
}
.cart-items ul.cart-item-qty li span.cart-item-qty-value {
color: #343434;
font-size: 16px;
margin: 0 2px;
}
.cart-totals table td {
text-transform: uppercase;
}
.cart-totals button {
color: #343434;
text-transform: none;
}
.cart-totals button:hover {
color: #0500e8;
}
.cart-totals .cart-total-desc {
text-transform: none;
}
.cart-totals .cart-total-desc span {
font-weight: 500;
}
.cart-totals .shipping-change td {
text-align: left;
}
.cart-buttons {
border-top-color: #dfdcda;
padding-top: 20px;
}
.cart-buttons ul.cart-discounts-links a {
color: #343434;
font-size: 16px;
font-weight: 300;
}
.cart-buttons ul.cart-discounts-links a:hover {
color: #0500e8;
}
.cart-buttons .cart-button span {
display: inline-block;
width: 20px;
height: 38px;
line-height: 38px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTggMTB2LTRjMC0zLjMxMy0yLjY4Ny02LTYtNnMtNiAyLjY4Ny02IDZ2NGgtM3YxNGgxOHYtMTRoLTN6bS0xMC00YzAtMi4yMDYgMS43OTQtNCA0LTRzNCAxLjc5NCA0IDR2NGgtOHYtNHptMTEgMTZoLTE0di0xMGgxNHYxMHoiLz48L3N2Zz4=");
background-position: center 6px;
background-size: 18px 18px;
background-repeat: no-repeat;
vertical-align: middle;
}
.shopping-cart .col3 .col {
margin-top: 50px;
}
.shopping-cart .col3 .col.border {
border-color: #dfdcda;
}
.shopping-cart .col3 .col h3 {
font-size: 16px;
text-transform: uppercase;
}
.cart-credits .cart-credits-current,
.cart-coupon .coupon-change {
color: #343434;
}
.cart-credits .cart-credits-current span {
font-weight: 500;
}
#col-coupon {
min-width: 325px;
}
.cart-coupon form {
margin: 0;
}
.cart-footer-box h3 {
font-family: Roboto, Arial, Helvetica, clean, sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.cart-footer-box h3 i {
font-size: 18px;
}
.cart-testimonial-text h2 {
font-size: 20px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
}
.cart-testimonial-text p {
font-size: 14px;
font-style: normal;
}
.cart-testimonial-signature p:first-child {
font-weight: 400;
}
/* Checkout */
.cart-checkout-section,
.cart-review-section,
.cart-review-buttons {
border: none;
}
.cart-checkout-section,
.cart-review-section,
.cart-review-buttons {
padding: 20px 0;
}
.cart-checkout-subsection:first-child,
.cart-review-subsection:first-child {
border: none;
}
.cart-checkout-subsection:last-child,
.cart-review-subsection:last-child {
border: none;
}
.cart-checkout-subsection.title.helper {
margin-top: 80px;
}
#cart-checkout-form h3,
.cart-review-section h3 {
padding-left: 0;
font-size: 16px;
text-transform: uppercase;
}
.cart-checkout-subsection h3.form-title + p.description {
font-weight: 300;
margin: 5px 0px 15px;
}
#cart-checkout-form h3.form-title.absolute {
padding-left: 0;
}
#cart-checkout-form p.description.absolute {
padding-left: 0;
top: 50px;
font-weight: 300;
}
#cart-checkout-form dl input[type="hidden"] + dt {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#payment-type-label label {
width: 287px;
}
#cart-checkout-form input[type="text"][disabled],
#cart-checkout-form input[type="password"][disabled],
#cart-checkout-form select[disabled],
#cart-checkout-form textarea[disabled] {
background-color: #f4f2f1!important;
}
dd#payment-credits-element label,
dd#payment-save-element label,
dd#shipping-save-element label,
dd#legal-element label {
line-height: 150%;
margin-top: -5px;
font-weight: 400;
}
.cart-checkout-summary {
padding-top: 20px;
}
.cart-checkout-summary table {
letter-spacing: 0.5px;
font-weight: 300;
}
.cart-checkout-summary table thead th {
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
padding-bottom: 10px;
}
.cart-checkout-summary table thead tr,
.cart-checkout-summary table tbody tr.no-options,
.cart-checkout-summary table tbody tr.cart-checkout-item-options {
border-bottom-color: #dfdcda;
}
.cart-checkout-summary table tbody td span {
color: #343434;
font-size: 13px;
font-weight: 300;
}
.cart-checkout-summary table td.item-info span.item-title,
.item-options-table td.item-option-info .item-option-name {
color: #343434;
font-size: 16px;
font-weight: 300;
}
.cart-checkout-summary td.item-total .price,
.item-options-table td.item-option-total .price {
color: #343434;
font-size: 16px;
font-weight: 300;
}
table.item-options-table tbody td span.item-option-change a:hover {
color: #0500e8;
}
.cart-checkout-summary tfoot td {
text-transform: uppercase;
}
.cart-checkout-summary tfoot td span.price {
font-size: 14px;
}
.cart-checkout-summary tfoot td.total-sub {
color: #343434;
font-size: 13px;
padding-left: 0;
}
.cart-checkout-summary tfoot td.total-main {
color: #343434;
font-size: 15px;
}
.cart-checkout-summary tfoot td.total-main span.price {
font-size: 16px;
}
#cart-checkout-submit .description {
font-size: 13px !important;
padding-top: 14px;
}
/* Order Confirmation */
#order-complete {
background-color: #e0f2d1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: none;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 25px;
margin-bottom: 35px;
}
/******************/
/* Search Results */
/******************/
#search-form {
margin: 25px 0 35px;
}
#search-form #search-q {
width: 475px!important;
height: 46px;
line-height: 38px;
font-size: 16px;
}
.search-list {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.search-list li.search-empty {
background-color: transparent;
border: none;
padding: 75px 50px;
}
.search-list li.search-result {
border-bottom: none;
padding: 0;
margin-bottom: 35px;
}
.search-result p.detail {
font-size: 12px;
margin: 3px 0;
}
.search-result p .search-result-type {
display: inline-block;
border: 1px solid #b6b5b1;
padding: 0 3px;
font-size: 11px;
line-height: 140%;
margin-right: 3px;
}
/************/
/* Partners */
/************/
/* Partners List Page */
#partner-all-list {
margin-top: 0;
}
.page-description + #partner-all-list {
margin-top: 50px;
}
/*****************/
/* Legal & Other */
/*****************/
.about-content, .about-boxes {
background: none;
}
.about-boxes .about-boxes-inner {
padding-top: 60px;
}
.about-boxes .about-boxes-inner .row .box {
border: none;
}
.about-boxes .about-boxes-inner .row .box:hover {
border: none;
}
.about-boxes .about-boxes-inner .row .box .content {
height:140px;
}
.about-boxes .about-boxes-inner .row .box h2 a {
color: #343434;
}
.about-boxes .about-boxes-inner .row .box:hover h2 a {
color: #343434;
}
.about-boxes .about-boxes-inner .row .box h2.dot span {
background: none;
padding: 0;
}
.about-boxes .about-boxes-inner .row .box p {
font-size: 14px;
}
.about-nav ul li,
.about-nav ul li a {
font-size: 14px;
line-height: 160%;
text-transform: none;
text-decoration: none;
}
.about-nav ul li.selected,
.about-nav ul li:hover {
border-left-color: #0500e8;
}
.about-nav ul li.selected a {
color: #0500e8;
}