/* ========================================================================== #General ========================================================================== */ #pjWrapper { font-size: 15px; line-height: 1.67; } #pjWrapper a:focus { outline: none; text-decoration: none; } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapper .pjCfBtn, #pjWrapper .pjCsNav a, #pjWrapper .pjCfPaging a, #pjWrapper .pjCfSocials a, #pjWrapper .pjCfCommentHead .pjCfCommentActions a, #pjWrapper .pjCfCommentFoot a, #pjWrapper .pjCfForm .form-control { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapper .pjCfBtnSecondary { height: 35px; padding: 0; border: 1px solid #495054; font-size: 15px; line-height: 33px; font-weight: normal; text-transform: capitalize; border-radius: 2px; } #pjWrapper .pjCfBtnLink { padding: 0; font-size: 15px; line-height: 1.47; } #pjWrapper .pjCfBtnFile { height: 34px; padding: 0 35px; border: 1px solid #a8b5b6; font-size: 15px; line-height: 32px; font-weight: normal; text-transform: capitalize; } #pjWrapper .pjCfBtnPrimary { height: 46px; padding: 0 40px; border: 1px solid #09537f; font-size: 17px; line-height: 44px; border-radius: 2px; font-weight: bold; text-transform: capitalize; } #pjWrapper .pjCfBtnClose { width: 24px; height: 24px; padding: 0; border: 2px solid #e83232; background-color: transparent; font-size: 12px; line-height: 22px; color: #e83232; text-align: center; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapper .pjCfForm p { font-size: 13px; line-height: 1.4; } #pjWrapper .pjCfForm .pjCfFormActions p { display: inline-block; margin: 0; font-size: 15px; line-height: 1.47; vertical-align: middle; } #pjWrapper .pjCfForm .pjCfFormActions p a { padding: 0; vertical-align: baseline; } #pjWrapper .pjCfForm .form-group { margin: 0; padding-bottom: 20px; } #pjWrapper .pjCfForm label { display: block; margin: 0; font-size: 16px; line-height: 1.56; font-weight: normal; } #pjWrapper .pjCfForm .form-control { height: 36px; padding: 0 10px; border: 1px solid rgba(0, 0, 0, .15); font-size: 15px; border-radius: 3px; } #pjWrapper .pjCfForm textarea.form-control { height: 144px; padding: 10px; } #pjWrapper .pjCfForm .pjCfCaptcha img, #pjWrapper .pjCfForm .pjCfCaptcha .form-control { display: inline-block; } #pjWrapper .pjCfForm .pjCfCaptcha .form-control { width: 150px; } #pjWrapper .pjCfForm .pjCfCustomSelect { position: relative; padding: 0; } #pjWrapper .pjCfForm .pjCfCustomSelect:after { position: absolute; top: 50%; right: 10px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #8c8b8b; content: ''; } #pjWrapper .pjCfForm .pjCfCustomSelect select { position: relative; z-index: 1; width: 100%; height: 100%; padding: 0 20px 0 10px; border: 0; background: transparent; cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #pjWrapper .pjCfForm .pjCfCustomSelect select::-ms-expand { display: none; } #pjWrapper .help-block, #pjWrapper .help-block ul { margin: 0; } /* ========================================================================== #pjCfSocials ========================================================================== */ #pjWrapper .pjCfSocials { padding-bottom: 10px; } #pjWrapper .pjCfSocials ul { margin: 0; font-size: 0; } #pjWrapper .pjCfSocials li { padding: 0 3px; } #pjWrapper .pjCfSocials a { display: inline-block; width: 28px; height: 28px; font-size: 19px; color: #fff; text-align: center; } #pjWrapper .pjCfSocials a:hover { opacity: .7; } #pjWrapper .pjCfSocials .pjCfLinkFacebook { background: #3b5998; } #pjWrapper .pjCfSocials .pjCfLinkTwitter { background: #55acee; } #pjWrapper .pjCfSocials .pjCfLinkGooglePlus { background: #e02f2f; } #pjWrapper .pjCfSocials .pjCfLinkLinkedIn { background: #007bb5; } /* ========================================================================== #pjCfContainer ========================================================================== */ #pjWrapper .pjCfContainer { padding: 15px; } /* ========================================================================== #pjCfHeader ========================================================================== */ #pjWrapper .pjCfHeader { border: 1px solid #bbb5b5; border-radius: 2px; } /* ========================================================================== #pjCsNav ========================================================================== */ #pjWrapper .pjCsNav { padding: 18px 13px; } #pjWrapper .pjCsNav li { padding: 0 10px; } #pjWrapper .pjCsNav a { padding: 0; font-size: 17px; line-height: 1.4; font-weight: bold; text-transform: capitalize; } /* ========================================================================== #pjCfFormSearch ========================================================================== */ #pjWrapper .pjCfFormSearch { margin: 0; padding: 13px; border: 0; } #pjWrapper .pjCfFormSearch .form-group { padding: 0; } #pjWrapper .pjCfFormSearch .form-control { width: 223px; height: 35px; border: 1px solid #b1b2b2; font-size: 14px; border-radius: 2px; } #pjWrapper .pjCfFormSearch .pjCfBtnSecondary { padding: 0 35px; } /* ========================================================================== #pjCfResults ========================================================================== */ #pjWrapper .pjCfResults, #pjWrapper .pjCfResultsHead, #pjWrapper .pjCfResultsBody, #pjWrapper .pjCfResultsFoot { border-radius: 0; } #pjWrapper .pjCfResults { border: 0; } #pjWrapper .pjCfResultsHead, #pjWrapper .pjCfResultsFoot { border: 1px solid #242a2d; } #pjWrapper .pjCfResultsHead { padding: 15px; } #pjWrapper .pjCfResultsHead p, #pjWrapper .pjCfResultsHead a { display: block; margin: 0; font-size: 16px; line-height: 1.2; } #pjWrapper .pjCfResultsHead ul { margin: 0; } #pjWrapper .pjCfResultsFilters .pjCfListCarets { display: inline-block; vertical-align: middle; } #pjWrapper .pjCfResultsFilters .pjCfListCarets li { display: block; font-size: 10px; padding: 0; opacity: .4; } #pjWrapper .pjCfResultsFilters .pjCfActiveFilter .pjCfListCarets .pjCfActive { opacity: 1; } #pjWrapper .pjCfResultsFilters .pjCfListCarets li:last-of-type { margin-top: -5px; } #pjWrapper .pjCfResultsFilters a .caret { opacity: .4; } #pjWrapper .pjCfResultsFilters .pjCfActiveFilter .caret { opacity: 1; } #pjWrapper .pjCfResultsFilters .pjCfActiveFilterAsc .caret { transform: rotate(180deg); } #pjWrapper .pjCfResultsFilters .pjCfActiveFilterDesc .caret { transform: rotate(0deg); } #pjWrapper .pjCfResultsBody { border: 1px solid #e1e2e2; border-top: 0; border-bottom: 0; } #pjWrapper .pjCfTopick { padding: 15px; } #pjWrapper .pjCfTopick:last-of-type { border-bottom: 0; } #pjWrapper .pjCfTopick li { font-size: 14px; } #pjWrapper .pjCfCategories .pjCfTopick li { padding-bottom: 6px; } #pjWrapper .pjCfTopickTitle { font-weight: bold; } #pjWrapper .pjCfCategoryType { display: inline-block; min-width: 130px; height: auto; min-height: 24px; padding: 0 10px; font-size: 13px; line-height: 24px; text-transform: capitalize; font-weight: normal; white-space: normal; } #pjWrapper .pjCfCategoryTypeOrange { background: #f78d3f; } #pjWrapper .pjCfCategoryTypeBlue { background: #15bbc1; } #pjWrapper .pjCfCategoryTypePurple { background: #996dc2; } #pjWrapper .pjCfCategoryTypeRed { background: #f26464; } #pjWrapper .pjCfCategoryTypeBrown { background: #c59069; } #pjWrapper .pjCfCategoryTypeGreen { background: #4cc783; } #pjWrapper .pjCfTopick .pjCfBtnTopicAuthor { color: #1872a7; } #pjWrapper .pjCfResultsFoot { padding: 10px 15px; } #pjWrapper .pjCfPaging { font-size: 0; } #pjWrapper .pjCfPaging .pagination { margin: 0; } #pjWrapper .pjCfPaging li, #pjWrapper .pjCfPaging a { display: inline-block; } #pjWrapper .pjCfPaging li { padding: 0 1px; } #pjWrapper .pjCfPaging a { width: 24px; height: 24px; margin: 0; padding: 0; border: 0; font-size: 12px; line-height: 24px; text-align: center; border-radius: 0; } /* ========================================================================== #pjCfTopickInner ========================================================================== */ #pjWrapper .pjCfTopickInner { border: 0; border-radius: 0; } #pjWrapper .pjCfTopickInnerBody { border: 1px solid #e1e2e2; border-radius: 0; border-bottom: none;} #pjWrapper .pjCfTopickInnerBody p, #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerTitle, #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerMeta { margin: 0; } #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerMeta span { color: #1872a7; } #pjWrapper .pjCfTopickInnerBody p { padding-bottom: 30px; font-size: 16px; line-height: 1.67; } #pjWrapper .pjCfTopickInnerBody p:last-of-type { padding-bottom: 0; } #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerTitle { padding-bottom: 5px; font-size: 24px; line-height: 1.4; font-weight: bold; } #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerMeta { font-size: 16px; line-height: 1.4; } #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerAuthor { display: block; } /* ========================================================================== #pjCfComments ========================================================================== */ #pjWrapper .pjCfComments { margin-bottom: 20px; } #pjWrapper .pjCfCommentsReply { margin-top: 50px; } #pjWrapper .pjCfCommentImage img { width: 100%; border: 1px solid #e1e2e2; } #pjWrapper .pjCfCommentContent { margin-bottom: 15px; border: 0; border-radius: 0; } #pjWrapper .pjCfCommentHead { position: relative; padding: 2px 25px; border: 1px solid #242a2d; font-size: 0; border-radius: 0; } #pjWrapper .pjCfCommentHead:before { position: absolute; top: 50%; left: -11px; width: 20px; height: 20px; margin-top: -10px; border: 1px solid #242a2d; border-top: 0; border-right: 0; content: ''; transform: rotate(45deg); } #pjWrapper .pjCfCommentHead p { margin: 0; font-size: 16px; } #pjWrapper .pjCfCommentHead .pjCfCommentAuthor, #pjWrapper .pjCfCommentHead .pjCfCommentMeta { display: inline-block; margin: 0; padding: 5px 10px 0 0; line-height: 1.4; } #pjWrapper .pjCfCommentHead .pjCfCommentAuthor { font-size: 16px; font-weight: bold; } #pjWrapper .pjCfCommentHead .pjCfCommentMeta { font-size: 15px; font-weight: normal; } #pjWrapper .pjCfCommentHead .pjCfCommentActions ul { margin: 0; } #pjWrapper .pjCfCommentHead .pjCfCommentActions a { font-size: 18px; } #pjWrapper .pjCfCommentHead .pjCfCommentActions a:hover { text-decoration: none; opacity: .7; } #pjWrapper .pjCfCommentHead .pjCfCommentActions a span { font-size: 12px; } #pjWrapper .pjCfCommentHead .pjCfCommentActions a:focus { outline: none; text-decoration: none; } #pjWrapper .pjCfCommentHead .pjCfCommentActions .pjCfLinkLike span { color: #63ba65; } #pjWrapper .pjCfCommentHead .pjCfCommentActions .pjCfLinkDisLike span { color: #e83232; } #pjWrapper .pjCfCommentHead .pjCfCommentActions .pjCfLinkLike a[disabled], #pjWrapper .pjCfCommentHead .pjCfCommentActions .pjCfLinkDisLike a[disabled] { cursor: not-allowed; } #pjWrapper .pjCfCommentsReply .pjCfCommentHead .pjCfCommentActions a { font-size: 14px; line-height: 1.93; font-weight: normal; text-transform: capitalize; } #pjWrapper .pjCfCommentHead .pjCfCommentActions .pjCfBtnClose { margin-left: 10px; } #pjWrapper .pjCfCommentBody { border: 1px solid #e1e2e2; border-top: 0; border-bottom: 0; } #pjWrapper .pjCfCommentBody p { margin: 0; padding: 15px 0; font-size: 15px; line-height: 1.67; } #pjWrapper .pjCfCommentFoot { margin: 0; padding: 0; border: 0; } #pjWrapper .pjCfCommentFoot > a, #pjWrapper .pjCfCommentFoot > .pjCfBtn { display: block; width: 100%; padding: 0 20px; font-weight: bold; text-transform: capitalize; text-align: left; border-radius: 0; } #pjWrapper .pjCfCommentFoot > a { height: 40px; border: 1px solid #a8b5b6; font-size: 15px; line-height: 40px; } #pjWrapper .pjCfCommentFoot > a:hover { text-decoration: none; } #pjWrapper .pjCfCommentFoot > .pjCfBtn { height: 48px; border: 1px solid #09537f; font-size: 17px; line-height: 46px; } #pjWrapper .pjCfActions .pjCfPaging { padding: 10px 15px; border: 1px solid #242a2d; } /* ========================================================================== #pjCfFormAccess ========================================================================== */ #pjWrapper .pjCfFormAccess { border: 0; border-radius: 0; } #pjWrapper .pjCfFormAccess .pjCfFormHead { border: 1px solid #242a2d; border-radius: 0; } #pjWrapper .pjCfFormAccess .pjCfFormTitle { font-size: 19px; line-height: 1.6; font-weight: bold; text-transform: capitalize; } #pjWrapper .pjCfFormAccess .pjCfFormBody { padding-top: 30px; border: 1px solid #e1e2e2; border-top: 0; border-radius: 0; } #pjWrapper .pjCfFormAccess .pjCfBtnLink { padding: 0 5px; } /* ========================================================================== #pjCfAddFile ========================================================================== */ #pjWrapper .pjCfAddFile { overflow: hidden; display: block; padding-bottom: 5px; } #pjWrapper .pjCfAddFile p { margin: 0; font-size: 16px; line-height: 1.56; text-transform: capitalize; } #pjWrapper .pjCfAddFileImage { overflow: hidden; width: 145px; height: 145px; margin: 10px 0 25px; border-radius: 2px; } #pjWrapper .pjCfAddFileImage img { width: 100%; height: 100%; } #pjWrapper .pjCfFormRegister .pjCfAddFileImage { display: none; } #pjWrapper .pjCfFormRegister .pjCfAddFileAdded .pjCfAddFileImage { display: block; } #pjWrapper .pjCfBtnUpload { position: relative; display: inline-block; } #pjWrapper .pjCfFileUploadField { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #pjWrapper .pjCfAddFile .pjCfBtnReset { display: none; } #pjWrapper .pjCfAddFileAdded .pjCfBtnReset { display: inline-block; } #pjWrapper .pjCfIpBlock{text-transform: none !important; font-weight: normal !important;} /* ========================================================================== .Modal ========================================================================== */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } #pjWrapper .pjCfReportModal, #pjWrapper .pjCfReportModal .modal-footer { text-align: center; } #pjWrapper .pjCfReportModal p { font-size: 24px; line-height: 1.4; font-weight: bold; } #pjWrapper .pjCfReportModal ul { margin: 0; padding: 0; list-style: none outside none; } #pjWrapper .pjCfReportModal li { font-size: 16px; text-transform: capitalize; } #pjWrapper .pjCfReportModal .pjCfBtnSecondary { height: 46px; padding: 0 20px; line-height: 44px; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 991px ) { /* ========================================================================== #pjCsNav ========================================================================== */ #pjWrapper .pjCsNav { padding-bottom: 10px; } /* ========================================================================== #pjCfFormSearch ========================================================================== */ #pjWrapper .pjCfFormSearch { float: left !important; padding-top: 0; width: 100%; } } @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjCsNav ========================================================================== */ #pjWrapper .pjCfHeader { position: relative; } #pjWrapper .pjCfHeader .navbar-header { padding: 7px 5px; } #pjWrapper .pjCfHeader .pjCfBtnNavTrigger { margin: 0; border-color: #09537f; } #pjWrapper .pjCsNav { padding: 0; } #pjWrapper .pjCsNav ul { margin: 0; } #pjWrapper .pjCsNav li { padding: 0; } #pjWrapper .pjCsNav a { padding: 2px 10px; } #pjWrapper .pjCfFormSearch { position: absolute; top: 0; right: 0; padding: 0; width: auto; padding: 7px 5px; text-align: right; } #pjWrapper .pjCfFormSearch .form-group { display: inline-block; vertical-align: middle; } #pjWrapper .pjCfFormSearch .form-control { width: 140px; } #pjWrapper .pjCfFormSearch .pjCfBtnSecondary { padding: 0 15px; } /* ========================================================================== #pjCfTopick ========================================================================== */ #pjWrapper .pjCfTopick { text-align: center; } #pjWrapper .pjCfTopick p { margin: 0; } /* ========================================================================== #pjCfTopickInner ========================================================================== */ #pjWrapper .pjCfTopickInnerBody p { padding-bottom: 10px; font-size: 14px; } #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerTitle { font-size: 18px; } #pjWrapper .pjCfTopickInnerBody .pjCfTopickInnerMeta { font-size: 15px; } /* ========================================================================== #pjCfComments ========================================================================== */ #pjWrapper .pjCfCommentHead { padding: 10px; } #pjWrapper .pjCfCommentHead:before { display: none; } #pjWrapper .pjCfCommentHead .pull-left, #pjWrapper .pjCfCommentHead .pull-right { float: none; width: 100%; } #pjWrapper .pjCfCommentBody p { padding: 5px 0; } } @media only screen and ( max-width: 380px ) { /* ========================================================================== #pjCfTopickInner ========================================================================== */ #pjWrapper .pjCfSocials li { padding: 0 2px; } #pjWrapper .pjCfSocials a { width: 26px; height: 26px; font-size: 17px; } /* ========================================================================== #pjCfAddFile ========================================================================== */ #pjWrapper .pjCfAddFile .pjCfBtnFile { padding: 0 15px; } }