@import "@{parenturl}/wp-less/mixins.less"; @gold: #a3873e; @blue: #2e5b66; @futura: ~"Futura, Nunito"; @easing: cubic-bezier(0.77, 0, 0.175, 1); #leftOfMenu; @media (min-width:769px) { body:not(.home) { #page { padding-top: 188px; } } header#masthead { position:fixed; width:100%; top:0; left:0; z-index:100; padding-bottom:25px; body:not(.home) &, &.smaller { background-color: fade(@blue,95); } .searchLi { input.search-query { background-color: #fff !important; } } } .homeIcon .fa-home { font-size: 30px; line-height: 50px; } } header#masthead { @media (max-width:1000px) and (min-width:769px) { ul.nav > li > a { font-size: 14px !important; text-transform: capitalize !important; } } @media (max-width:768px) { background-color:rgba(46,91,102,0.85); #logo { padding: 0 10px; } #responsiveheader a { width:100px; } .navbar-toggle:hover .icon-bar { background-color: #fff; } button.navbar-toggle:hover * { color: #fff; } .navbar-default .navbar-collapse { background-color: transparent; } } @media (max-width:630px) { #responsiveheader { max-width:370px; } } #logo { svg,img { max-width:100%; } #logo-text path { fill:#fff; } } > .container:first-child { justify-content:flex-end; .top-bar { overflow:visible; height: unset; width: unset; .translateY(50%); @media (max-width:950px) { .translateY(10%); } } } > .container:last-child { align-items: flex-end; -webkit-align-items: flex-end; } #callus { position: relative; display:block !important; padding-left: 60px; &::before { content: '\f095'; position: absolute; left: 0; height:100%; display:flex; align-items: center; font-family: FontAwesome; font-size: 48px; padding-right: 20px; color: @gold; } #callusCopy { display: block; line-height: 1em; font-size: 26px; } } #logo { padding-bottom:0; } #click-to-call { margin-right: 40px; } .searchLi { #menuSearch(@height:50px, @mainColor:#000, @backgroundColor:transparent, @iconWidth:44px); ul:not(.align-menu-right) { max-height: 100%; } p { display: none; } } } #hero-container { position:relative; overflow:hidden; video { max-height:960px; } #overlay { position:absolute; width:100%; height:100%; top:0; left:0; .vertAlign(flex-end, flex-end); padding:25px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: clip-path 0.5s ease; > svg { position:absolute; height:100%; width:auto; overflow:visible; top:50%; left:50%; .translate(-50%, -50%); } h2 { color:#fff; position:relative; z-index:10; .font(@futura, 300, 42px); letter-spacing:.1em; text-transform:uppercase; margin:0 50px 2vw 0; @media (min-width:950px) { margin-right: 450px; } @media (max-width:1000px) and (min-width:769px) { font-size: 30px; } @media (max-width:768px) and (min-width:501px) { font-size: 20px; } @media (max-width:500px) { font-size: 12px; } b { .inherit(); .font(inherit, 700, 1.5em); } #people { overflow:visible; height:3em; width:auto; display:inline-block; vertical-align:middle; margin-top:-1em; path { stroke:@gold; animation: animate_Line 2000ms linear 1s forwards; -webkit-animation: animate_Line 2000ms linear 1s forwards; } @id: La, Lb, Lc, Ld, Le, Lf, Lg, Lh; @length: 84.713, 194.884, 65.101, 70.876, 177.901, 198.748, 143.988, 160.424; .animateLine(@id, @length, 2500, 2, 0); } } } #playWithSound { cursor: pointer; } &.playedWithSound { #overlay { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); // Removed because he wanted the whole thing to animate off // clip-path: polygon(0 0, 100% 0, 100% 188px, 0 188px); // @media (max-width:768px) { // clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); // } } } } #npoCont { position: relative; #npoWrap { position: absolute; top: 0; right: 25px; z-index: 10; width: 400px; transform: translateY(-40%); padding: 8px; background-color: #fff; transition: transform 0.5s ease; .npo, .npoContact { display: flex; align-items: center; h4 { background-color: @blue; background-size: 200% auto; background-repeat: no-repeat; width: 4em; min-width: 4em; min-height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px; font-size: 40px; margin: 0; font-family: Futura; letter-spacing: -0.05em; font-weight: 400; } } .npo { margin-bottom: 2px; background-color: fade(@gold,30%); h4 { background-image: url('/wp-content/uploads/2020/05/sprial.svg'); background-position: left 10%; } .npoCopy { flex: 1 1 auto; padding: 20px; font-size: 18px; line-height: 1.2em; color: @blue; text-align:center; strong { text-transform: uppercase; } } } .npoContact { h4 { background-image: url('/wp-content/uploads/2020/05/spiral-rev.svg'); background-position: right 140%; min-height: 297px; } form { padding: 0 0 0 10px; .betterInput { padding-top: 0.8em; font-size: 14px; input, select, textarea { border-bottom: 1px solid @blue; color: @blue; } label { color: @blue; text-transform: uppercase; line-height: 0.8em; } textarea { height: 75px; } } .wpcf7-submit { background-color: fade(@gold,30%); color: @blue; border: 0; font-size: 18px; } } } } .playedWithSound + #content & { #npoWrap { transform: translateY(10px); } } @media (max-width:949px) { #npoWrap { position: static; width: auto; display: flex; transform: translatey(0); } } @media (max-width:620px) { #npoWrap { flex-wrap: wrap; .npo, .npoContact { width: 100%; h4 { font-size: 30px; } } .npoContact { .wpcf7 { width: 100%; } } } } } #sectionWelcome { position:relative; .padding-ends(7vw); .margin-ends(25px); &:before { content:' '; display:block; position:absolute; background-image:url('/wp-content/uploads/2019/12/welcome.jpg'); background-size:cover; background-position:center; height:100%; width:80%; max-width:1080px; top:0; right:0; z-index:-1; } > div { background-color:fade(@gold, 94); overflow:visible; max-width:960px; @media (min-width:950px) { width: calc(100% - 450px); margin-right: 450px; } } span.welcome { color:@blue; display:block; .font(Rembank, 400, 115px); text-transform:none; margin-top: -.65em; @media (max-width:768px) { font-size: 65px; } } h1 { color:#fff; .font(Futura, 500, 32px); text-transform:uppercase; @media (max-width:768px) { font-size: 24px; } b { .inherit(); .bold(); } } p { color:#fff; } } #SVCContainer { margin-bottom:~"calc(7vw - -25px)"; } #sectionTestimonials { .margin-ends(~"calc(7vw - -50px)"); h2 { color:@blue; .font(Futura, 400, 50px); text-align:center; text-transform:uppercase; margin-bottom:1em; b { color:inherit; .font(Rembank, 400, 2.5em); text-transform:none; line-height: 0; display: inline-block; .translateY(-.1em); } @media (max-width:768px) { font-size: 26px; b { line-height: 1.4em; } } } .active() { flex:5; h4 { background-color:fade(@gold, 85); span { width:10.5em; } } } .testimonial { position: relative; background-position:center; background-size:cover; @media (min-width:769px) { .border-sides(10px solid #fff); &:first-child { border-left:none; } &:last-child { border-right:none; } } height:56.25vw; max-height:680px; .vertAlign(flex-end); .su-lightbox { display: flex; justify-content: flex-end; flex-direction: column; width:100%; height: 100%; margin-bottom:5em; cursor: pointer; @media (max-width:768px) { margin-bottom: 20px; } } h4 { color:#fff; .font(Futura, 500, 34px); padding-top:.3em; text-align:center; text-transform:uppercase; margin:0; @media (max-width:1200px) and (min-width:769px) { font-size: 18px; } @media (max-width:768px) { font-size: 14px; } span { display: inline-block; .inherit(); .font(@weight:300); white-space:pre; b { .inherit(); .font(@weight:500); } img { height:6em; width:5em; margin-left:1em; .margin-ends(-1.75em); } } } blockquote { position: absolute; top: 100%; left: 0; width:100%; opacity: 0; transition: opacity 0.5s ease; } & { flex:1; .transition(all, .5s, @easing); h4 { background-color:fade(@blue, 85); .transition(all, .5s, @easing); span { width: 0; .transition(width, .5s, @easing); .clip(~"0 -2em, 100% -2em, 100% calc(100% - -2em), 0 calc(100% - -2em)"); } } } @media (min-width:769px) { &:hover { .active(); } &:hover, &.active { blockquote { opacity: 1; } } } } #test-1 { background-image: url('/wp-content/uploads/2019/12/natalie.jpg'); background-position: 68% center; } #test-2 { background-image: url('/wp-content/uploads/2019/12/kamden.jpg'); background-position: 33% center; } #test-3 { background-image: url('/wp-content/uploads/2019/12/janae.jpg'); background-position: 37% center; } #test-4 { background-image: url('/wp-content/uploads/2019/12/mitchell.jpg'); background-position: 40% center; } #test-5 { background-image: url('/wp-content/uploads/2019/12/mark.jpg'); background-position: 61% center; } #testimonials { display:flex; @media (min-width:769px) { &:not(:hover) .testimonial.active { .active(); } } } } #sectionHighlights { .margin-ends(~"calc(7vw - -50px)"); .padding-sides(50px); .max-width(1540px); position:relative; &:before { content:' '; display:block; position:absolute; z-index:-1; width:2250px; height:1880px; background-image:url('/wp-content/uploads/2019/12/highlight.svg'); background-size:cover; background-position:center; top:50%; left:50%; .translate(-50%, -50%); } .highlight { background-image:url('/wp-content/uploads/2020/09/highlight_01.jpg'); background-position: center; background-attachment:fixed !important; background-repeat:no-repeat !important; min-height:380px; padding:25px; .vertAlign; flex-direction:column; .pseudoBefore; h2 { margin:0; text-align:center; cursor:pointer; color:#fff; .font(Futura, 300, 42px); letter-spacing:.1em; text-transform:uppercase; svg { display:block; margin:0 auto 20px; fill:#fff; } b { .inherit(); .bold(); } } .highlightCopy { overflow: hidden; max-height: 0px; .transition(all, .5s, @easing); > div { padding-top:25px; text-align:center; .max-width(960px); } p { color:#fff; } a.learn-more { display:inline-block; padding:.25em; color:@blue; .font(Lato, 400, 16px); text-transform:uppercase; b { .inherit(); .bold(); } span { display:block; padding:.5em 1.25em; } & { border:1px solid #fff; color:@blue; .transition(all, .5s, @easing); span { background-color:#fff; .transition(background-color, .5s, @easing); } } &:hover { border:1px solid @blue; color:#fff; span { background-color:@blue; } } } } & { z-index:1; left:0; width:100%; box-shadow: 0px 0px 5px 0px fade(#000, 0); .transition(all, .5s, @easing); &:nth-child(odd):before { background-color:fade(#000, 40); .transition(all, .5s, @easing); } &:nth-child(even):before { background-color:fade(#000, 30); .transition(all, .5s, @easing); } } &.active { z-index:99; left:-25px; width:~"calc(100% - -50px)"; box-shadow: 0px 0px 5px 0px fade(#000, 75); &:before { background-color:fade(@gold, 85); } } } @media (max-width:768px) { padding: 0 20px; .highlight { h2 { font-size: 30px; } } } } #sectionCallToAction { position:relative; .padding-ends(7vw); .margin-ends(25px); &:before { content:' '; display:block; position:absolute; background-image:url('/wp-content/uploads/2021/02/office_01.jpg'); background-size:cover; background-position:center; background-repeat: no-repeat; height:100%; width:80%; max-width:1080px; top:0; left:0; z-index:-1; } > div { background-color:fade(@blue, 92); overflow:visible; max-width:960px; padding:50px; } h2 { color:#fff; .font(@futura, 300, 42px); letter-spacing:.1em; text-align:center; text-transform:uppercase; b { color:@gold; .font(Rembank, 400, 2.5em); text-transform:none; line-height: 0; display: inline-block; .translateY(-.1em); } } p { color:#fff; a { .inherit(); .font(); text-decoration:underline; } b, strong { .inherit(); .bold(); } } @media (max-width:768px) { h2 { font-size: 20px; b { line-height: 1.4em; } } } } .wpcf7 .betterInput { position: relative; padding-top: 1.2em; border-bottom: 2px solid #fff; margin-bottom:10px; font-size:16px; font-weight:400; color:#fff; *::placeholder { color: rgba(0,0,0,0); opacity: 0; } *:-ms-input-placeholder { color: rgba(0,0,0,0); } *::-ms-input-placeholder { color: rgba(0,0,0,0); } *:-moz-input-placeholder { color: rgba(0,0,0,0); } *::-moz-input-placeholder { color: rgba(0,0,0,0); } * { color:#313131; border:0; padding: 1px 2px; background: transparent; resize:none; } label { .transition(.3s, all, @easing); } input, select, textarea { color:#fff; font-size:inherit; font-weight:inherit; font-family:inherit; } select { display:block; width:100%; margin-bottom:5px; } label { position: absolute; width:100%; top:0; transform: translateY(1.2em); left:0; pointer-events: none; color:#fff; font-size:inherit; font-weight:inherit; font-family:inherit; } .req { color:#FF4136; .transition(.3s, color, @easing); } *:focus:not(:placeholder-shown) + label, *:focus + label, *:focus:not(:placeholder-shown) + label .req, *:focus + label .req { color:@blue; // Inputting } *:not(:placeholder-shown) + label, *:not(:placeholder-shown) + label .req { color:#ddd; // Inputted } *:focus + label, *:not(:placeholder-shown) + label { transform: translateY(0); font-size: .8em; } } #footer { background-image:url('/wp-content/uploads/2020/09/footer_01.jpg'); overflow:hidden; display:grid; grid-template-columns:repeat(3, 1fr); > * { position:relative; z-index:5; } #footerInfo { .vertAlign; .footerInfo { .vertAlign(@justifyContent:flex-start); svg { width:40px; height:40px; fill:#fff; margin-right:8px; } a, pre { margin:0; display:block; color:#fff; .font(Lato, 500, 32px); } pre { white-space:pre-wrap; } } hr { margin:50px 0; } } > svg { max-width: 100%; align-self:center; justify-self:center; overflow:visible; position:relative; z-index:1; } #contactus { padding:50px; h2 { color:#fff; .font(Lato, 700, 45px); letter-spacing:.1em; text-align:center; text-transform:uppercase; } .wpcf7 { .max-width(420px); textarea { height:150px; } input[type="submit"] { border:none; background-color:fade(#fff, 25); color:#fff; display:block; width:10em; margin:0 0 0 auto; &:hover { background-color:#fff; color:@gold; } } } } #socialMedia { grid-column:1 / span 3; text-align:center; a { display:inline-block; padding:10px; vertical-align:top; line-height: 1; margin:8px; } svg { height:32px; width:auto; path { fill:#fff; fill-opacity:.8; transition:fill-opacity .3s; -webkit-transition:fill-opacity .3s; } } a:hover svg path { fill-opacity:1; } } @media (max-width:1100px) and (min-width:769px) { #footerInfo { .footerInfo { a, pre { font-size: 20px; } } } #contactus { padding: 20px; h2 { font-size: 30px; } } } @media (max-width:768px) { display: block; #footerInfo { padding: 20px 20px 0; hr { margin: 20px 0; } .footerInfo { a, pre { font-size: 20px; } } } > svg { margin: 20px auto 0; display: block; max-width:200px; max-height:200px; } #contactus { padding: 20px; h2 { font-size: 30px; } } } } #footer-area { background-image:url('/wp-content/uploads/2019/12/swirl.svg'); background-position:center; background-repeat:no-repeat; } #betterFooter; p:empty { display: none; } .su-spoiler-title h2, .su-spoiler-title h3, .su-spoiler-title h4, .su-spoiler-title h5 { margin: 0 !important; } .page-id-3311, .page-id-3319, .page-id-3326, .page-id-3323 { #reviews { margin-top:50px; background-color:rgba(0,0,0,1); padding-top:150px; padding-bottom:150px; position:relative; overflow:hidden; -webkit-transition: background-color 2s; /* Safari */ transition: background-color 2s; } #reviews.act { background-color:rgba(0,0,0,.6); } #reviews h2 { font-family:Cinzel; text-align:center; color:#fff; font-size:42px; margin-bottom:0; } #reviews img { margin:0 auto 50px; width:280px; display:block; } #downArrow { background-image:url('/wp-content/uploads/2016/11/downArrow.svg'); background-size:cover; height:50px; width:102px; position:absolute; bottom:0; left:0; right:0; margin:auto; } #downArrow:before, #downArrow:after { content:' '; display:block; position:absolute; width:100vw; height:100%; background-color:#fff; bottom:0; } #downArrow:before { right:100%; } #downArrow:after { left:100%; } span.su-lightbox { color:#fff; font-style:italic; text-align:center; margin:auto; display:block; cursor:pointer; max-width: 300px; font-size: 18px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; } span.su-lightbox div { font-family:Lato; font-weight:300; color:rgba(255,255,255,.7); font-size:28px; transition: color .5s; -webkit-transition: color .5s; } span.su-lightbox:hover div { color:rgba(255,255,255,1); } span.su-lightbox svg { width: 75px; margin: auto; margin-left: 0; } span.su-lightbox svg path { fill:rgba(255,255,255,.7); transition: fill .5s; -webkit-transition: fill .5s; } span.su-lightbox:hover svg path { fill:rgba(255,255,255,1); } .mfp-bg { opacity: .9 !important; filter: alpha(opacity=90) !important; } #reviews .video-container { position: absolute; top: 0; bottom:0; margin:auto; z-index: -1; width: 100%; } #homeNewMaxWidth { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('/wp-content/uploads/2016/11/OfficePhoto_Blurred.jpg'); background-size:cover; background-position:center; } #homeNewMaxWidth .newMaxWidth { max-width:1140px; padding-top:100px; padding-bottom:100px; } #homeNewMaxWidth h1 { line-height:1; margin-bottom:25px; } #homeNewMaxWidth span { display:block; font-weight:300; font-family:Raleway; font-size:.75em; margin-bottom:5px; } .entry-content #homeNewMaxWidth p { color:#fff; } .entry-content .testimonial_rotator h2.testimonial_rotator_slide_title { font-weight:300; font-style:italic; margin-bottom:0; min-height:40px; line-height:40px; text-align:left; } .entry-content .testimonial_rotator h2.testimonial_rotator_slide_title:before, .entry-content .testimonial_rotator h2.testimonial_rotator_slide_title:after { content:'"'; } .testimonial_rotator_stars { padding:0; } .testimonial_rotator_star { color:#00535d; height:31px; width:29px; } .testimonial_rotator_star .fa-star:before { content:' '; background-image:url('/wp-content/uploads/2016/11/star.svg'); background-size:contain; background-position:center; background-repeat:no-repeat; height:31px; width:29px; display:block; } .testimonial_rotator.template-default .testimonial_rotator_author_info { border-left:0; margin:0; left:0; } .entry-content .testimonial_rotator.template-default .testimonial_rotator_author_info p { margin:0; font-family:Cinzel; font-size:18px; font-weight:700; color:#969072; font-style:normal; } .entry-content .testimonial_rotator.template-default .testimonial_rotator_author_info p:before { content:"—"; } .entry-content div.testimonial_rotator_quote { color:#969072; font-family:Raleway; font-size:16px; line-height:1.25; font-style:italic; } .testimonial_rotator_description .vertAlign > div { margin:auto; } .testimonial_rotator_nav i { opacity:0; } .testimonial_rotator_prev, .testimonial_rotator_next { width:16px; height:46px; background-size:contain; background-position:center; background-repeat:no-repeat; top:0; bottom:0; margin:auto; } .testimonial_rotator_prev { background-image:url('/wp-content/uploads/2016/11/left-arrow.svg'); } .testimonial_rotator_next { background-image:url('/wp-content/uploads/2016/11/right-arrow.svg'); } hr.dotted { background-image:url('/wp-content/uploads/2016/11/dotted.svg'); height:3px; border:0; margin-top:50px; margin-bottom:50px; } #openCare { margin-bottom:25px; justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; } #openCare .flex { flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; } #openCare img { margin:0 25px; } #openCare .flex p { margin-bottom:0; text-align:left; margin-left:0; margin-right:auto; color:#8F8F8F; font-family:Raleway; font-weight:300; line-height:1.25; } #openCare .flex p a { color:#8F8F8F; font-family:Raleway; font-weight:600; line-height:1.25; } .su-accordion { margin:50px 0 0 !important; } .su-accordion .su-spoiler { position:relative; z-index:10; background-size:cover; background-repeat:no-repeat; border:0; margin:0; } .su-spoiler:before { content:' '; display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; background:rgba(150,144,114,.8); transition: all .5s; -webkit-transition: all .5s; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .su-spoiler:not(.su-spoiler-closed):before { background:rgba(255,255,255,.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .su-spoiler:nth-child(1) { background-image:url('/wp-content/uploads/2016/11/CosmeticDentistryBW.jpg'); } .su-spoiler:nth-child(2) { background-image:url('/wp-content/uploads/2016/11/RestorativeDentistry_BW.jpg'); } .su-spoiler:nth-child(3) { background-image:url('/wp-content/uploads/2016/11/DentalImplantsBW.jpg'); background-position:center; } .su-spoiler:nth-child(4) { background-image:url('/wp-content/uploads/2016/11/FamilyDentistryBW.jpg'); } .su-spoiler-style-simple > .su-spoiler-title, .su-spoiler-style-simple > .su-spoiler-content { background:transparent !important; } .entry-content ul, .entry-content ol { color: #fff; } .entry-content .su-spoiler-style-simple > .su-spoiler-title { font-size: 42px; text-align: center; font-weight: 400; text-transform: uppercase; color:#fff; font-family:Cinzel; padding:0; height:140px; line-height:140px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; transition: all .5s; -webkit-transition: all .5s; } .entry-title { display: none; } @media all and (max-width: 768px) { .entry-content .su-spoiler-style-simple > .su-spoiler-title { font-size: 36px; } .navbar-header { background-color: #00535d; } .navbar-collapse { background-color: #969072; } } @media all and (max-width: 550px) { .entry-content .su-spoiler-style-simple > .su-spoiler-title { font-size: 24px; } } .entry-content .su-spoiler-style-simple:not(.su-spoiler-closed) > .su-spoiler-title { color:#00535d; } .entry-content .su-spoiler-style-simple > .su-spoiler-title > span { position:relative; } .entry-content .su-spoiler-style-simple > .su-spoiler-title > span:not(.su-spoiler-icon):after { content: "\f078"; font-family:FontAwesome; margin:0 0 0 10px; line-height:135px; display:inline-block; transition: all .5s; -webkit-transition: all .5s; position:absolute; color:#fff; font-size:32px; } .entry-content .su-spoiler-style-simple:not(.su-spoiler-closed) > .su-spoiler-title > span:not(.su-spoiler-icon):after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color:#00535d; } .su-spoiler-content > div { max-width:740px; margin:auto; width:100%; padding:0 50px 34px; } .entry-content .su-spoiler-content p, .entry-content .su-spoiler-content ul, .entry-content .su-spoiler-content ol { color:#00535d; font-size:16px; font-family:Raleway; font-weight:400; margin-bottom:50px; } .entry-content .su-spoiler-content a { width:200px; height:50px; line-height:50px; text-align:Center; border:1px solid #00535d; font-family:Cinzel; font-weight:400; display:block; margin:auto; font-size:18px; text-transform:uppercase; } #barred-back { background-image:url('/wp-content/uploads/2016/11/bar.svg'); background-size:20px; } #barred-back .newMaxWidth { padding-top:50px; } } pre a { font-weight: inherit !important; } .jr-insta-slider { max-width: 20vw; margin: 0 0 20px; @media (max-width:1024px) { max-width: 33vw; } .widget-title { display: none; } .pllex-viewport { overflow: visible !important; } .pllexislider .slides > li { max-width:20vw; @media (max-width:1024px) { max-width: 33vw; } .jr-insta-datacontainer { padding: 10px; } } } .page-id-4253 h1 { margin: 0 auto; max-width:1920px; padding: 0 25px; } #podium-bubble { right:25px!important; }