/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
.btn-primary{background-color: #45b449;border-color: #45b449;}
.btn-primary:hover {
    background-color: transparent;
    border-color: #62b265;
    color: #44b449;
}
.btn.btn-primary.rounded-circle:hover{
    background-color: #44b449;
    border-color: #62b265;
    color: #fff;
}
.bg-gradient {background: linear-gradient(to right, #44b449, #59a25c) !important;}
.wifi-logo{width:160px;}
.padd-zero{
    padding: 0 !important;
    margin: 0 -1px;
}
.title{
    font-size: 34px !important;
    line-height: 39px !important;
}

body {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }

.roboto-bold-header{
    font-family: 'roboto-black', 'san-serif';
    font-size: 46px;
}

.roboto-bold{
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.roboto-black{
    font-weight: 600;
}
.green-font {
    color: #45b549;
}

.roboto-light{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.roboto-light-italicized{
    font-family: 'roboto-light';
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
}

.roboto-thin{
    font-family: 'roboto-thin', 'san-serif';
    font-size: 18px;
}

.bg-primary {
    background-color:#44b449 !important;
}

@media(max-width: 991px) {
    .wifi-logo{width:120px;}
    .col-xxs-hidden{display:none !important;}
    .col-xxs-center{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}