.review-item-image { position: relative; } .review-item-image .review-item-badge { display: inline-block; position: absolute; z-index: 3; max-width: 137px; top: 0; left: 0; width: 25%; } @media (max-width: 500px) { .review-item-image .review-item-badge { top: -15px; } } .review-item-image .review-item-badge img { max-width: 100%; } /*.open-badge-popup-link { cursor: pointer; display: inline-block; color: #2DC7F2; margin-top: 10px; text-decoration: underline; font-size: 14px; } .open-badge-popup-link:hover { color: #242f71; }*/ .open-badge-popup-button { display: block; text-align: center; margin-top: 10px; } /*.open-badge-popup-button a { cursor: pointer; display: inline-block; background-color: #253FE1; border: 1px solid #253FE1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 70%; color: #FFF; font-size: 8px; text-transform: uppercase; padding: 5px 5px 10px 5px; line-height: 1; } .open-badge-popup-button a:hover { background: white; color: #253FE1; } .open-badge-popup-button a:before { content: ''; display: inline-block; width: 13px; height: 13px; background-image: url('../..https://garagegymbuilder.com/images/embed_icon_sprite.png'); background-position: left; background-size: cover; margin: 5px 5px -4px -5px; } .open-badge-popup-button a:hover:before { background-image: url('../..https://garagegymbuilder.com/images/embed_icon_sprite.png'); background-position: right; }*/ .open-badge-popup-button a { display: inline-block; font-size: 0; cursor: pointer; width: 96px; height: 33px; background: url(../..https://garagegymbuilder.com/images/stripe_embed_badge.png) no-repeat; background-size: 100% auto; } .open-badge-popup-button a:hover { background-position: 0 100%; } .open-badge-popup-icon { display: none; } @media (max-width: 643px) { .open-badge-popup-button { display: none; } .open-badge-popup-icon { display: block; text-align: center; margin-top: 10px; } .open-badge-popup-icon a { cursor: pointer; display: inline-block; width: 40%; height: auto; min-width: 20px; } } #badge-code { text-align: center; } #badge-code input.badge_type { display: none; } #badge-code input.badge_type + label { cursor: pointer; display: inline-block; text-align: center; width: 142px; line-height: 37px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 12px; text-transform: uppercase; transition: all 0.3s ease; border: 1px solid #253fe1; background: transparent; color: #253fe1; margin-right: 15px; } #badge-code input.badge_type:checked + label { background: #253fe1; color: #fff; } #badge-code input.badge_type + label:hover { background: #2ec7f3; border: 1px solid #2ec7f3; color: #fff; } #badge-code .tabbed-pannel { /*border: 1px solid #2ec7f3;*/ text-align: center; position: relative; background-color: white; padding-top: 10px; margin-top: 15px; } #badge-code textarea.code { width: 90%; resize: none; margin: 0px 0px 10px 0px; font-size: 0.8em; } #badge-code div.viewer { display: inline-block; text-align: center; /*border: 1px solid #2ec7f3;*/ width: 90%; margin: 0px 0px 10px 0px; } #badge-code div.viewer iframe { min-height: 180px; display: inline-block; } /*-------------rc-popup---------------*/ .rc-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; display: none; } .rc-modal .overlay { position: absolute; background: rgba(45, 199, 242, 0.5); top: 0; bottom: 0; left: 0; right: 0; } .rc-modal .modal-panel { width: 680px; /*min-height: 300px;*/ margin: 180px auto; padding: 50px 100px; background: #ffffff; border-radius: 8px; position: relative; } .rc-modal .modal-panel .close { position: absolute; display: block; top: 0; right: 0; margin: 15px; width: 20px; height: 20px; z-index: 10; } .rc-modal .modal-panel .close:before, .rc-modal .modal-panel .close:after { content: ''; position: absolute; margin: --.5px -14px; top: 50%; left: 50%; height: 1px; width: 28px; background: rgba(45, 199, 242, 0.9); } .rc-modal .modal-panel .close:before { transform: rotate(45deg); } .rc-modal .modal-panel .close:after { transform: rotate(-45deg); } @media (max-width: 643px) { .rc-modal .modal-panel { width: auto; margin: 95px 0px 0px 0px; padding: 50px 6%; border-radius: 0; height: auto; } } /*-------------rc-popup end-----------*/