/* ========================================================================== #Transitions ========================================================================== */ #pjWrapperPHPReview .pjRrBtn, #pjWrapperPHPReview .pjRrStars a, #pjWrapperPHPReview .pjRrCustomRadioFake, #pjWrapperPHPReview .pjRrCustomInputChecked label, #pjWrapperPHPReview .pjRrPagination a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperPHPReview .pjRrBtnPrimary { height: 47px; padding: 0 50px; border: 1px solid #63b46c; font-size: 18px; line-height: 43px; font-weight: 700; border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26); } #pjWrapperPHPReview .pjRrBtnSecondary { height: 28px; padding: 0 10px; border: 1px solid #bdc0c6; font-size: 12px; line-height: 1.2; font-weight: 600; border-radius: 8px; } #pjWrapperPHPReview .pjRrBtnSecondary:hover { text-decoration: none; } /* ========================================================================== #pjRrContainer ========================================================================== */ #pjWrapperPHPReview .pjRrContainer { font-family: 'Open Sans', sans-serif; } /* ========================================================================== #pjRrAside ========================================================================== */ #pjWrapperPHPReview .pjRrAside { padding-bottom: 15px; } #pjWrapperPHPReview .pjRrAsideArticle { padding-top: 20px; } #pjWrapperPHPReview .pjRrAsideArticleHead { padding-bottom: 30px; text-align: center; } #pjWrapperPHPReview .pjRrAsideArticleTitle { margin: 0; font-size: 28px; line-height: 1.05; font-weight: 700; } #pjWrapperPHPReview .pjRrAsideArticleSubTitle { margin: 0; font-size: 13px; line-height: 1.46; font-weight: 400; } #pjWrapperPHPReview .pjRrAsideArticleSubTitle strong { font-weight: 600; } #pjWrapperPHPReview .pjRrAsideArticleHead .pjRrRating { padding-top: 30px; } #pjWrapperPHPReview .pjRrAsideArticleHead .pjRrRating span { display: inline-block; height: 115px; width: 115px; padding: 0 20px; font-size: 48px; line-height: 115px; font-weight: 700; } #pjWrapperPHPReview .pjRrAsideArticleBody h3 { margin: 0; padding-bottom: 20px; font-size: 18px; line-height: 1.06; font-weight: 700; text-align: center; } #pjWrapperPHPReview .pjRrAsideArticleBody p { padding-bottom: 20px; font-size: 14px; line-height: 1.71; text-align: center; } #pjWrapperPHPReview .pjRrProgressTitle { margin: 0; font-size: 13px; line-height: 1.46; font-weight: 400; } #pjWrapperPHPReview .pjRrProgressInner { position: relative; overflow: visible; height: 13px; margin-right: 30px; border: 1px solid #dfe0e6; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperPHPReview .pjRrProgressValue { position: absolute; top: 0; right: -30px; display: inline-block; width: 30px; margin: -3px 0 0; font-size: 14px; line-height: 1.2; } #pjWrapperPHPReview .pjRrProgressBar { height: 13px; margin: -1px 0 0 -1px; border: 1px solid #0898f9; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperPHPReview .pjRrAsideArticleFoot { padding-top: 5px; } #pjWrapperPHPReview .pjRrAsideArticleActions { text-align: center; } /* ========================================================================== #pjRrContent ========================================================================== */ #pjWrapperPHPReview .pjRrContent { position: relative; overflow: hidden; padding: 22px 15px 25px 35px; } #pjWrapperPHPReview .pjRrContent:before { position: absolute; top: 120px; left: -30px; width: 50px; height: 50px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #pjWrapperPHPReview .pjRrReviewsSort { padding-bottom: 22px; } #pjWrapperPHPReview .pjRrReviewsSort .form-control { overflow: hidden; padding: 0; border: 0; background: url(../img/frontend/selectDropDownTriangle.png) no-repeat center right; -webkit-box-shadow: none; box-shadow: none; background: none\0; } #pjWrapperPHPReview .pjRrReviewsSort .form-control select { width: 100%; height: 100%; padding: 0 20px 0 10px; border: 0; font-size: 13px; line-height: 1.46; font-weight: 600; cursor: pointer; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #pjWrapperPHPReview .pjRrReviewsSort .form-control select::-ms-expand { display: none; } #pjWrapperPHPReview .pjRrReviewsSort label { font-size: 13px; line-height: 1.46; font-weight: 400; } /* ========================================================================== #pjRrReview ========================================================================== */ #pjWrapperPHPReview .pjRrReview, #pjWrapperPHPReview .pjRrReviewHead, #pjWrapperPHPReview .pjRrReviewBody { border: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperPHPReview .pjRrReview { margin-bottom: 0; padding-bottom: 35px; } #pjWrapperPHPReview .pjRrReviewMeta { padding-top: 2px; } #pjWrapperPHPReview .pjRrReviewMeta strong { font-size: 16px; line-height: 1.19; font-weight: 600; text-transform: capitalize; } #pjWrapperPHPReview .pjRrReviewMeta small { font-size: 12px; line-height: 1.58; font-weight: 400; } #pjWrapperPHPReview .pjRrReviewHead p { margin: 0; } #pjWrapperPHPReview .reviewActions p { display: inline-block; padding-right: 3px; font-size: 12px; line-height: 1.58; font-weight: 600; } #pjWrapperPHPReview .pjRrReviewBody { border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .1); } #pjWrapperPHPReview .pjRrReviewTitle { margin: 0; padding-bottom: 10px; font-size: 19px; line-height: 1.6; font-weight: 600; } #pjWrapperPHPReview .pjRrReviewTitle .pjRrRating { display: inline-block; width: 32px; height: 32px; margin-right: 10px; padding: 0; font-size: 13px; line-height: 32px; text-align: center; } #pjWrapperPHPReview .pjRrReviewBadges { margin: 0 -15px; padding: 10px 15px; border-top: 1px dashed rgba(0, 0, 0, .1); border-bottom: 1px dashed rgba(0, 0, 0, .1); } #pjWrapperPHPReview .pjRrReviewBadge { position: relative; display: inline-block; height: 18px; padding: 0 8px 0 10px; font-size: 11px; line-height: 18px; font-weight: 400; border-radius: 0 3px 3px 0; } #pjWrapperPHPReview .pjRrReviewBadge:before { position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; content: ""; } #pjWrapperPHPReview .pjRrReviewBadge:after { position: absolute; top: 0; left: -9px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid blue; content: ""; } #pjWrapperPHPReview .pjRrReviewComments li { overflow: hidden; padding: 10px 0; } #pjWrapperPHPReview .pjRrReviewComments li:last-of-type { padding-bottom: 0; } #pjWrapperPHPReview .pjRrReviewComments .pjRrReviewCommentBadge { float: left; width: 15px; height: 15px; margin: 2px 10px 0 0; padding: 0; line-height: 14px; text-align: center; vertical-align: middle; } #pjWrapperPHPReview .pjRrReviewComments .pjRrReviewCommentBadgeRed { background: #d65f5f; } #pjWrapperPHPReview .pjRrReviewComments .pjRrReviewCommentBadgeGreen { background: #77c380; } #pjWrapperPHPReview .pjRrReviewComments li span { overflow: hidden; display: block; } /* ========================================================================== #pjRrPagination ========================================================================== */ #pjWrapperPHPReview .pjRrPagination li { padding: 0 3px; } #pjWrapperPHPReview .pjRrPagination a { display: inline-block; float: none; width: auto; height: 26px; padding: 0 9px; font-size: 12px; line-height: 24px; font-weight: 600; text-align: center; text-transform: capitalize; border-radius: 5px; } /* ========================================================================== #pjRrFormPost ========================================================================== */ #pjWrapperPHPReview .pjRrFormPost .pjRrFormSection { padding: 6px 0 25px; } #pjWrapperPHPReview .pjRrFormPost .pjRrFormTitle { margin: 0; padding-bottom: 25px; font-size: 18px; line-height: 1.06; font-weight: 700; } #pjWrapperPHPReview .pjRrFormPost label { font-size: 15px; line-height: 1.27; font-weight: 600; } #pjWrapperPHPReview .pjRrFormPost .pjRrFormHint { font-size: 12px; line-height: 1.58; } #pjWrapperPHPReview .pjRrRatingStars label { font-size: 15px; line-height: 1.27; } #pjWrapperPHPReview .pjRrStars { display: inline-block; padding-left: 10px; } #pjWrapperPHPReview .pjRrStars li { padding: 0; } #pjWrapperPHPReview .pjRrStars a { display: inline-block; font-size: 26px; } #pjWrapperPHPReview .pjRrStars a:hover { transform: scale(1.1); } #pjWrapperPHPReview .pjRrFormPost .form-control { height: 40px; } #pjWrapperPHPReview .pjRrFormPost textarea.form-control { height: 90px; } #pjWrapperPHPReview .pjRrFormPost .pjRrBtnSecondary { height: 48px; margin-left: 10px; padding: 0 30px; font-size: 18px; line-height: 48px; } /* ========================================================================== #pjRrCustomRadio ========================================================================== */ #pjWrapperPHPReview .pjRrCustomRadio { display: inline-block; margin: 0; padding-right: 25px; margin-bottom: 6px;} #pjWrapperPHPReview .pjRrCustomRadio input { position: absolute; opacity: 0; filter: alpha(opacity=0); } #pjWrapperPHPReview .pjRrCustomRadioFake { float: left; width: 20px; height: 20px; margin-right: 5px; border: 1px solid #c3c5ca; border-radius: 2px; box-shadow: inset 0 2px 2px rgba(0, 0, 0, .11); } #pjWrapperPHPReview .pjRrCustomRadioFake:before { display: inline-block; width: 100%; height: 100%; background: url(../img/frontend/pjRrCustomRadioTick.png) no-repeat center center; opacity: 0; content: ""; } #pjWrapperPHPReview .pjRrCustomRadio label { padding-left: 0; font-size: 14px; line-height: 1.4; font-weight: 400; } #pjWrapperPHPReview .pjRrCustomInputChecked .pjRrCustomRadioFake:before { opacity: 1; } #pjWrapperPHPReview .pjRrCustomInputDisabled .pjRrCustomRadioFake { opacity: .5; filter: alpha(opacity=50); } #pjWrapperPHPReview .radio input, #pjWrapperPHPReview .radio label { cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapperPHPReview .pjRrCustomInputDisabled input, #pjWrapperPHPReview .pjRrCustomInputDisabled label { cursor: default; } /* ========================================================================== #pjRrCaptcha ========================================================================== */ #pjWrapperPHPReview .pjRrCaptcha label { display: block; } #pjWrapperPHPReview .pjRrCaptchaImage, #pjWrapperPHPReview .pjRrCaptchaField { display: inline-block; vertical-align: middle; } #pjWrapperPHPReview .pjRrCaptchaImage { margin-right: 8px; border: 1px solid #999; } #pjWrapperPHPReview .pjRrCaptchaField { width: 197px; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjRrContent ========================================================================== */ #pjWrapperPHPReview .pjRrContent { padding: 15px; } #pjWrapperPHPReview .pjRrContent:before { display: none; } /* ========================================================================== #pjRrAside ========================================================================== */ #pjWrapperPHPReview .pjRrAsideArticleHead { padding-bottom: 15px; } #pjWrapperPHPReview .pjRrAsideArticleHead .pjRrRating { padding-top: 10px; } #pjWrapperPHPReview .pjRrAsideArticleHead .pjRrRating span { height: 58px; width: 58px; padding: 0 10px; font-size: 24px; line-height: 58px; } #pjWrapperPHPReview .pjRrAsideArticleBody h3 { padding-bottom: 5px; } #pjWrapperPHPReview .pjRrProgressInner { margin-bottom: 10px; } /* ========================================================================== #pjRrReviewsSort ========================================================================== */ #pjWrapperPHPReview .pjRrReviewsSort { margin-bottom: 0; } #pjWrapperPHPReview .pjRrReviewsSort .form-control, #pjWrapperPHPReview .pjRrReviewsSort label { display: inline-block; width: auto; vertical-align: middle; } #pjWrapperPHPReview .pjRrReviewsSort label { margin-top: 3px; } /* ========================================================================== #pjRrPagination ========================================================================== */ #pjWrapperPHPReview .pjRrPagination li { padding: 0 2px; } #pjWrapperPHPReview .pjRrPagination a { margin: 0; padding: 0 7px; } } @media only screen and ( max-width: 440px ) { /* ========================================================================== #General ========================================================================== */ body { min-width: 320px; } /* ========================================================================== #pjRrFormPost ========================================================================== */ #pjWrapperPHPReview .pjRrFormPost .pjRrBtnPrimary, #pjWrapperPHPReview .pjRrFormPost .pjRrBtnSecondary { padding: 0 15px; } /* ========================================================================== #pjRrCaptcha ========================================================================== */ #pjWrapperPHPReview .pjRrCaptchaField { width: 130px; } }