/*! main CSS styles for ridelinks.com 2023 - v.1 daniel@ridelinks.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ >>> TABLE OF CONTENTS: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ # Fonts # Variables # Accessibility # Base Elements - Box sizing - Typography - Background - Links - Buttons - Inputs - Icon Buttons - Lists - Tables - Checkboxes and Radios # LAYOUT - Responsive - Main Structure: Header, Main, Footer - Sticky Footer (optional) - Header - Navigation - Footer - Full Screen Menu (mobile) - Extras - Page (global) # SECTIONS - # GRIDS - FLEX WRAP & ITEMS - GRID - GRID ITEMS # PAGES - ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ : Media Queries Breakpoints - small mobiles -> 767px: NO QUERIE X - iPads, tablets 768px -> 1023px: @media screen and (min-width: 768px) {} - small laptops 1024px -> 1199px: @media screen and (min-width: 1024) {} - laptops 1200px -> 1849px: @media screen and (min-width: 1200px) {} - big screen 1850px -> ... @media screen and (min-width: 1850px) {} ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */@font-face{font-display:auto;font-family:ridelinks-reg;src:url(https://cdn.ridelinks.com/fonts/RubrikEdgeNew-Regular.woff2) format("woff2"),url(https://cdn.ridelinks.com/fonts/RubrikEdgeNew-Regular.woff) format("woff")}@font-face{font-display:auto;font-family:ridelinks-semi;src:url(https://cdn.ridelinks.com/fonts/RubrikEdgeNew-SemiBold.woff2) format("woff2"),url(https://cdn.ridelinks.com/fonts/RubrikEdgeNew-SemiBold.woff) format("woff")}@font-face{font-display:auto;font-family:ridelinks-bold;src:url(https://cdn.ridelinks.com/fonts/RubrikEdgeNew-Bold.woff2) format("woff2"),url(https://cdn.ridelinks.com/fonts/RubrikEdgeNew-Bold.woff) format("woff")}body{margin:0;--font-reg:"ridelinks-reg",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-semi:"ridelinks-semi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-bold:"ridelinks-bold",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--white:#fff;--offwhite:#faf9f5;--grey10:#e0e0dc;--grey20:#c7c6c3;--grey30:#adadaa;--grey40:#949391;--grey50:#7a7a78;--grey60:#61615f;--grey70:#474746;--grey80:#2e2e2d;--grey90:#141414;--black:#000;--yellow:#ffd000;--orange:#ff8400;--blue:#007899;--green:#005c61;--blue-light:#00a0cc;--blue-dark:#005066;--green-light:#008d94;--green-dark:#002c2e}*,:after,:before{box-sizing:border-box}body,button,input,optgroup,select,textarea{color:var(--black);font-family:var(--font-reg);font-size:18px;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both;font-family:var(--font-semi)}h1{padding:1.5em 0 0}h2{font-size:1.5em;margin:1.5em 0 .5em}p{margin:0 0 1em}body{background:var(--offwhite)}a{border-bottom:2px solid var(--black);color:var(--black);padding:0 .25em;text-decoration:none}a:active,a:focus,a:hover{background-color:var(--grey80);color:var(--offwhite);text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a[href$=gif],a[href$=jpeg],a[href$=jpg],a[href$=png]{border:0;display:inline-block;line-height:0;text-decoration:none}a.buttonlike,a.buttonlike:visited{background-color:var(--blue);border:1px solid var(--blue);border-radius:20px;color:var(--white);display:inline-block;font-family:var(--font-semi);line-height:36px;margin:2px auto;padding:0 18px;text-decoration:none}a.buttonlike.reverse,a.buttonlike.reverse:visited{background-color:var(--grey90);border:1px solid var(--offwhite);color:var(--offwhite);font-size:14px;line-height:28px;margin:1em 0 0;padding:0 12px}a.buttonlike.reverse:active,a.buttonlike.reverse:hover{background-color:var(--offwhite);color:var(--grey90)}button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--blue);border:1px solid var(--blue);border-radius:20px;color:var(--white);cursor:pointer;font-family:var(--font-semi);line-height:36px;margin:2px auto;padding:0 18px}button.mini-btn{font-size:14px;line-height:14px;padding:2px 8px 4px}button.minicaps-btn{font-size:12px;line-height:28px;padding:0 12px;text-transform:uppercase}button.big-btn{border-radius:25px;font-size:21px;line-height:40px;padding:4px 24px}button.ghost{background-color:var(--white);border-color:var(--blue);color:var(--blue)}button.ghost:active,button.ghost:focus,button.ghost:hover,button.reverse{background-color:var(--orange);border-color:var(--orange);color:var(--white)}button.reverse:active,button.reverse:focus,button.reverse:hover{background-color:var(--yellow);border-color:var(--grey90);color:var(--grey90)}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{border:1px solid #ccc;border-radius:6px;color:var(--grey60);padding:4px 8px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:var(--grey90)}select{border:1px solid var(--grey20)}textarea{width:100%}fieldset legend{line-height:0}button.pure-icon{background-color:initial;border:none;height:40px;padding:0;width:40px}button.pure-icon svg{cursor:pointer;height:40px;width:40px}button.pure-icon-circle{background-color:var(--white);border:none;border-radius:50%;height:50px;padding:10px;width:50px}button.pure-icon-circle svg{height:30px;width:30px;fill:var(--grey90);cursor:pointer}ol,ul{margin:0 0 1em 1em;padding:0 0 0 1em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1em}table{border-collapse:collapse;border-spacing:0;margin:0 0 1em;text-align:left;width:100%}table tbody tr{border-top:1px dashed var(--grey20)}th{font-family:var(--font-bold);font-weight:400}td,th{padding:.25em}.input-wrap{margin-bottom:12px;margin-top:12px;position:relative}.input-wrap label{display:block;padding:6px 0 6px 42px}.input-wrap input{height:36px;left:0;opacity:0;position:absolute;top:0;width:36px}.input-wrap input+label:before,.input-wrap input+span+label:before{background-color:var(--white);border:2px solid grey;border-radius:5px;content:"";height:36px;left:0;position:absolute;top:0;width:36px}.input-wrap input[type=radio]+label:before{border-radius:50%}.input-wrap input[type=checkbox]+label:after,.input-wrap input[type=checkbox]+span+label:after{background-image:url(427dc92a421209cb38de.svg);background-repeat:no-repeat;content:"";height:20px;left:8px;opacity:0;position:absolute;top:8px;transition:opacity .2s ease-in-out;width:20px}.input-wrap input[type=radio]+label:after{border:8px solid;border-radius:50%;color:var(--white);content:"";left:10px;opacity:0;position:absolute;top:10px;transition:opacity .2s ease-in-out}.input-wrap input:checked+label:before,.input-wrap input:checked+span+label:before{background-color:var(--blue);border-color:var(--blue)}.input-wrap input:checked+label:after,.input-wrap input:checked+span+label:after{opacity:1}.input-wrap input:hover+label:before{border-color:var(--blue);cursor:pointer;transition:all .2s ease-in-out}.input-wrap input:hover+label:after{cursor:pointer}.input-wrap input:disabled+label:before{border-color:initial;cursor:not-allowed;opacity:.3}.input-wrap input:disabled+label:after{cursor:not-allowed}.input-wrap-btn{margin-bottom:12px;margin-top:12px;position:relative}.input-wrap-btn label{background-color:var(--white);border:2px solid #777;border-radius:10px;display:inline-block;padding:12px}.input-wrap-btn input{left:0;opacity:0;position:absolute;top:0}.input-wrap-btn input:checked+label{background-color:var(--blue);border-color:var(--blue);color:var(--white)}.input-wrap-btn input:hover+label{border-color:var(--blue);cursor:pointer;transition:all .2s ease-in-out}.input-wrap-btn input:disabled+label{border-color:initial;cursor:not-allowed;opacity:.4}.input-wrap-switch{margin-bottom:12px;margin-top:12px;position:relative}.input-wrap-switch label{display:block;padding:6px 0 0 78px}.input-wrap-switch input{height:40px;left:0;opacity:0;position:absolute;top:0;width:70px}.input-wrap-switch input+label:before{background-color:var(--white);border:2px solid #777;border-radius:50px;content:"";height:40px;left:0;position:absolute;top:0;width:70px}.input-wrap-switch input[type=checkbox]+label:after{border:14px solid;border-radius:50%;color:var(--grey20);content:"";left:6px;opacity:1;position:absolute;top:6px;transition:all .2s ease-in-out}.input-wrap-switch input:checked+label:before{background-color:var(--blue);border-color:var(--blue)}.input-wrap-switch input:checked+label:after{color:var(--white);left:36px}.input-wrap-switch input:hover+label:before{border-color:var(--blue);cursor:pointer;transition:all .2s ease-in-out}.input-wrap-switch input:hover+label:after{cursor:pointer}.input-wrap-switch input:disabled+label:before{border-color:initial;cursor:not-allowed;opacity:.4}.input-wrap-switch input:disabled+label:after{cursor:not-allowed}.inputs-row-wrap .input-wrap,.inputs-row-wrap .input-wrap-btn,.inputs-row-wrap .input-wrap-switch{display:inline-block;margin:0 1em 1em 0}.inputs-row-wrap label{border-radius:0}.inputs-row-wrap .input-wrap-btn:first-child label{border-bottom-left-radius:10px;border-top-left-radius:10px}.inputs-row-wrap .input-wrap-btn:last-child label{border-bottom-right-radius:10px;border-top-right-radius:10px}fieldset.tucked-margins{margin:0;padding:6px 0 12px}.res-width-980{margin:0 20px;max-width:980px}@media screen and (min-width:1020px){.res-width-980{margin:0 auto}}@media only screen and (max-width:734px){.res-width-980{margin-left:auto;margin-right:auto;width:87.5%}}.reading-width{margin:0 auto;max-width:640px}.site-content{margin:100px 0 50px}.site-footer{background-color:var(--grey90);color:var(--offwhite);padding:40px 0}.footer-ridelinks-logo{display:block;margin:0 0 1em;width:150px}.site-header{align-items:center;background-color:var(--offwhite);border-bottom:2px solid var(--blue);color:var(--green);display:flex;flex-direction:row;flex-wrap:nowrap;height:100px;justify-content:space-between;padding:0 20px;position:fixed;top:150px;transition:.3s ease-in-out;width:100%;z-index:98}@media screen and (min-width:701px){.site-header{padding:0 30px}}.nav-up{top:-100px}a#header-logo{background:none;border:none;text-decoration:none;transition:.3s ease-in-out;width:180px}a#header-logo img{transition:.3s;width:100%}.admin-info{min-width:67px}nav.main-navigation{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.admin-info{display:none}.admin-info button{min-width:67px}@media screen and (min-width:701px){.admin-info,.main-navigation ul{display:block}}.main-navigation li{display:inline-block;margin:0 8px;position:relative}.main-navigation li a{background:none;border:none;border-bottom:3px solid #0000;color:var(--green);display:inline-block;font-family:var(--font-semi)}.main-navigation li a:hover{border-bottom:1px solid;color:initial;transition:.3s}.all-caps{text-transform:uppercase}.open-fsmenu-button{display:block}button.pure-icon-circle.fs-close-button,button.pure-icon-circle.open-fsmenu-button{background-color:var(--white);border:2px solid var(--orange);margin:0;padding:8px}button.pure-icon-circle.fs-close-button,button.pure-icon-circle.open-fsmenu-button svg{fill:var(--blue-dark)}@media screen and (min-width:701px){.open-fsmenu-button{display:none!important}}.full-screen-menu{background-color:var(--green-dark);height:100%;left:0;opacity:.95;position:fixed;top:0;width:100%;z-index:99}.fs-logo{display:none;margin-left:30px;position:absolute}.fs-close-button{position:absolute;right:20px;top:20px}button.fs-close-button i,button.fs-close-button i:visited{color:var(--white)!important}.fs-menu-container{display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:100px 0 0;text-align:center}.fs-menu-container ul{list-style:none;margin:0;padding:0}.fs-menu-container li{align-items:center;flex:1;line-height:7vh}.fs-menu-container a,.fs-menu-container a:visited{background-color:initial;border-bottom:1px dashed var(--grey70);color:var(--white);display:block;font-size:1.25em;text-decoration:none;-webkit-transition:all .5s ease;transition:all .5s ease}@media screen and (min-width:768px){.fs-menu-container a{font-size:1.75em}}.full-screen-menu .current-menu-item>a,.full-screen-menu .current_page_item>a{color:var(--yellow);font-family:var(--font-bold);text-decoration:underline}.full-screen-menu .current-menu-item>a:before,.full-screen-menu .current_page_item>a:before{content:"• "}.blink-me{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:0}}section{min-height:50px;overflow:auto}section .reading-width{padding:24px 0}section h2{margin:0 0 .5em}.section-bg-white{background-color:var(--white)}.section-bg-dark{background-color:var(--grey90)}.section-bg-blue{background-color:var(--blue)}.section-bg-blue-dark{background-color:var(--blue-dark)}.section-bg-green{background-color:var(--green)}.section-bg-green-dark{background-color:var(--green-dark)}.hero{height:700px;overflow:hidden;position:relative;width:100%}.hero-background-container,.hero-video{height:700px;left:0;position:absolute;top:0;width:100%}.hero-video{object-fit:cover}.hero-intro-container{align-items:center;display:flex;flex-direction:column;height:700px;justify-content:center;left:0;position:absolute;top:0;width:100%}.hero-message{color:var(--offwhite);font-size:2em}.flexwrap{display:flex;justify-content:space-between}.flexwrap-item-50{width:50%}.flexwrap-item-49{width:49%}.flexwrap-item-39,.flexwrap-item-40{width:40%}.flexwrap-item-60{width:60%}.flexwrap-item-20{width:20%}.flexwrap-item-80{width:80%}.grid{grid-column-gap:24px;grid-row-gap:24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:24px}.grid h2{margin:0 0 .5em}.grid-item{background-color:var(--grey10);box-sizing:border-box;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:30px;position:relative;z-index:0}.larg-col-0{display:none}.large-col-1{grid-column:span 1}.large-col-2{grid-column:span 2}.large-col-3{grid-column:span 3}.large-col-4{grid-column:span 4}.large-col-5{grid-column:span 5}.large-col-6{grid-column:span 6}.large-col-7{grid-column:span 7}.large-col-8{grid-column:span 8}.large-col-9{grid-column:span 9}.large-col-10{grid-column:span 10}.large-col-11{grid-column:span 11}.large-col-12{grid-column:span 12}@media only screen and (min-width:1441px){.xlarge-col-0{display:none}.xlarge-col-1{grid-column:span 1}.xlarge-col-2{grid-column:span 2}.xlarge-col-3{grid-column:span 3}.xlarge-col-4{grid-column:span 4}.xlarge-col-5{grid-column:span 5}.xlarge-col-6{grid-column:span 6}.xlarge-col-7{grid-column:span 7}.xlarge-col-8{grid-column:span 8}.xlarge-col-9{grid-column:span 9}.xlarge-col-10{grid-column:span 10}.xlarge-col-11{grid-column:span 11}.xlarge-col-12{grid-column:span 12}}@media only screen and (max-width:1068px){.medium-col-0{display:none}.medium-col-1{grid-column:span 1}.medium-col-2{grid-column:span 2}.medium-col-3{grid-column:span 3}.medium-col-4{grid-column:span 4}.medium-col-5{grid-column:span 5}.medium-col-6{grid-column:span 6}.medium-col-7{grid-column:span 7}.medium-col-8{grid-column:span 8}.medium-col-9{grid-column:span 9}.medium-col-10{grid-column:span 10}.medium-col-11{grid-column:span 11}.medium-col-12{grid-column:span 12}}@media only screen and (max-width:734px){.small-col-0{display:none}.small-col-1{grid-column:span 1}.small-col-2{grid-column:span 2}.small-col-3{grid-column:span 3}.small-col-4{grid-column:span 4}.small-col-5{grid-column:span 5}.small-col-6{grid-column:span 6}.small-col-7{grid-column:span 7}.small-col-8{grid-column:span 8}.small-col-9{grid-column:span 9}.small-col-10{grid-column:span 10}.small-col-11{grid-column:span 11}.small-col-12{grid-column:span 12}}@media only screen and (max-width:320px){.xsmall-col-0{display:none}.xsmall-col-1{grid-column:span 1}.xsmall-col-2{grid-column:span 2}.xsmall-col-3{grid-column:span 3}.xsmall-col-4{grid-column:span 4}.xsmall-col-5{grid-column:span 5}.xsmall-col-6{grid-column:span 6}.xsmall-col-7{grid-column:span 7}.xsmall-col-8{grid-column:span 8}.xsmall-col-9{grid-column:span 9}.xsmall-col-10{grid-column:span 10}.xsmall-col-11{grid-column:span 11}.xsmall-col-12{grid-column:span 12}}.custom1,.custom3,.item-custom1{background-position:50%;background-size:cover}.home-video-section{min-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.home-video,.home-video-wrapper{height:100vh;left:0;position:absolute;top:0;width:100%}.home-video{object-fit:cover}.home-intro-wrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.home-intro-text{border-bottom:1px solid var(--offwhite);color:var(--offwhite);font-family:var(--font-semi);font-size:3em;margin-bottom:20px;padding:0 0 50px}.home-intro-data .grid-item{background-color:initial;color:var(--offwhite);min-height:auto;text-align:center}.intro-data-number{font-size:2em}.home-believe{background-color:var(--green-dark);color:var(--offwhite);font-size:2em;padding:60px 0}.our-clients{background-color:var(--white);padding:20px 0 80px}.our-clients .grid-item{background-color:var(--white);border-radius:0;justify-content:center;min-height:100px;padding:0}.our-clients .grid-item img{width:100%}.our-services{background-color:var(--offwhite)}.serices-links{padding:40px 0;text-align:center}.serices-links button{margin:0 20px}