:root { --accent: #102453; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* ========================================================= ARA GLOBAL STAFFING - RESPONSIVE HEADER LOGO Desktop: 60px Tablet: 50px Mobile: 40px ========================================================= */ .c27-main-header .header-container .header-top { width: 100%; max-width: 1285px; margin-left: auto; margin-right: auto; padding-left: 85px; padding-right: 20px; box-sizing: border-box; } /* DESKTOP */ .c27-main-header .logo img { width: auto !important; height: 60px !important; max-height: 60px !important; object-fit: contain; } /* TABLET */ @media (max-width: 1024px) { .c27-main-header .logo img { height: 50px !important; max-height: 50px !important; } .c27-main-header .header-container .header-top { width: 100%; max-width: 1285px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 20px; box-sizing: border-box; } } /* MOBILE */ @media (max-width: 767px) { .c27-main-header .logo img { height: 40px !important; max-height: 40px !important; } .c27-main-header .header-container .header-top { width: 100%; max-width: 1285px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } }