/* Board4Birds theme

Primary
Sky Blue: #27aee1
Dark Blue: #312782
Midnight: #0d2e40
Dust: #27aee1

Accent
Sun: #ffcd40
*/

/* Custom Text Colours */

/* @font-face {
    font-family: "HelveticaNeue";
    src: url(../fonts/HelveticaNeue.ttc);
} */
@import url("https://use.typekit.net/vft7sqo.css");

@font-face {
    font-family: 'muliblack';
    src: url('../fonts/muli-black-webfont.woff2') format('woff2'),
         url('../fonts/muli-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'muliblack_italic';
    src: url('../fonts/muli-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/muli-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mulibold';
    src: url('../fonts/muli-bold-webfont.woff2') format('woff2'),
         url('../fonts/muli-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mulibold_italic';
    src: url('../fonts/muli-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/muli-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'muliextrabold';
    src: url('../fonts/muli-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/muli-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'muliextrabold_italic';
    src: url('../fonts/muli-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/muli-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'muliextralight';
    src: url('../fonts/muli-extralight-webfont.woff2') format('woff2'),
         url('../fonts/muli-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'muliextralight_italic';
    src: url('../fonts/muli-extralightitalic-webfont.woff2') format('woff2'),
         url('../fonts/muli-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'muliitalic';
    src: url('../fonts/muli-italic-webfont.woff2') format('woff2'),
         url('../fonts/muli-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mulilight';
    src: url('../fonts/muli-light-webfont.woff2') format('woff2'),
         url('../fonts/muli-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mulilight_italic';
    src: url('../fonts/muli-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/muli-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'muliregular';
    src: url('../fonts/muli-regular-webfont.woff2') format('woff2'),
         url('../fonts/muli-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {
    overflow-x: hidden;
}

body {
    font-family: "muliregular", Arial, Helvetica, sans-serif;
    position: relative
}

p {
    font-size: 1.1rem !important;
}

p.mono, .mono {
    font-family: prestige-elite-std, monospace !important;
    font-size: 0.9rem !important;
}

.text-skyblue {
    color: #27aee1;
}

.text-darkblue {
    color: #312782;
}

.text-midnight {
    color: #0d2e40;
}

.text-dust {
    color: #27aee1;
}

.text-sun {
    color: #ffcd40;
}

/* Custom Backgrounds */
.bg-skyblue {
    background-color: #27aee1;
}

.bg-darkblue {
    background-color: #312782;
}

.bg-midnight {
    background-color: #0d2e40;
}

.bg-dust {
    background-color: #f2f2f2;
}

.bg-sun {
    background-color: #ffcd40;
}

.bg-footer {
/*    background-image: url("../img/b4b-bg_footer.png"); */
    background-color: #f2f0ff;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-office {
  /*  background-image: url("../img/gradient.png"), url("../img/b4b-office-homepage.jpg"); */
    background-image: url("../img/gradient.png"), url("../img/homepage_2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-services {
/*    background-image: url("../img/gradient_2.png"), url("../img/b4b-house-services.jpg"); */
    background-image: url("../img/gradient_2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

/*.content-services {

}
*/
/* Material Design Icons Specific CSS */

.mdi::before {
    font-size: 24px;
    line-height: 14px;
}
.btn .mdi::before {
    position: relative;
    top: 4px;
}
.btn-xs .mdi::before {
    font-size: 18px;
    top: 3px;
}
.btn-sm .mdi::before {
    font-size: 18px;
    top: 3px;
}
.dropdown-menu .mdi {
    width: 18px;
}
.dropdown-menu .mdi::before {
    position: relative;
    top: 4px;
    left: -8px;
}
.nav .mdi::before {
    position: relative;
    top: 4px;
}
.navbar .navbar-toggle .mdi::before {
    position: relative;
    top: 4px;
    color: #FFF;
}
.breadcrumb .mdi::before {
    position: relative;
    top: 4px;
}
.breadcrumb a:hover {
    text-decoration: none;
}
.breadcrumb a:hover span {
    text-decoration: underline;
}
.alert .mdi::before {
    position: relative;
    top: 4px;
    margin-right: 2px;
}
.input-group-addon .mdi::before {
    position: relative;
    top: 3px;
}
.navbar-brand .mdi::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.list-group-item .mdi::before {
    position: relative;
    top: 3px;
    left: -3px
}

/* Customization */

li.nav-item {
    padding: 0 40px;
    font-size: 1em;
}

a.nav-link.active {
    text-transform: uppercase;
    color: #ffcd40 !important;
    text-shadow: 2px 2px 5px #ffcc40ad;
}

.h1, h1 {
    font-size: 3.2rem;
    font-weight: 600;
}

.h2, h2 {
    font-size: 2.3rem;
    font-weight: 600;
}

.h4, h4 {
    font-size: 1.2rem;
    font-weight: 600;
}

.h5, h5 {   
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    padding-bottom: 0.5rem!important;
}   

p.mono {
    font-family: var(--bs-font-monospace);
    font-size: 1.15rem;
    padding: 1.75rem 0 2.75rem;
}

.container-b4b {
    padding: 0 4%;
}

.btn {
    border-radius: unset;
    padding: .5rem 2.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-primary {
    background-color: #27aee1;
    border-color: #27aee1;
}

.btn-primary:hover {
    color: #312782;
    border-color: #27aee1;
    background-color: #ffcd40;
}

.btn-outline-primary {
    color: #27aee1;
    border-color: #27aee1;
}

.btn-outline-primary:hover {
    background-color: #27aee1;
    border-color: #27aee1;
}


.btn-outline-secondary {
    color: #fff;
    border-color: #fff;
}

.btn-outline-secondary:hover {
    background-color: #27aee1;
    border-color: #27aee1;
}


.card {
    border-radius: 0 !important;
    margin-bottom: 2em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card-body {
    padding: 3rem 4rem 3rem 3rem;
}

li { list-style-image: url(../img/icon-tick.png); } 

ul.mono li {
    padding-bottom: 1.1rem;
}

.form-control {
    background-color: #f2f2f2;
}

.arrow {
    opacity: 0.3;
}


@media (min-width: 1200px) {
    .card {
        margin-right: 1.3em;
    }
}

.social-icons {
    font-size: 2.2rem;
}

img.bullet {
    height: 4.2rem;
    margin-right: 1.2rem;
}

div.bullet {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}


.bg-services_card {
    background-image: url("../img/services_1_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    background-position: center;
}

.logo {
    max-width: 250px;
}

@media (max-width: 992px) {
    .logo {
        max-width: 170px;
    }
}
.img-partners {
    max-width: 320px;
    width: 100%;
}