/*--------------------------------------------------- FONT IMPORT -------------------------------------------------*/ /*------------------------------------------------------ MAP ------------------------------------------------------*/ .section_content .tsT_plugin .b2b-location.wide .b2b-location-items-container .b2b-location-items.show-details li p { margin: 0 !important; line-height: 1.5em !important;} /**** NO MAP ****/ .primary.tsi-address, .b2b-location-canvas {display:none !important;} .primary.tsi-phone {width:100% !important;} .b2b-location-get-directions.color_bodylinks, .footer-street-address.footer-address, .b2b-location-get-directions {display:none !important;} .mobile-multi-locations .tsi-address a {display: none !important;} .tsAddress {display:none !important;} /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ .tsH{ display: flex !important; display: -webkit-flex !important; flex-direction:column-reverse !important; -webkit-flex-direction:column-reverse !important; } .tsH_wrp{ padding: 0 !important; } .tsD_white *{ color: #fff !important; } /*----------------------------------------------------- CTA -------------------------------------------------------*/ .text a{ text-transform: uppercase !important; padding: 0.5rem !important; color: #fff !important; background: transparent !important; border: 2px solid #444 !important; } .text a:hover{ color: #fff !important; background: #444 !important; border: 2px solid #444 !important; } #mobile-call-btn { bottom: 14px; position: fixed; right: 20px; z-index: 99999; text-align: center !important; } #mobile-call-btn a { text-decoration: none; } @media (min-width: 1024px) { #mobile-call-btn { display: none; } } @media (max-width: 1024px) { .tsF { padding-bottom: 7.5rem !important; } } #mobile-call-btn span { font-size: 1.25rem; text-align: center !important; font-weight: bold; color: #fff; background: #0d1d24; /* change background color of text */ padding: 0 5px 0; border-radius: 10px; border: solid 3px #000; } #mobile-call-btn img { position: relative; background: #0d1d24; /* change background color of phone icon */ max-width: 70px; border-radius: 50%; z-index: 99 !important; width: 100%; animation: pulse 1s infinite; border: solid 3px #000; } @keyframes pulse { 0% {transform: scale(1);} 50% {transform:scale(1.15);} 100% {transform:scale(1);} } .to-top { display: none; } /*---------------------------------------------------- HEADER -----------------------------------------------------*/ .tsM_bdy{background: #414141 !important;} .tsSC {display:none !Important;} @media (min-width: 1024px){ .tsH{position: relative !important;} .home .tsC {margin-top: 0 !important; padding-top: 0 !important;} .tsD_dl, .tsD_dl2 {margin-top: -15rem !Important;} .tsD_dl .tsI {height: 95vh !important;} .tsD_dl2 .tsI {height: 45vh !important;} .tsD_dl .tsI_txt {padding-top: 12rem !important;}} @media (max-width: 1024px){.tsH{background: #414141 !important;}} /*----------------------------------------------------- LOGO ------------------------------------------------------*/ /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ .tsI_hd, .tsI_sh{font-weight: lighter !important; } .law {font-size:1.5rem !Important;font-weight: 400 !important;letter-spacing:5px !Important;margin-top: -2rem !Important;} @media (min-width: 700px) { .law { margin-left: 11rem !important; } } @media (max-width: 500px) { .law { margin-top: 0rem !important; } } /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ @media print, screen and (min-width: 481px){ .section_content .w1060 .tsT_article.a1.large:not(.tsD_wide) .tsI.nHero, .section_content .w988 .tsT_article.a1.large:not(.tsD_wide) .tsI.nHero { width: 60%; margin: auto !Important; margin-bottom: 5rem !Important; }} @media print, screen and (min-width: 1025px){ .tsD_split {width: 60% !Important; margin: auto !Important; }} /*----------------------------------------------------- DLS -------------------------------------------------------*/ .tsD_dl .tsI_hd, .tsD_dl2 .tsI_hd {font-weight:600 !Important; font-size: 2rem !Important;letter-spacing: 1px !Important; text-shadow: none !Important;} .tsD_dl .tsI_sh{font-weight:800 !Important; text-transform: uppercase !Important;font-size:5rem !Important;} .tsD_dl .tsI_dsc {font-weight:600 !Important; font-size: 1rem !Important;letter-spacing: 3px !Important;} @media(max-width:500px){ .tsD_dl .tsI_sh{font-weight:800 !Important; text-transform: uppercase !Important;font-size:2rem !Important;} } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ /*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/ /*--------------------------------------------------- SERVICES ----------------------------------------------------*/ /*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/ /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ /*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/ @media (max-width: 1024px){ .tsH #_the_logo img { max-height: 3.5em !important; } } .tsD_invertColors { background-color: #000!important; } .tsD_invertColors p, .tsD_invertColors h2.tsI_sh, .tsD_invertColors h2.tsI_hd{ color:#fff!important; }