main h2 { letter-spacing: 0; } #submit-comment-button { margin-top: 10px; margin-bottom: 70px; } #google-reviews-link { font-size: 15px; letter-spacing: 0.03em; font-weight: 500; color: #1f1f1f; background: #C2E8FA; border-radius: 18px; text-decoration: none; display: inline-block; padding: 3px 15px; line-height: 30px; margin-bottom: 70px; } .Guestbook.members #guestbooks { margin-top: 80px; } .Guestbook.members #guestbooks .feedback.column-split { margin: 0 -30px; } .Guestbook.members #guestbooks .guestbook-entry { background: none; padding: 0 30px; } .Guestbook.members #guestbooks .guestbook-entry .comments { position: relative; border-radius: 16px; padding: 100px 24px 24px; font-weight: 300; box-shadow: 0 10px 40px rgba(0,0,0,0.05); } .Guestbook.members #guestbooks .guestbook-entry .comments:before { content: '“'; font-family: DMSans; font-size: 96px; position: absolute; top: 20px; left: 24px; line-height: 1; font-weight: 500; } .Guestbook.members #guestbooks .guestbook-entry .user { padding: 16px 16px 50px; line-height: 1.2; color: #1e3a74; } .Guestbook.members #guestbooks .guestbook-entry img.logo { height: 48px; float: left; margin-right: 12px; } .Guestbook.members #guestbooks .guestbook-entry .user .name { font-size: 14px; font-weight: 500; } .Guestbook.members #guestbooks .guestbook-entry .user .country { font-size: 12px; } .Guestbook.members #guestbooks .guestbook-entry .user .created { font-size: 12px; } .Guestbook.members #guestbooks .guestbook-entry:nth-child(3n+1) .comments { background: rgba(219, 189, 227, 0.5); } .Guestbook.members #guestbooks .guestbook-entry:nth-child(3n+1) .comments:before { color: #8e4199; } .Guestbook.members #guestbooks .guestbook-entry:nth-child(3n+2) .comments { background: #f1fafe; } .Guestbook.members #guestbooks .guestbook-entry:nth-child(3n+2) .comments:before { color: #285ca4; } .Guestbook.members #guestbooks .guestbook-entry:nth-child(3n) .comments { background: #faf6ea; } .Guestbook.members #guestbooks .guestbook-entry:nth-child(3n) .comments:before { color: #ebe70e; } .Guestbook.index main { padding-bottom: 0; background-image: url('/img/redesign/bg-graphic-dotted-line-4.png'); background-repeat: repeat-y; background-size: 100%; background-position: 0 200px; } .Guestbook.index #guestbooks { } .Guestbook.index #guestbooks .guestbook-entry { background: #fff; padding: 30px; margin-bottom: 50px; border-radius: 16px; box-shadow: 0 10px 40px 0 rgba(0,0,0,0.05); } .Guestbook.index #guestbooks .guestbook-entry .user { color: #1E3A74; line-height: 1.3; } .Guestbook.index #guestbooks .guestbook-entry .user img.user { width: 64px; height: 64px; border: 2px solid #1E3A74; border-radius: 32px; margin-bottom: 12px; } .Guestbook.index #guestbooks .guestbook-entry .user img.logo { height: 64px; margin-bottom: 12px; } .Guestbook.index #guestbooks .guestbook-entry .user .name { font-size: 18px; font-weight: 600; } .Guestbook.index #guestbooks .guestbook-entry .user .country { font-size: 14px; font-weight: 300; } .Guestbook.index #guestbooks .guestbook-entry .user .created { font-size: 14px; font-weight: 300; } .Guestbook.index #guestbooks .guestbook-entry .comments { position: relative; font-size: 18px; font-weight: 300; color: #717171; padding: 8px 10px; } .Guestbook.index #guestbooks .guestbook-entry .comments:before { content: '“'; font-family: DMSans; font-size: 130px; position: absolute; top: -30px; left: -60px; line-height: 1; font-weight: 700; } .Guestbook.index #guestbooks .guestbook-entry:nth-child(3n+1) .comments:before { color: #EBE70E; } .Guestbook.index #guestbooks .guestbook-entry:nth-child(3n+2) .comments:before { color: #DBBDE3; } .Guestbook.index #guestbooks .guestbook-entry:nth-child(3n) .comments:before { color: #C2E8FA; } .Guestbook.index #guestbooks .guestbook-entry .icon { position: relative; } .Guestbook.index #guestbooks .guestbook-entry .icon:before { position: absolute; bottom: 0; right: 40px; content: ''; width: 90px; height: 85px; background-repeat: no-repeat; background-position: bottom right; } .Guestbook.index #guestbooks .guestbook-entry:nth-child(6n+1) .icon:before { background-image: url('/img/redesign/guestbook/beach.png'); } .Guestbook.index #guestbooks .guestbook-entry:nth-child(6n+2) .icon:before { background-image: url('/img/redesign/guestbook/palmtree.png'); } .Guestbook.index #guestbooks .guestbook-entry:nth-child(6n+3) .icon:before { background-image: url('/img/redesign/guestbook/sun.png'); } .Guestbook.index #guestbooks .guestbook-entry:nth-child(6n+4) .icon:before { background-image: url('/img/redesign/guestbook/cocktail.png'); } .Guestbook.index #guestbooks .guestbook-entry:nth-child(6n+5) .icon:before { background-image: url('/img/redesign/guestbook/suitcase.png'); } .Guestbook.index #guestbooks .guestbook-entry:nth-child(6n+6) .icon:before { background-image: url('/img/redesign/guestbook/map.png'); } .Guestbook.index #guestbooks .guestbook-entry .photos { padding: 0 10px; } .Guestbook.index #guestbooks .guestbook-entry .photos img { margin-bottom: 5px; } .Guestbook.index #guestbooks a.load-more-reviews { margin-top: 24px; } .Guestbook.index #guestbooks a.load-more-reviews:active { border: 0; } .Guestbook.index #guestbooks a.load-more-reviews > div.spinner-border { position: relative; top: -5px; } .Guestbook.index #guest-blog-section { position: relative; background-color: #CFEEFC; background: linear-gradient(112deg, #9ec1d9 0%, #cae7f6 49%, #ECF8FE 100%); border-radius: 16px; color: #000; height: 321px; margin-top: 80px; } .Guestbook.index #guest-blog-section:before { display: block; content: ''; width: 466px; height: 321px; background-image: url('/img/redesign/guest-blog-star.png'); position: absolute; top: 0; left: 130px; } .Guestbook.index #guest-blog-section:after { display: block; content: ''; width: 503px; height: 321px; background-image: url('/img/redesign/guest-blog-background.png'); position: absolute; top: 0; left: 0;} .Guestbook.index #guest-blog-section .row .col:last-child { position: relative; z-index: 2; padding-top: 50px; padding-left: 20px; } .Guestbook.index #guest-blog-section h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; text-align: center; display: inline-block; width: auto; background: rgba(0, 178, 255, 0.2); border: 1px solid rgba(0, 178, 255, 0.3); color: #005D85; padding: 6px 12px; border-radius: 16px; margin-bottom: 16px; } .Guestbook.index #guest-blog-section h3 { font-size: 32px; font-weight: 300; margin-bottom: 12px; } .Guestbook.index #guest-blog-section p { color: #717171; font-weight: 300; padding-right: 30px; } .Guestbook.index #google-reviews-section { position: relative; background-color: #D8DBD8; background: linear-gradient(112deg, #e3e5e3 0%, #fdfbf7 100%); color: #1E3A74; padding-top: 120px; min-height: 321px; margin-top: 175px; } .Guestbook.index #google-reviews-section > .row:first-child { width: 1100px; max-width: 96vw; margin: 0 auto; } .Guestbook.index #google-reviews-section .row:first-child .col:last-child { position: relative; } .Guestbook.index #google-reviews-section .row:first-child .col:last-child a.btn { position: absolute; bottom: 0; right: 0; } .Guestbook.index #google-reviews-section { min-height: 900px; padding: 120px calc(50vw - 550px) 80px; } .Guestbook.index #google-reviews-section #google-reviews-scroll-section { margin-top: 64px; padding-left: 20px; margin-left: calc(-50vw + 550px); } .Guestbook.index #google-reviews-section #google-reviews-row > .col { min-width: 360px; max-width: 360px; } .Guestbook.index #google-reviews-section .google-review { background: #fdfbf7; border-radius: 16px; width: 100%; min-height: 200px; padding: 24px; font-size: 16px; font-weight: 300; } .Guestbook.index #google-reviews-section .col .google-review:before { content: '"'; font-size: 96px; display: block; font-style: italic; font-weight: 500; line-height: 1; } .Guestbook.index #google-reviews-section .col:nth-child(2n) .google-review { padding-bottom: 100px; } .Guestbook.index #google-reviews-section .col:nth-child(3n) .google-review:before { color: #EBE70E; } .Guestbook.index #google-reviews-section .col:nth-child(3n+1) .google-review:before { color: #DBBDE3; } .Guestbook.index #google-reviews-section .col:nth-child(3n+2) .google-review:before { color: #A3E1FF; } .Guestbook.index #google-reviews-section .col .who { margin-top: 16px; line-height: 1.2; } .Guestbook.index #google-reviews-section .col .who img.user { width: 32px; height: 32px; border: 2px solid #14264D; border-radius: 16px; background: #ccc; float: left; margin-left: 24px; margin-right: 12px; } .Guestbook.index #google-reviews-section .col .who img.logo { height: 32px; float: left; margin-left: 24px; margin-right: 12px; } .Guestbook.index #google-reviews-section .col .who .name { font-size: 14px; font-weight: 400; } .Guestbook.index #google-reviews-section .col .who .country { font-size: 12px; font-weight: 400; } .Guestbook.index #google-reviews-controls-row { border-top: 1px solid rgba(136,136,136,0.3); margin-top: 50px; padding-top: 24px; margin-left: 0; margin-right: 0; } .Guestbook.index #google-reviews-controls-row > .col:first-child > .btn { border: 1px solid rgba(136,136,136,0.4); border-radius: 50%; width: 64px; height: 64px; color: #1E3A74; text-align: center; padding: 0; line-height: 64px; margin-right: 12px; } .Guestbook.index #google-reviews-controls-row > .col:first-child > .btn:hover { background-color: rgba(136,136,136,0.1); } .Guestbook.index #google-reviews-controls-row > .col:first-child > .btn > i.bi::before { font-weight: 900 !important; } .Guestbook.index #guestbookAddModal h5.modal-title { font-size: 32px; color: #1B3466; font-weight: 600; text-align: center; width: 100%; } .Guestbook.index #guestbookAddModal .modal-body { padding-top: 0; } .Guestbook.index #guestbookAddModal .modal-body p { color: #231F20; font-size: 14px; line-height: 1.4; text-align: center; margin-bottom: 30px;} .Guestbook.index #guestbookAddModal .modal-body label { font-size: 14px; line-height: 2.5; } .Guestbook.index #guestbookAddModal .file-preview-frame { } .Guestbook.index #guestbookAddModal .modal-footer { border-top: 0; } .Guestbook.index #guestbookAddModal .file-uploading { background: url(../img/loading.gif) center bottom 10px no-repeat; } .Guestbook.index #guestbookAddModal .file-input { background: #f5f5f5; border-radius: 12px; padding: 15px; text-align: center; } .Guestbook.index #guestbookAddModal #photoUploadDiv2 .file-input { padding: 15px 7px; } .Guestbook.index #guestbookAddModal .file-input > .kv-upload-progress { display: none !important; } .Guestbook.index #guestbookAddModal .file-preview { background: none; border: 0; border-radius: 0; padding: 0; } .Guestbook.index #guestbookAddModal .file-preview-frame .kv-file-content { width: auto; height: auto; } .Guestbook.index #guestbookAddModal .file-preview-frame { box-shadow: none; background: #fff; border-radius: 9px; margin: 0 0 8px; width: 100%; } .Guestbook.index #guestbookAddModal #photoUploadDiv2 .file-preview-frame { margin: 0 8px 8px; width: calc(50% - 16px); } .Guestbook.index #guestbookAddModal button.fileinput-remove { display: none; } .Guestbook.index #guestbookAddModal .file-upload-indicator { display: none; } .Guestbook.index #guestbookAddModal .file-thumb-progress .progress { height: 24px; } .Guestbook.index #guestbookAddModal .file-footer-buttons { width: 100%; } .Guestbook.index #guestbookAddModal .file-footer-buttons .kv-file-remove { width: 100%; } #guestbookAddModal .modal-dialog { width: 800px; max-width: 99%; } #guestbookAddModal .modal-body { padding: 30px 30px 10px; } #guestbookAddModal form input, #guestbookAddModal form textarea { background: #f5f5f5; border-radius: 12px; border: none; padding: 15px 20px; width: 100%; margin-bottom: 15px; } #guestbookAddModal form #photoUploadDiv { width: 100%; } #guestbookAddModal form #photo-filename { width: calc(100% - 140px); float: right; } .Guestbook.members #guestbookAddModal form #photoUploadDiv button { width: 130px; height: 54px; border-radius: 12px; background: #ebdbf0; padding-left: 4px; padding-right: 4px; line-height: 1; } #guestbookAddModal form .select2-container { width: 100% !important; margin-bottom: 15px; } #guestbookAddModal form .select2-choice { border: none; background: #f7f7f7; height: 50px; border-radius: 12px; line-height: 50px; padding-left: 20px; } #guestbookAddModal form .select2-default .select2-chosen { color: #777; } #guestbookAddModal form .select2-container.select2-dropdown-open .select2-choice { border-radius: 12px 12px 0 0; border: 1px solid #5897fb; } #guestbookAddModal form .select2-arrow { border-left: 0; background: none; } #guestbookAddModal form .select2-arrow { position: relative; top: 10px; } #guestbookAddModal #guestbook-notice { margin-top: 20px; } body > .select2-container--open { z-index: 100000000; } #guestbookAddModal select#countryId { background: #f4f4f4; border: none; width: 100%; height: 52px; margin-bottom: 15px; border-radius: 12px; } @media ( max-width: 1199px ) and ( min-width: 992px ) { .Guestbook.members #guestbooks .guestbook-entry { padding: 0 15px; } .Guestbook.index #guest-blog-section .row .col:last-child { padding-top: 40px; } } @media ( max-width: 767px ) and ( min-width: 576px ) { .Guestbook.members #guestbooks .guestbook-entry { padding: 0 15px; } .Guestbook.index #guestbooks .guestbook-entry .comments { margin-top: 40px; } } @media ( max-width: 1199px ) { .Guestbook.index #google-reviews-section #google-reviews-scroll-section { margin-left: 0; } } @media ( max-width: 991px ) { .Guestbook.index #guest-blog-section { overflow: hidden; } .Guestbook.index #guest-blog-section:after { top: 0; left: -70px; } } @media ( max-width: 991px ) and ( min-width: 768px ) { .Guestbook.index #guest-blog-section { height: 270px; } .Guestbook.index #guest-blog-section:after { height: 100%; background-size: contain; background-repeat: no-repeat; } .Guestbook.index #guest-blog-section .row .col:last-child { padding-top: 0; } } @media ( max-width: 767px ) { .Guestbook.index #guest-blog-section .row .col:last-child { padding-top: 0; } .Guestbook.index #guestbooks .guestbook-entry { padding-left: 15px; padding-right: 15px; } .Guestbook.index #guestbooks .guestbook-entry .comments:before { top: -60px; left: 0; } .Guestbook.index #guest-blog-section { height: auto; } .Guestbook.index #guest-blog-section:after { display: none; } #read-more-google-reviews-btn { line-height: 1; } } @media ( max-width: 575px ) { .Guestbook.index #guestbooks .guestbook-entry div.user { padding: 0 10px; } } @media ( max-width: 440px ) { #google-reviews-controls-row .col { width: 100%; text-align: center; } #read-more-google-reviews-btn { margin-top: 20px; } }