-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
2 lines (2 loc) · 11.5 KB
/
style.css
1
2
:root{--text: rgba(0, 0, 0, 1);--bg: rgba(255, 255, 255, 1);--bg-alt: rgba(250, 250, 250, 1);--accent: rgba(0, 122, 255, 1);--swiper-theme-color: var(--accent) !important;--swiper-navigation-size: 1.5em !important}@media (prefers-color-scheme: dark){:root{--text: rgba(255, 255, 255, 1);--bg: rgba(0, 0, 0, 1);--bg-alt: rgba(5, 5, 5, 1);--accent: rgba(255, 0, 0, 1)}}@media screen and (min-width: 768px){:root{--swiper-navigation-size: 2.5em !important}}html{text-size-adjust:100%;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:grayscale;scroll-behavior:smooth}body{font-size:0.875rem;font-family:"Poppins", sans-serif;font-weight:300;padding:0;margin:0;overflow-x:hidden}@media screen and (min-width: 768px){body{font-size:1rem}}body *{-webkit-tap-highlight-color:rgba(0,0,0,0)}*,*::before,*::after{box-sizing:inherit}img{display:block;width:100%}.container{max-width:1280px;margin-right:auto;margin-left:auto}.bg-default{background-color:var(--bg)}.bg-alt{background-color:var(--bg-alt)}.text-default{color:var(--text)}.text-accent{color:var(--accent)}.text-center{text-align:center}h1,h2,h3,h4{text-transform:uppercase;font-weight:700}a{font-weight:700;color:inherit}a.btn{border:1px solid var(--text);padding:12px 20px;text-decoration:none;transition:all 400ms;text-transform:uppercase}a.btn:hover,a.btn:focus{background-color:var(--text);color:var(--bg)}.padding-default{padding:0 20px}@media screen and (min-width: 768px){.padding-default{padding:0 30px}}.header-bg{background-image:url(img/hero-768-min.jpg);background-size:cover;background-position:49% 25%;background-repeat:no-repeat;min-height:640px;max-height:100vh}@media screen and (min-width: 769px){.header-bg{background-image:url(img/hero-1154-min.jpg)}}@media screen and (min-width: 1155px){.header-bg{background-image:url(img/hero-1920-min.jpg)}}@media screen and (min-width: 1921px){.header-bg{background-image:url(img/hero-2560-min.jpg)}}.header-nav-wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 0;text-transform:uppercase}.header-nav-wrapper .logo{width:160px;height:33px}.header-nav-wrapper .primary-nav-wrapper{position:fixed;z-index:99;top:0;left:0;opacity:0;visibility:hidden;transition:all 400ms;width:100%;height:100%}@media screen and (min-width: 768px){.header-nav-wrapper .primary-nav-wrapper{position:relative;opacity:1;visibility:visible;width:auto;height:auto}}.header-nav-wrapper .primary-nav-wrapper.open{visibility:visible;opacity:1;background-color:rgba(0,0,0,0.85)}@media screen and (min-width: 768px){.header-nav-wrapper .primary-nav-wrapper.open{background-color:transparent}}.header-nav-wrapper nav{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.header-nav-wrapper nav ul{list-style:none;margin:0;padding:0}@media screen and (min-width: 768px){.header-nav-wrapper nav ul{display:inline-block;margin:0;padding:0}}.header-nav-wrapper nav ul li{font-size:1rem;padding:5px 30px 0}@media screen and (min-width: 768px){.header-nav-wrapper nav ul li{padding:5px 12px 0;display:inline-block}.header-nav-wrapper nav ul li:last-child{padding-right:0}}@media screen and (min-width: 960px){.header-nav-wrapper nav ul li{padding:5px 16px 0}}.header-nav-wrapper nav ul li a{display:block;padding-bottom:40px;color:#fff;text-decoration:none}@media screen and (min-width: 768px){.header-nav-wrapper nav ul li a{position:relative;padding-bottom:5px;transition:opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1);-webkit-tap-highlight-color:transparent}}.header-nav-wrapper nav ul li a:hover{opacity:1}.header-nav-wrapper nav ul li a:hover:before{visibility:visible;transform:scaleX(1)}@media screen and (min-width: 768px){.header-nav-wrapper nav ul li a:before{position:absolute;bottom:0;left:0;visibility:hidden;width:100%;height:1px;content:"";transition:all 400ms ease-in-out 0s;transform:scaleX(0);background-color:#fff}}.header-nav-wrapper .is-visible{visibility:visible;opacity:1}.nav-toggle{position:absolute;z-index:999;top:50%;left:50%;padding:10px 30px 10px 0px;cursor:pointer;transform:translate(-50%, -50%)}.nav-toggle .nav-text,.nav-toggle .active .nav-text{transition:all 0s}.nav-toggle .bar{background:#fff;display:block;height:1px;margin-top:0;opacity:1;position:absolute;right:0;top:50%;transform:rotate(0deg);transition:transform 164ms ease-in 0s, margin 164ms ease-out 164ms;width:28px;z-index:1}.nav-toggle .bar:nth-child(1){margin-top:-5px}.nav-toggle .bar:nth-child(2){margin-top:3px}.nav-toggle.active .bar{transition:margin 164ms ease-in, transform 164ms ease-out 164ms}.nav-toggle.active .bar:nth-child(1){margin-top:-1px;transform:rotate(45deg)}.nav-toggle.active .bar:nth-child(2){margin-top:-1px;transform:rotate(-45deg)}.navicon{position:absolute;right:6px;opacity:1;visibility:visible;width:20px;height:20px}@media screen and (min-width: 768px){.navicon{opacity:0;visibility:hidden}}.navicon.fixed{right:26px}.fixed{position:fixed;z-index:999}.intro,.quote{padding:60px 0}.intro h2,.quote h2{max-width:750px;margin:0 auto;margin-bottom:50px}.intro p,.quote p{margin-bottom:60px}.quote h2{max-width:480px}.about-flex{display:flex;flex-direction:column;min-height:100vh}@media screen and (min-width: 768px){.about-flex{flex-direction:row;min-height:auto}}@media screen and (min-width: 768px){.about-flex-reverse{flex-direction:row-reverse;min-height:auto}}.about-flex-image{flex:1 1 auto;background-image:url(img/profile-768-min.jpg);background-size:cover;background-position:50% 15%;background-repeat:no-repeat;min-height:540px}@media screen and (min-width: 768px){.about-flex-image{flex:1 1 50%}}.about-flex-text{padding:30px 20px}@media screen and (min-width: 768px){.about-flex-text{flex:1 1 50%;padding:100px 50px}}.about-btn{margin-top:50px}.services{padding:40px 0 0}.services h2{margin-bottom:3rem}.services-padding{padding-left:20px;padding-right:20px}.services-flex{display:flex;flex-direction:column}@media screen and (min-width: 640px){.services-flex{flex-direction:row;flex-wrap:wrap}}.services-flex-item{flex:1;border:10px solid transparent;margin-bottom:30px;filter:grayscale(100%);transition:all 400ms}.services-flex-item:hover,.services-flex-item:focus{transform:scale(1.05);filter:grayscale(0%);border:10px solid var(--accent)}@media screen and (min-width: 640px){.services-flex-item{flex:1 1 45%}.services-flex-item:nth-child(odd){margin-right:5px}}.services-flex-item .image{min-height:420px;background-size:cover;background-position:50% 40%;background-repeat:no-repeat}.services-flex-item .image-one{background-image:url(img/personal-training-640-min.jpg);background-position:36% 50%}.services-flex-item .image-two{background-image:url(img/womens-specialist-640-min.jpg)}.services-flex-item .image-three{background-image:url(img/nutritional-adviser-640-min.jpg)}.services-flex-item .image-four{background-image:url(img/animal-flow-640-min.jpg)}.services-flex-item .text{padding:20px 15px 40px}@media screen and (min-width: 640px){.services-flex-item .text{padding:15px 15px 40px}}.full-width-image{background-image:url(img/pro-11-768-min.jpg);background-size:cover;background-position:38% 47%;background-repeat:no-repeat;min-height:640px}@media screen and (min-width: 769px){.full-width-image{background-image:url(img/pro-11-1154-min.jpg)}}@media screen and (min-width: 1155px){.full-width-image{background-image:url(img/pro-11-1920-min.jpg)}}@media screen and (min-width: 1921px){.full-width-image{background-image:url(img/pro-11-2560-min.jpg)}}.success-stories{padding:40px 0}.success-stories figure{margin:0 1em}@media screen and (min-width: 768px){.success-stories figure{margin:0 3em}}.success-stories blockquote,.success-stories figcaption{margin:0 0 1.5em 0}.success-stories blockquote p,.success-stories figcaption p{font-size:0.85rem}@media screen and (min-width: 768px){.success-stories blockquote p,.success-stories figcaption p{font-size:1rem}}.success-stories .swiper{padding:1.5em 1em 3em}.success-stories .swiper-button-prev,.success-stories .swiper-button-next{display:none}@media screen and (min-width: 768px){.success-stories .swiper-button-prev,.success-stories .swiper-button-next{display:block;color:var(--text)}}.success-stories .swiper-button-prev{left:1em}.success-stories .swiper-button-next{right:1em}.success-stories .swiper-horizontal>.swiper-pagination-bullets,.success-stories .swiper-pagination-bullets.swiper-pagination-horizontal,.success-stories .swiper-pagination-custom,.success-stories .swiper-pagination-fraction{bottom:0}.success-stories .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.success-stories .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 10px)}.success-stories .swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));background:var(--swiper-pagination-bullet-inactive-color, var(--text));opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.5)}.success-stories .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.contact{padding:40px 0}.contact-flex{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 768px){.contact-flex{flex-direction:row}}.contact-flex-left{flex:1 1 40%}.contact-flex-left .name-and-title{margin-bottom:30px}.contact-flex-left .name-and-title h2,.contact-flex-left .name-and-title h3{margin:0;line-height:1}.contact-flex-left .details{margin-bottom:50px}.contact-flex-left .details p{margin:0}.contact-flex-left .details p a{font-weight:300;text-decoration:none}.contact-flex-left .details p a:hover,.contact-flex-left .details p a:focus{text-decoration:underline}.contact-flex-left .logo{text-align:center}@media screen and (min-width: 768px){.contact-flex-left .logo{text-align:left}}.contact-flex-left .logo svg,.contact-flex-left .logo img{fill:var(--text);width:auto;max-width:160px}.contact-flex-right{flex:1 1 60%}.contact-flex-right .images-wrapper{list-style-type:none;max-width:560px;margin:50px auto;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.contact-flex-right .images-wrapper li{flex:1;min-width:125px;max-width:125px;padding:15px}.contact-flex-right .images-wrapper li svg,.contact-flex-right .images-wrapper li img{display:block;width:100%;fill:var(--text)}.footer{padding:40px 0}.footer-flex{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){.footer-flex{flex-direction:row}}.footer-flex-left{font-size:0.7rem}@media screen and (min-width: 768px){.footer-flex-left{font-size:0.85rem}}.footer-flex-right ul.social-media-links{list-style-type:none;margin:0 0 15px 0;padding:0;display:flex;flex-direction:row}@media screen and (min-width: 768px){.footer-flex-right ul.social-media-links{margin:0}}.footer-flex-right ul.social-media-links li{margin:0;padding:0 25px 0 0}.footer-flex-right ul.social-media-links li:last-child{padding-right:0}.footer-flex-right ul.social-media-links li a{color:var(--text);transition:all 400ms}.footer-flex-right ul.social-media-links li a:hover{color:var(--accent)}.footer-flex-right ul.social-media-links li a svg{width:36px;height:36px}
/*# sourceMappingURL=style.css.map */