/* Theme Name: GdR Players Hype Theme URI: http://www.tomstardust.com/wordpress-themes/ Author: Tommaso Baldovino Author URI: http://www.tomstardust.com/ Description: The official theme for GdRPlayers.it Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, white, light, responsive-layout, accessibility-ready, custom-menu, microformats, post-formats, sticky-post, threaded-comments, translation-ready Text Domain: gdrplayers * * * Main Colors * * Links: #C22 * Text: #555 * Titles: #222 * */ @import url('//fonts.googleapis.com/css?family=Raleway:400,400i,700,800'); @import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css'); @import url('//stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css'); /* -- Reset -- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; vertical-align: baseline; background: transparent;} ins {background-color: #ff9; color: #000; text-decoration: none;} mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help; text-decoration: none;} table {border-collapse: collapse; border-spacing: 0;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1rem 0; padding: 0;} input, select {vertical-align: middle;} /* -- Alignment -- */ .alignleft, .left {display: inline; float: left; margin-bottom: 15px; margin-right: 10px;} .alignright, .right {display: inline; float: right; margin-bottom: 15px; margin-left: 10px;} .aligncenter {display: block; margin-right: auto; margin-left: auto; clear: both; margin-bottom: 15px;} .wp-caption {margin-bottom: 15px;} .img-responsive {width: 100%; height: auto;} @media only screen and (max-width: 575px) { .wp-block-image .alignright, .wp-block-image .alignleft {float: none !important; margin: 15px auto !important;} img.alignleft, img.alignright, img.aligncenter, img.alignnone {float: none; width: 100%; height: auto; margin: 15px auto; display: block;} .img-responsive-mobile {width: 100%; height: auto;} } /* -- Typography -- * * Desktop: 36 25 18 13 * Mobile: 25 18 15 11 * */ body {font-family: Raleway, Arial, sans-serif; font-weight: 400; font-size: 18px; color: #555;} h1, h2, h3, h4, h5, .title-sm {font-size: 18px; font-weight: 700; line-height: 1; color: #222; margin-bottom: 5px;} h1, .title-lg {font-size: 36px; font-weight: 800; } h2, .title-md {font-size: 21px; font-weight: 800; text-transform: uppercase;} h4 {font-size: 13px; text-transform: uppercase;} ul, ol {margin-left: 15px;} p, li {line-height: 1.5; margin-bottom: 10px;} li, .children li:last-child {margin-bottom: .2rem; margin-top: .2rem;} li:last-child {margin-bottom: 1rem;} strong {font-weight: 700;} blockquote {font-style: italic;} a {color: #C22; text-decoration: none;} a:hover {color: #E22; text-decoration: none;} .alert a {color: #155724; text-decoration: underline;} .alert-warning a {color: #c22;} .shout {text-transform: uppercase;} .abstract {font-size: 13px;} .hidden {display: none;} .title-compact {text-transform: uppercase; font-size: 13px; font-weight: bold; margin: 0;} .title-deco {text-transform: uppercase; padding: 0 120px; background: url(img/header-deco-left.png) left center no-repeat, url(img/header-deco-right.png) right center no-repeat; display: inline-block; height: 80px; padding-top: 22px; padding-bottom: 22px; margin: 0; position: relative;} .title-deco:before {content: ""; position: absolute; left: 50%; top: 0; margin-left: -75px; height: 1px; width: 150px; border-top: 1px solid #222;} .title-deco:after {content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -75px; height: 1px; width: 150px; border-bottom: 1px solid #222;} @media only screen and (max-width: 767px) { .title-deco {background: none; padding: 15px 0; height: auto;} } .column-2 {column-count: 2; column-gap: 0;} .column-md-2 {column-count: 2;} .column-md-3 {column-count: 3;} @media only screen and (max-width: 575px) { body {font-size: 15px;} h1, .title-lg {font-size: 25px;} h2, .title-md {font-size: 18px;} .abstract {font-size: 11px;} } @media only screen and (max-width: 767px) { .column-md-2 {column-count: auto;} .column-md-3 {column-count: auto;} } .wp-block-image figcaption { padding: 5px; font-size: 13px; font-style: italic; line-height: 1.4; text-align: center; } .taxonomy-description { margin-bottom: 2em; } .taxonomy-description p { font-style: italic; } /* -- Bootstrap override --*/ .btn {border-radius: 1.5rem; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: .375rem 1.5rem;} .btn-lg {padding: .75rem 2rem;} .btn-primary {background-color: #c22; border-color: #c22; color: #fff;} .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {background-color: #e22; border-color: #e22;} .btn-outline-primary {border-color: #c22; color: #c22;} .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {background-color: #c22; border-color: #c22;} .badge {border-radius: .1rem;} .badge-primary {background-color: #c22;} .badge-secondary {background-color: #222;} .badge-small {font-size: 13px; vertical-align: middle;} .btn-link {color: #c22;} .btn-link:hover, .btn-link:active, .btn-link:focus {color: #e22;} legend {font-size: 16px; font-weight: bold; margin-bottom: 10px;} .form-check {margin-bottom: 8px;} .form-check-label {font-size: 16px; vertical-align: middle;} .required-label {color: #f00;} .table {font-size: 15px;} .nav-tabs .nav-item {margin-right: 5px; font-weight: bold} .nav-link {padding-left: 1rem; padding-right: 1rem;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #C22;} .lead {font-size: 18px; color: #c22; font-weight: 800; line-height: 1;} .progress {background-color: #eee;} .progress-bar {background-color: #28a745;} .form label {font-weight: 700; font-size: 16px; margin-bottom: 5px; color: #222;} .card.bg-light {border: none;} @media only screen and (min-width: 767px) { .table .action {visibility: hidden;} .table tr:hover .action {visibility: visible;} .lead {font-size: 23px;} } /* -- WPForms Override -- */ .wpforms-container.wpforms-container-full .wpforms-form .btn-primary {background-color: #c22; border-color: #c22; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 15px;} .wpforms-container.wpforms-container-full .wpforms-form .btn-primary:hover {background-color: #e22; border-color: #e22;} .wpforms-container.wpforms-container-full .wpforms-form .btn-primary.d-block {width: 100%;} .wpforms-container.wpforms-container-full .wpforms-form .abstract .wpforms-field-label-inline {font-size: 13px;} .wpforms-container.wpforms-container-full .wpforms-form .abstract li {line-height: 1em;} /* -- Site-wide Styles -- */ body {background: #fff;} hr.d6, hr.d20, hr.scroll, hr.wizard {border-top: 3px solid #c22; width: 200px; margin: 3rem auto;} hr.d6:before, hr.d20:before, hr.scroll:before, hr.wizard:before {content: "\f6d1"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #c22; font-size: 25px; display: block; width: 60px; margin: -15px auto 0; background: #fff;} hr.d20:before {content: "\f6cf";} hr.scroll:before {content: "\f70e";} hr.wizard:before {content: "\f6e8";} .no-border-radius {border-radius: 0;} .site-header {background: url(img/header-dungeons-and-dragons.jpg) center top no-repeat #000;} /* -- Header --*/ .site-title-img {width: 100%; max-width: 375px; height: auto;} .menu-top {display: flex; justify-content: flex-end; list-style: none; margin: 0; background: rgba(0,0,0,0.7);} .menu-top li {margin: 0; padding: 0;} .menu-top a {display: inline-block; margin: 0; padding: 10px 20px; color: #fff; text-decoration: none;} .menu-top a:hover {background: rgba(255,255,255,0.1);} .site-header-main {margin-top: 30px; margin-bottom: 30px;} .site-title {display: inline-block; margin: 0;} .header-buttons {margin-top: 15px;} @media only screen and (max-width: 767px) { .header-buttons {margin-top: 10px;} } @media only screen and (max-width: 567px) { .header-buttons {margin-top: 0px;} .site-header {overflow: hidden;} } .user-box {text-align: right; margin-top: 20px;} .user-menu {color: #fff; text-decoration: none;} .user-menu:hover {color: #ddd; text-decoration: none;} .user-links {margin: 5px 0 0 0; padding: 0; list-style: none;} .user-links li {display: inline-block; margin: 0 0 0 15px; line-height: 1;} .user-photo {margin-left: 15px; position: relative;} .user-photo:hover::before {font-family: "Font Awesome 5 Free"; content: "\f030"; font-size: 32px; font-weight: 900; color: rgba(255,255,255,.8); text-decoration: none; position: absolute; left: 22px; top: 22px;} .header-mobile .user-photo img {width: 32px; height: 32px; margin-top: 3px;} .header-mobile .user-photo:hover::before {display: none;} .header-mobile .btn-link {font-size: 23px; padding: 0;} .user-nickname {margin-bottom: 5px; font-size: 23px;} .user-inbox {position: relative; margin-left: 15px;} .user-inbox-badge {position: absolute; right: -6px; top: -12px;} .rounded {border-radius: 50% !important;} .menu-header {display: flex; justify-content: space-around; list-style: none; margin: 0; background: rgba(0,0,0,0.7);} .menu-header li {margin: 0; padding: 0;} .menu-header .menu-item {display: inline-block; flex: 1 1 auto;} .menu-header a {display: block; text-align: center; text-decoration: none; padding: 15px; color: #fff; transition: all .3s ease; text-transform: uppercase; font-size: 13px; font-weight: 700;} .menu-header a:hover {background: rgba(255,255,255,0.1);} .current-menu-item a {background: rgba(0,0,0,0.9)} .menu-item-has-children {position: relative;} .menu-item-has-children:hover .sub-menu {display: block;} .sub-menu {display: none; z-index: 10; width: 210px; position: absolute; left: 0; top: 47px; text-align: left; background: #000; margin: 0; padding: 0;} .menu-item-5559 .sub-menu {left: -240px; width: 680px; -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; column-gap: 0;} .sub-menu .menu-item {display: block;} .sub-menu a {padding: 10px 15px; font-size: 11px; text-align: left;} .menu-mobile {list-style: none; margin: 0; padding: 0;} .menu-mobile li:last-child {margin-bottom: 0;} .menu-mobile .menu-item {margin: 0;} .menu-mobile a {display: block; padding: 15px; margin: 0; background: rgba(0,0,0,0.7); border-top: 1px solid rgba(255,255,255,0.1); text-transform: uppercase; font-size: 13px; font-weight: bold; color: #fff;} .menu-mobile a:hover {background-color: rgba(0,0,0,0.5);} .menu-mobile .current_page_item a {background-color: #000;} .menu-item-highlight a {background-color: #c22;} .menu-item-divider a {border-top: 2px solid #C22;} .menu-mobile .user-photo img {vertical-align: middle; margin: 0 10px 0 0;} .menu-mobile-text {vertical-align: middle;} .menu-item.premium a {background: rgba(204,34,34,.8);} .menu-item.premium a:hover {background: #c22;} /* Content */ .site-main .container {background: #fff; padding-top: 15px; padding-bottom: 15px;} .breadcrumbs {padding: 5px 10px; margin-bottom: 30px; background: #eee;} article.page {margin-top: 15px;} .page-header {margin-bottom: 15px;} .home .page-header {margin-bottom: 0;} .post {margin: 15px 0 5px; padding-bottom: 30px; background: url(img/separator.jpg) bottom center no-repeat;} .entry-content h2, .entry-content h3, .page-content h2, .page-content h3 {margin-top: 30px;} .market .entry-title a {color: #fff; background: #c22; padding: 5px 7px; display: inline-block;} .market .entry-title a:hover {background: #e22;} .fb-like {margin-bottom: 15px;} .form-invisible {border: 1px solid #ccc; border-radius: 3rem; padding-left: 10px; display: inline-block;} @media only screen and (max-width: 1199px) { .form-invisible label {width: 72%;} } .form-invisible .form-control {border-color: transparent; background: transparent;} .form-invisible .btn {margin-top: -5px;} .form-invisible .fa-search {font-size: 20px;} .searchform-container {margin: 40px 10px 60px;} .entry-tags {margin: 5px 0;} .entry-tags a {color: #fff; text-decoration: none;} .entry-tags .badge {margin: 2px 5px 2px 0;} .entry-aside {margin: 5px 0 5px; align-items: center;} .single .entry-aside {margin-bottom: 15px;} .entry-meta {margin: 2px 15px 2px 0;} .entry-comments a .fa {color: #555;} .author-info {margin: 45px 0 15px; padding: 30px 30px 20px; background: #eee;} .author-avatar {margin-bottom: 10px;} .ads {margin-top: 40px;} @media only screen and (max-width: 991px) { .ads {margin-top: 0; margin-bottom: 20px;} } .ads-spaced {margin-bottom: 15px;} .ads-double-spaced {margin-top: 30px; margin-bottom: 30px;} .pagination {display: block; } .page-numbers {padding: 5px 10px; border: 1px solid; border-radius: .1rem; } .page-numbers.current, .page-numbers.dots, .page-numbers.prev, .page-numbers.next {border-color: transparent;} a.page-numbers:hover {background-color: #c22; color: #fff; border-color: #c22;} .userlist, .userlist ul {font-size: 18px; margin: 0; padding: 0;} .userlist {margin: 15px 0;} .userlist li {list-style: none; padding: 0; margin: 0; margin-bottom: 5px;} .userlist-name {font-weight: 700; text-decoration: none;} .userlist-location {font-size: 13px;} .userlist h4 {margin-top: 20px;} #comment {height: 100px;} .comment-form-comment label {display: block;} .comment-form-comment textarea {width: 100%; border: 1px solid #ccc;} .navigation-container {margin: 30px 0;} .navigation-container a {text-decoration: none;} .meta-nav {color: #222;} .comments-title {margin-bottom: 15px; margin-top: 30px;} .comment-list {font-size: 13px;} .comment-author-name {font-size: 18px; color: #222;} .comment {background: #eee; padding: 15px; margin-bottom: 15px; border-radius: .2rem;} .comment.odd {background: #fff;} .comment.bypostauthor {border: 1px solid #c22;} .children .comment {list-style: lower-latin;} .comment .photo {float: left; margin-right: 15px; border-radius: 3rem; border: 5px solid #fff;} .comment-author {margin-bottom: 5px;} .comment-author-name {margin-right: 5px;} .comment-time {float: right; margin-top: 5px;} #cancel-comment-reply-link {font-size: 13px;} #respond {margin-top: 15px;} #map_canvas {margin: 20px 0; width: 100%; height: 600px; border: 1px solid #ccc;} #user_map_area {margin-bottom: 40px;} .formatted-list h3 {background: #222; color: #fff; padding: 5px;} .formatted-list ul {font-size: 13px;} .author .formatted-list {column-count: 5;} @media only screen and (max-width: 575px) { .author .formatted-list {column-count: auto;} } @media only screen and (max-width: 991px) { .author .formatted-list {column-count: 2;} } .box-impact {padding: 10px 10px; margin-bottom: 15px; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.5); background: #c22; position: relative;} .box-impact-outline {padding: 20px; border: 3px solid #c22; margin: 20px 0;} .box-impact-outline p:last-child {margin-bottom: 0;} .box-impact-light {border-color: #ccc;} .box-impact-dark {background: #222; padding: 20px 10px;} .box-impact-big {padding-top: 30px; padding-bottom: 30px; margin: 30px 0} .box-impact-inverse {background: #ccc color: #222; padding: 20px 10px; text-shadow: none;} .box-impact-close {position: absolute; right: 10px; top: 7px; color: #AAA;} .box-impact-partner {position: absolute; left: 10px; top: 7px; font-size: 13px; text-transform: uppercase; color: #AAA; font-weight: bold;} @media only screen and (min-width: 991px) { .box-impact-dark {padding: 30px 10px;} .box-impact-big {padding-top: 40px; padding-bottom: 40px;} .box-impact .flag {padding-left: 56px; background: url(img/flag.png) left center no-repeat; display: inline-block;} } .box-impact p {line-height: 1.1;} .box-impact p:last-child {margin-bottom: 0;} .box-quotes {margin-bottom: 50px;} .box-quote {background: #eee; background: linear-gradient(to bottom, #fff 0%,#eee 100%); border-radius: 3px; margin: 10px 0; padding: 20px 15px 10px;} .box-quote-text {margin: 15px 0; font-weight: 800; font-size: 13px;} .box-light {background: #eee; padding: 20px; margin: 20px 0;} /* Premium text banner */ .home #banner-premium {margin-top: -20px; border-top: 1px solid #444;} .home.logged-in #banner-premium {margin-top: 0;} .home #banner-premium .title-lg {font-size: 21px;} .home.logged-in #banner-premium .title-lg {font-size: 36px;} @media only screen and (max-width: 575px) { .home.logged-in #banner-premium .title-lg {font-size: 25px;} } /* User profiles */ .author h1 {font-size: 21px;} .user-infobox {break-inside: avoid;} .author .card-header {border: none; font-size: 15px; color: #fff; background-color: #28a745; font-weight: bold; } /* Profile edit */ .page-template-profile-edit label {margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 13px;} .page-template-profile-edit label.form-check-label {margin-bottom: 0; text-transform: none; font-weight: normal; font-size: 16px;} #geoloc_login #map4ad_search.form-control {background: #fff; font-size: 1rem; padding: .375rem .75rem; border: 1px solid #ced4da;} #userphoto {margin-top: 2rem;} #userphoto th, #userphoto td {display: block;} /* -- Sales Pages -- */ .sales-page .header {background: #222; background: radial-gradient(circle, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%);} .sales-page h1, .sales-page h2, .sales-page h3 {font-size: 34px; font-weight: 800; text-transform: none;} .sales-page h3 {font-size: 23px;} .sales-page li {font-size: .9rem; font-weight: 700; margin-top: 1rem; margin-bottom: 1rem;} .sales-page .fa-li {color: #c22;} @media only screen and (min-width: 767px) { .sales-page h1, .sales-page h2 {font-size: 48px;} .sales-page h3 {font-size: 34px;} .sales-page li {font-size: 1.2rem;} } .sales-page .card-header {padding: 5px 0;} /* -- Sidebar -- */ .sidebar {font-size: 13px;} .widget {margin-bottom: 30px;} .widget-title {font-size: 13px; text-transform: uppercase; margin-bottom: 10px;} .widget_search .form-control-lg {font-size: 1em;} /* -- Footer -- */ .site-footer {background: #222 url(img/footer.jpg) center center repeat; color: #aaa; padding-top: 45px; padding-bottom: 45px;} .site-footer a {color: #fff;} .site-footer a:hover {text-decoration: none;} .site-footer h3 {color: #fff;;} .site-footer-widgets {display: flex; justify-content: space-between;} .site-footer .widget {font-size: 13px; max-width: 25%;} .widget_tag_cloud {max-width: 20%;} .tag-cloud-link {text-decoration: none; padding: 2px; display: inline-block;} @media only screen and (max-width: 575px) { .site-footer h3 {text-align: center;} .site-footer-widgets {display: block;} .site-footer .widget {max-width: none; margin-bottom: 3rem;} .widget_tag_cloud {max-width: none;} } /* Front End PM */ #fep-notification-bar {border: none !important; font-size: 13px !important; border-radius: 0 !important; background-color: #ffc !important;} #fep-notification-bar .fep-notice-dismiss {padding: 7px;} #fep-wrapper {font-size: 16px;} code {background: transparent; border-radius: 0; color: inherit; font-size: 1em; padding: 0; font-family: Raleway;} #fep-header {border: none !important;} #fep-header .photo {height: 50px; width: auto; border-radius: 4rem;} #fep-header > div > div:first-child {width: 75px; vertical-align: middle;} #fep-menu {margin: 0 0 20px;} #fep-menu .fep-button, .fep-button, .fep-button-active {margin: 0; text-transform: uppercase; border-radius: 3px !important; border: none !important; font-size: 12px !important; border-radius: 1px !important;} #fep-menu .fep-button:hover, .fep-button-active:hover {font-size: 12px !important; color: #fff !important;} #fep-content {border: none !important; margin: 0 !important; padding: 0 !important;} #fep-content a, .fep-message-toggle-all {color: #c22 !important; text-decoration: none !important;} #fep-content p, #fep-content form {margin: 5px 0 !important;} #fep-content .avatar {width: 40px; height: 40px;} #fep-content input[type="text"] {width: 80%;} #fep-content-single-sidebar {display: none;} #fep-footer {border: none !important;} #fep-result {background: #ffd !important; border-color: #dd0 !important;} #fep-result li {border-color: #dd0 !important;} #fep-result li a:hover {background-color: #ffa !important;} .fep-form label {font-size: 13px; font-weight: bold; margin-bottom: 5px;} .fep-form .input-text {padding: 5px;} .fep-cb-check-uncheck-all {margin-right: 5px;} .fep-cb-check-uncheck-all-div {font-size: 13px;} .fep-unread-class {height: auto !important; line-height: normal !important; border-radius: 5px !important; padding: 2px 5px !important; top: 0 !important; left: 5px !important; box-shadow: none !important; white-space: nowrap !important;} .fep-table {margin: 10px 0;} .fep-table .fep-column-avatar, .fep-table .fep-column-fep-cb {padding-right: 0;} .fep-column {padding: 15px 10px;} .fep-column-avatar .photo {height: 60px; width: auto; border-radius: 4rem;} .fep-font-red {color: #fff; margin: 2px;} .fep-table-row {border: 1px solid #eee;} .fep-odd-even > div:nth-child(2n+1) {background: #fff;} .fep-action-table {margin: 0 0 20px !important; border-bottom: 1px solid #ddd;} .fep-action-table > div > div {padding: 10px 10px 20px 0;} .fep-action-table select {margin: 0 !important; width: 100%; padding: 5px; border: 1px solid #ccc;} .fep-action-table .fep-button {padding: 8px 15px; margin: 0; background: #ddd !important; vertical-align: middle; border: 1px solid #ccc; color: #333 !important;} #fep-content input[name="fep-search"] {padding: 8px; border: 1px solid #ccc; box-shadow: 0 1px 2px #ccc inset; width: 300px;} .fep-message .fep-message-title-heading, .fep-per-message .fep-message-title {background: #eee !important; border: none !important; border-radius: 0 !important; font-size: 15px !important; padding: 5px !important; margin: 0 !important;} .fep-message .fep-message-title-heading {font-size: 18px !important; background: transparent !important;} .fep-message .fep-message-title-heading.participants {background: transparent; font-weight: normal;} .fep-message-toggle-all {margin-bottom: 5px;} .fep-per-message {margin: 0 0 10px !important;} #fep-content textarea {height: 100px; border: 1px solid #aaa; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset; padding: 10px;} #fep-content .participants {display: none;} .fep-form-field {margin-bottom: 15px;} .fep-directory-search-form-div {margin-bottom: 15px;} .fep-error, .fep-success, .fep-wp-error {border-radius: 0; color: #fff; font-size: 15px; padding: 15px; border: none; background: #F44336; font-weight: normal;} .fep-error a {color: #fff; text-decoration: underline;} .fep-success {background: #28a745 !important; border-color: #28a745 !important; color: #fff !important;} .fep-wp-error, .fep-error {color: #fff !important; text-align: center !important; background: #c22 !important; border-color: #c22 !important;} /* Mailchimp form */ #mc_embed_signup {padding: 30px; background: #eee; margin: 2em 0;} #mc_embed_signup label {text-transform: uppercase; font-size: 13px; font-weight: bold; color: #222; margin-bottom: 5px; display: block;} #mc_embed_signup .email {width: 100%; padding: 5px; margin-bottom: 1em;} #mc-embedded-subscribe {width: 100%; text-transform: uppercase; font-weight: bold;} /* Memberpress */ #mepr-account-logout, .mepr-account-change-password {display: none;} #mepr_account_form .mepr-submit {padding: 10px 20px; background: #c22; color: #fff; font-weight: bold; font-size: 15px; text-transform: uppercase; border: none;} .mepr-no-active-subscriptions, .mp-no-subs {margin-bottom: 2rem;} .sales-page .mp_wrapper form {text-align: center;} .sales-page .mp_wrapper h3 {display: none;} .sales-page .mp_wrapper .mepr-payment-method-icon img {height: 40px !important;} .sales-page .mepr-payment-methods-icons {margin-bottom: 1rem;} .mepr-payment-methods-wrapper {margin: 1rem;} .mp_wrapper .mepr-payment-method, .mepr-payment-method-desc-text h4 {font-weight: 400; font-style: italic; text-transform: none; font-size: 15px; color: #555;} .mepr-submit {border-radius: 1.5rem; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 1rem 2rem; background-color: #c22; border: none; color: #fff; margin-bottom: 1rem;} .mepr-submit:hover, .mepr-submit:not(:disabled):not(.disabled):active, .mepr-submit:focus {background-color: #e22; border-color: #e22;} .mepr-coupon {padding: 10px; margin: 10px; background: #f4f4f4;} .mepr-coupon-code {margin-top: 5px;}