/* ========================================================================== #Helpers ========================================================================== */ #pjWrapper .pjYpTestImage { width: 100%; height: 100%; } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapper .btn, #pjWrapper .pjYpNav a, #pjWrapper .pjYpNav a:after, #pjWrapper .form-control, #pjWrapper .pjYpNavLang a, #pjWrapper .pjYpNavLang .pjYpBtnNavLangTrigger .caret, #pjWrapper .pjYpOrderBy a, #pjWrapper .pjYpOrderBy a .caret, #pjWrapper .panel, #pjWrapper .panel-heading, #pjWrapper .panel-title, #pjWrapper .pjYpPagination a, #pjWrapper .pjYpPagination span, #pjWrapper .pjYpResultInner .pjYpThumb .thumbnail, #pjWrapper .pjYpResultInner .pjYpThumb .thumbnail img, #pjWrapper .pjYpSocials a, #pjWrapper .pjYpListLinks a, #pjWrapper .pjYpMapResult { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #pjWrapper .pjYpListingDesc p{word-wrap: break-word;} /* ========================================================================== #Forms ========================================================================== */ #pjWrapper select.form-control { cursor: pointer; } #pjWrapper textarea.form-control { height: 100px; } #pjWrapper .form-control::-webkit-input-placeholder { opacity: .5; } #pjWrapper .form-control:-moz-placeholder { opacity: .5; } #pjWrapper .form-control::-moz-placeholder { opacity: .5; } #pjWrapper .form-control:-ms-input-placeholder { opacity: .5; } #pjWrapper .help-block, #pjWrapper .help-block ul, #pjWrapper .help-block li { margin: 0; font-size: 13px; } #pjWrapper .help-block ul li { padding: 5px 0 0; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapper .btn:hover { text-decoration: none; } #pjWrapper .btn-primary { height: 34px; padding: 0 15px; border: 0; border-bottom: 3px solid #126fb5; font-size: 16px; line-height: 34px; font-weight: bold; text-transform: capitalize; } #pjWrapper .btn-primary span { font-size: 12px; } #pjWrapper .btn-default { height: 34px; padding: 0 15px; border: 1px solid #b3bcc0; font-size: 16px; line-height: 32px; font-weight: bold; text-transform: capitalize; } #pjWrapper .btn-default.pjYpBtnBack { padding: 0 15px 0 10px; } #pjWrapper .btn-default span { font-size: 13px; } #pjWrapper .btn-link { padding: 0; font-size: 16px; text-transform: capitalize; } /* ========================================================================== #pjYpContainer ========================================================================== */ #pjWrapper .pjYpContainer { padding: 15px; } /* ========================================================================== #pjYpHeader ========================================================================== */ #pjWrapper .pjYpHeader { border: 0; } /* ========================================================================== #pjYpNav ========================================================================== */ #pjWrapper .pjYpNav a { position: relative; border-left: 1px solid #47494b; font-weight: bold; } #pjWrapper .pjYpNav a:after { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 4px; content: ''; } #pjWrapper .pjYpNav .active a:after { display: inline-block; bottom: -4px; } #pjWrapper .pjYpNav li:first-of-type a { border: 0; } /* ========================================================================== #pjYpSearch ========================================================================== */ #pjWrapper .pjYpSearch { margin: 0; padding: 8px 15px; border-left: 1px solid #47494b; } #pjWrapper .pjYpSearch .form-group { position: relative; padding-right: 20px; } #pjWrapper .pjYpSearch .pjYpBtnSearch { position: absolute; top: 0; right: 0; overflow: hidden; width: 34px; height: 34px; padding: 0; border: 0; font-size: 18px; border-radius: 0 4px 4px 0; } #pjWrapper .pjYpSearch .pjYpBtnSearch span { margin-top: 4px; } /* ========================================================================== #pjYpNavLang ========================================================================== */ #pjWrapper .pjYpNavLang { margin: 0; } #pjWrapper .pjYpNavLang .pjYpBtnNavLangTrigger { font-weight: bold; } #pjWrapper .pjYpNavLang .dropdown.open .pjYpBtnNavLangTrigger .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapper .pjYpNavLang .pjYpNavLangDropdown { border: 0; } #pjWrapper .pjYpNavLang .pjYpNavLangDropdown a { font-weight: bold; } #pjWrapper .pjYpNavLang .pjYpNavLangDropdown li { border-bottom: 1px solid #353738; } #pjWrapper .pjYpNavLang .pjYpNavLangDropdown li:last-of-type { border: 0; } /* ========================================================================== #pjYpResultsActions ========================================================================== */ #pjWrapper .pjYpResultsActions { margin-bottom: 20px; } /* ========================================================================== #pjYpOrderBy ========================================================================== */ #pjWrapper .pjYpOrderBy { padding-top: 5px; } #pjWrapper .pjYpOrderBy p, #pjWrapper .pjYpOrderBy ul { display: inline-block; margin: 0; vertical-align: middle; } #pjWrapper .pjYpOrderBy p { font-size: 16px; font-weight: bold; } #pjWrapper .pjYpOrderBy ul { padding-left: 10px; } #pjWrapper .pjYpOrderBy li { padding: 0; } #pjWrapper .pjYpOrderBy a { display: inline-block; line-height: 1.6; padding: 0 8px; border-radius: 4px; } #pjWrapper .pjYpOrderBy a:hover, #pjWrapper .pjYpOrderBy .active a { text-decoration: none; } #pjWrapper .pjYpOrderBy a .caret { margin-top: -1px; } #pjWrapper .pjYpOrderBy a.pjYpOrderAsc .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapper .pjYpOrderBy a.pjYpOrderDesc .caret { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /* ========================================================================== #pjYpResults ========================================================================== */ #pjWrapper .pjYpNoResultsText { margin: 0; padding: 15px 0; font-size: 16px; text-align: center; } #pjWrapper .pjYpResults { font-size: 0; } #pjWrapper .pjYpResult { display: inline-block; float: none; padding-bottom: 20px; vertical-align: top; } #pjWrapper .pjYpResult > a { display: block; text-decoration: none; } #pjWrapper .panel { margin: 0; } #pjWrapper .panel-title { font-size: 17px; font-weight: bold; } #pjWrapper .pjYpResult .pjYpResultImage { padding-top: 5px; } #pjWrapper .pjYpResult .pjYpResultImage img { max-width: 100%; } #pjWrapper .panel-body { border-radius: 0 0 4px 4px; } #pjWrapper .panel-body p { font-size: 14px; line-height: 1.43; } #pjWrapper .panel-body p.wrap{ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } /* ========================================================================== #pjYpPagination ========================================================================== */ #pjWrapper .pjYpPagination { padding: 15px 0; font-size: 0; } #pjWrapper .pjYpPagination .pagination { margin: 0; } #pjWrapper .pjYpPagination li, #pjWrapper .pjYpPagination a, #pjWrapper .pjYpPagination span { display: inline-block; margin: 0; padding: 0; vertical-align: middle; border-radius: 0; } #pjWrapper .pjYpPagination li { padding-right: 5px; } #pjWrapper .pjYpPagination a, #pjWrapper .pjYpPagination span { height: 34px; width: 34px; font-size: 16px; line-height: 32px; text-align: center; border-radius: 4px; } #pjWrapper .pjYpPagination span { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapper .pjYpPagination .active a, #pjWrapper .pjYpPagination .active span { border: 1px solid #126fb5; } /* ========================================================================== #pjYpResultInner ========================================================================== */ #pjWrapper .pjYpResultInner .panel-title { font-size: 30px; font-weight: bold; } #pjWrapper .pjYpResultInner .pjYpResultMainImage { padding-bottom: 10px; } #pjWrapper .pjYpResultInner .pjYpResultMainImage img { width: 100%; } #pjWrapper .pjYpResultInner .pjYpThumbs { padding: 0 10px; font-size: 0; } #pjWrapper .pjYpResultInner .pjYpThumb { padding: 5px; } #pjWrapper .pjYpResultInner .pjYpThumb .thumbnail { display: inline-block; width: 100%; height: 100%; margin: 0; } #pjWrapper .pjYpResultInner .pjYpThumbInner { overflow: hidden; } #pjWrapper .pjYpResultInner .pjYpThumb .thumbnail img { width: 100%; height: auto; } #pjWrapper .pjYpResultInner .pjYpThumb .thumbnail:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #pjWrapper .pjYpResultInner .pjYpContacts { margin: 0; } #pjWrapper .pjYpResultInner .pjYpContact p, #pjWrapper .pjYpResultInner .pjYpContact a { font-size: 15px; line-height: 1.2; } #pjWrapper .pjYpResultInner .pjYpContact p { margin: 0; } #pjWrapper .pjYpResultInner .pjYpContact a:hover { text-decoration: none; } #pjWrapper .pjYpResultInner .pjYpContact span { min-width: 20px; font-size: 13px; } #pjWrapper .pjYpSocials { margin: 0; font-size: 0; } #pjWrapper .pjYpSocials li { padding: 0 5px 0 0; } #pjWrapper .pjYpSocials a { overflow: hidden; display: inline-block; width: 32px; height: 32px; background: url(../img/sprite.png) no-repeat 0 0; white-space: nowrap; text-indent: 100%; } #pjWrapper .pjYpSocials a:hover { opacity: .7; } #pjWrapper .pjYpSocials .pjYpLinkFacebook { background-position: -4px -4px; } #pjWrapper .pjYpSocials .pjYpLinkTwitter { background-position: -56px -4px; } #pjWrapper .pjYpSocials .pjYpLinkGooglePlus { background-position: -108px -4px; } #pjWrapper .pjYpSocials .pjYpLinkLinkedIn { background-position: -160px -4px; } #pjWrapper .pjYpSocials .pjYpLinkContact { background-position: -212px -4px; } #pjWrapper .pjYpSocials .pjYpLinkDirection { background-position: -260px -4px; } #pjWrapper .pjYpResultInner .pjYpContact .pjYpMap { width: 100%; height: 205px; } #pjWrapper .pjYpResultInner .pjYpContact .pjYpFormDirection { padding-top: 10px; } #pjWrapper .pjYpMapDirection { height: 370px; padding-top: 10px; } #pjWrapper .pjYpDirectionResultsTitle { margin: 0; padding-top: 10px; font-size: 16px; line-height: 1.4; text-transform: capitalize; font-weight: bold; } #pjWrapper .pjYpResultInner .panel-footer p { margin: 0; padding-bottom: 10px; line-height: 1.4; } #pjWrapper .pjYpResultInner .panel-footer p:last-of-type { padding-bottom: 0; } #pjWrapper .pjYpResultInner .panel-footer p strong { font-size: 16px; font-weight: bold; } #pjWrapper .pjYpFormContact { overflow: hidden; border: 1px solid #b3bcc0; border-radius: 4px; } #pjWrapper .pjYpFormContact .pjYpFormHead { padding: 10px 15px; } #pjWrapper .pjYpFormContact .pjYpFormHead .pjYpFormTitle { font-size: 18px; line-height: 1.4; font-weight: bold; } #pjWrapper .pjYpFormContact .pjYpFormHead .close { font-size: 27px; } #pjWrapper .pjYpFormContact .pjYpFormBody label { font-size: 14px; } /* ========================================================================== #pjYpListLinks ========================================================================== */ #pjWrapper .pjYpListLinks { margin: 0; } #pjWrapper .pjYpListLinks3Cols { -webkit-columns: 3; -moz-columns: 3; columns: 3; } #pjWrapper .pjYpListLinks li { padding: 10px 0; } #pjWrapper .pjYpListLinks a { font-size: 15px; line-height: 1.4; } #pjWrapper .pjYpListLinks a:hover { text-decoration: none; } /* ========================================================================== #pjYpResultsMaped ========================================================================== */ #pjWrapper .pjYpResultsMaped .pjYpFilters { padding-bottom: 15px; } #pjWrapper .pjYpResultsMaped .pre-scrollable { min-height: 500px; max-height: 500px; overflow-y: auto; } #pjWrapper .pjYpMapResults { margin: 0; } #pjWrapper .pjYpMapResult { margin: 0; cursor: pointer;} #pjWrapper .pjYpMapResult, #pjWrapper .pjYpMapResults .pjYpNoResultsText { border-right: 0; border-top: 0; border-left: 0; } #pjWrapper .pjYpMapResults .pjYpNoResultsText { border-radius: 4px 0 0 4px; } #pjWrapper .pjYpMapResult:first-of-type { border-radius: 0; } #pjWrapper .pjYpMapResult:last-of-type { border-radius: 0; } #pjWrapper .pjYpMapResultTitle { margin: 0; font-size: 17px; line-height: 1.4; font-weight: bold; } #pjWrapper .pjYpMapResultAddress { margin: 0; padding: 0 0 10px; font-size: 0; } #pjWrapper .pjYpMapResultAddress dt, #pjWrapper .pjYpMapResultAddress dd { display: inline; width: auto; margin: 0; font-size: 16px; line-height: 1.4; font-weight: normal; vertical-align: middle; } #pjWrapper .pjYpResultsMap { height: 500px; } #pjWrapper .pjYpResultsMaped .pjYpSearch { border: 0; padding: 0; } .modal-dialog{z-index: 999999;} .modal-backdrop.fade { opacity: 0 !important; filter: alpha(opacity=0) !important; } .modal-backdrop.fade.in { opacity: 0.5 !important; filter: alpha(opacity=50) !important; } /* ========================================================================== #pjYpAccess ========================================================================== */ #pjWrapper .pjYpAccess .pjYpAccessTitle { font-size: 17px; font-weight: bold; } #pjWrapper .pjYpAccess .pjYpFormActions .btn-link { margin-left: 10px; } #pjWrapper .pjYpCaptcha label { display: block; } #pjWrapper .pjYpCaptcha .form-control, #pjWrapper .pjYpCaptcha img { display: inline-block; vertical-align: middle; } #pjWrapper .pjYpCaptcha .form-control { width: auto; max-width: 170px; } /* ========================================================================== #Map window ========================================================================== */ .yp-map-info-window{ width: 300px; overflow: hidden; } .yp-map-info-window label.title{ display: block; margin-bottom: 5px; } .yp-map-info-window label.title a{ font-weight: bold; font-size: 16px; } .yp-map-info-window span{ display: block; margin-bottom: 3px; font-size: 13px; } .yp-map-info-window span label{ color: #59443c; } .yp-map-info-window span label a{ color: #1d8bdf; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and (max-width: 840px) { /* ========================================================================== #pjYpListLinks ========================================================================== */ #pjWrapper .pjYpListLinks3Cols { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } @media only screen and (max-width: 767px) { /* ========================================================================== #pjYpNav ========================================================================== */ #pjWrapper .pjYpNav a { padding: 0 15px; border: 0; line-height: 1.8; } #pjWrapper .pjYpNav .active a:after { display: none; } /* ========================================================================== #pjYpSearch ========================================================================== */ #pjWrapper .pjYpSearch { padding: 0 0 10px; border: 0; } /* ========================================================================== #pjYpNavLang ========================================================================== */ #pjWrapper .pjYpNavLang { margin: 0 -15px; padding-bottom: 10px; } #pjWrapper .pjYpNavLang .pjYpNavLangDropdown { border-radius: 0; } #pjWrapper .pjYpNavLang a { padding: 0 15px; line-height: 1.8; } /* ========================================================================== #pjYpResultsActions ========================================================================== */ #pjWrapper .pjYpOrderBy { padding-bottom: 10px; } /* ========================================================================== #pjYpResultInner ========================================================================== */ #pjWrapper .pjYpResultInner .pjYpResultMainImage { text-align: center; } #pjWrapper .pjYpResultInner .pjYpResultMainImage img { width: auto; max-width: 100%; } #pjWrapper .pjYpResultInner .pjYpThumbs { padding-bottom: 10px; } #pjWrapper .pjYpResultInner .panel-title { font-size: 24px; } #pjWrapper .pjYpDirectionResultsTitle { padding: 10px 0 5px; } /* ========================================================================== #pjYpResultsMaped ========================================================================== */ #pjWrapper .pjYpResultsMap { height: 270px; padding-bottom: 15px; } #pjWrapper .pjYpResultsMaped .pre-scrollable { min-height: 1px; max-height: 99999px; } #pjWrapper .pjYpMapResult, #pjWrapper .pjYpMapResults .pjYpNoResultsText { border-right-width: 1px; border-style: solid; } #pjWrapper .pjYpMapResults .pjYpNoResultsText { border-radius: 4px; } #pjWrapper .pjYpMapResult:first-of-type { border-radius: 4px 4px 0 0; } #pjWrapper .pjYpMapResult:last-of-type { border-radius: 0 0 4px 4px; } #pjWrapper .pjYpMapResultAddress dt, #pjWrapper .pjYpMapResultAddress dd { display: block; width: 100%; } } @media only screen and (max-width: 480px) { /* ========================================================================== #pjYpResults ========================================================================== */ #pjWrapper .pjYpResult .pjYpResultImage { padding-right: 0; } /* ========================================================================== #pjYpPagination ========================================================================== */ #pjWrapper .pjYpPagination li { padding-right: 2px; } /* ========================================================================== #pjYpResultsActions ========================================================================== */ #pjWrapper .pjYpOrderBy p { font-size: 14px; font-weight: normal; } #pjWrapper .pjYpOrderBy ul { padding-left: 0; } /* ========================================================================== #pjYpListLinks ========================================================================== */ #pjWrapper .pjYpListLinks { text-align: center; } #pjWrapper .pjYpListLinks3Cols { -webkit-columns: 1; -moz-columns: 1; columns: 1; } #pjWrapper .pjYpListLinks li { padding: 2px 0; } /* ========================================================================== #pjYpResultInner ========================================================================== */ #pjWrapper .pjYpResultInner .panel-title { font-size: 18px; } #pjWrapper .pjYpResultInner .pjYpContact span { min-width: 1px; } }