/*
Theme Name: Bax
Theme URI: https://rossanorossi.com/bax-wordpress-theme
Author: Rossano Rossi
Author URI: https://rossanorossi.com/
Description: A performance Wordpress theme designed with UIKit
Version: 1.0
Text Domain: bax
*/
/*
Theme: Bax
Description: Ultra performant web theme for Wordpress

*/
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font22 {
    font-size: 22px;
}
.font26 {
    font-size: 26px;
}
.font32 {
    font-size: 32px;
}
.font40 {
    font-size: 40px;
}
.font56 {
    font-size: 56px;
}
.font1-3x {
    font-size: 1.3rem;
}
.bold {
    font-weight: 700;
}
.regular {
    font-weight: 400;
}
.light {
    font-weight: 300;
}

/*
******** Rewrite rules
*/
.uk-section {
    padding-top: 120px;
    padding-bottom: 120px;
}
/*
******** HEADING
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

/*
COMMON
*/
.main-call-to-action.uk-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.cursor {
    cursor: pointer;
}
.no-cursor {
    cursor: default !important;
}
/* Is Sticky Navbar */
.is-sticky {
    background-color: #fff;
    box-shadow: 0px 2px 18px rgb(0 0 0 / 12%);
}
.is-sticky .uk-navbar-item,
.is-sticky .uk-navbar-nav>li>a,
.is-sticky .uk-navbar-toggle {
    min-height: 60px;
}
.is-sticky .navbar {
    padding:0;
}
.is-sticky img {
    height: 56px !important;
    width: auto;
}
.is-sticky .uk-navbar-toggle {
    min-height: 60px;
}
.is-sticky .uk-navbar-dropdown {
    height: auto !important;
}
.uk-navbar-dropdown {
    width: 248px;
}
.navbar-wrapper {
    max-height: 108px;
}
/*
******* MOBILE MENU
*/
#mobile-menu .uk-nav-default {
    font-size: 28px;
}
#mobile-menu .uk-offcanvas-close svg {
    width: 28px;
}
/*
******* HOME ENTRY
*/
.home-entry h1 {
    font-size: 76px;
    line-height: 1em;
}
.circles{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
}
.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}
.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
/*
********** HOME SECTION SERVICES
*/
.service-preview-card .uk-card-title {
    font-size: 34px;
    margin: 12px 0;
    color: #666666;
}
.service-preview-card {
    background-color: #fff;
    transition: all .3s;
}
.service-preview-card:hover {
    box-shadow: 0px 18px 18px rgb(0 0 0 / 5%);
}
/*
********** POST PREVIEW CARD
*/
.post-preview-card {
    padding: 0 0 16px;
    background: #ffffff;
    cursor: pointer;
    transition: all .3s;
    border-radius: 5px;
}
.post-preview-card-img-wrapper {
    position: relative;
    overflow: hidden;
    height: 240px;
    border-radius: 5px 5px 0 0;
}
.post-preview-card-img-wrapper img {
    transition: all .3s;
}
.post-preview-card:hover {
    box-shadow: 0px 18px 18px rgb(0 0 0 / 5%);
}
.post-preview-card:hover img {
    transform: scale(1.1);
}
.post-preview-card .preview-excerpt {
    padding: 0 12px;
}
.category-label {
    background:transparent;
    color: #d64d16;
    border: 1px solid #d64d16;
}

/*
********** POST CATEGORY LIST
*/
.category-list-wrapper {
    overflow: auto;
    white-space: nowrap;
    padding: 0 6px;
}
.category-list-wrapper li {
    display: inline-block;
}
/*
********** POST TAG CLOUD
*/
.tag-cloud {
    overflow: auto;
    white-space: nowrap;
    padding: 0 6px;
}
.tag-cloud li {
    display: inline-block;
    margin-right: 12px;
    padding:3px 6px;
    border-bottom: 1px solid transparent;
}
.tag-cloud li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
.tag-cloud li.current-item,
.tag-cloud li:hover:not(:first-child) {
    border-bottom: 1px solid #d54e18;
}

/*
********** PARALLAX HEADER
*/
.header-above-parallax {
    padding: 140px 0 ;
}
.header-above-parallax h1 {
    font-size: 5rem;
}

.lightButton{
    background-color: rgb(220, 220, 220);
    color: black;
    font-family: Roboto;
  }
.lightButton:hover{
background-color: white;
}
/*
********** CONTACT FORM
*/
.uk-fieldset .wpcf7-list-item {
    display: inline-block;
    margin: 2px 0px 2px 0em;
}
.uk-fieldset .wpcf7-list-item label input {
  margin-right: 6px;
}