/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.bx-wrapper .bx-prev {
    background-image: url(/wp-content/uploads/2019/09/left-slider-arrow-mobile-e1569332574315.png) !important;
    width: 21px !important;
    height: 40px !important;
}

.bx-wrapper .bx-next {
    background-image: url(/wp-content/uploads/2019/09/right-slider-arrow-mobile-e1569332586469.png) !important;
    width: 21px !important;
    height: 40px !important;
}


/*.home-hero .bx-wrapper .bx-controls-direction a {
    bottom: 70px !important;
    top: auto !important;
}
*/

.case .bx-wrapper .bx-controls-direction a {
    bottom: 120px !important;
    top: auto !important;
}


/*.bx-wrapper .bx-controls-direction a {
    bottom: 70px !important;
    top: auto !important;
}*/

.down-arrow-box img {
    /*background-image: url(/wp-content/uploads/2019/09/down-arrow-mobile-e1569332644408.png);*/
    width: 40px;
    height: 23px;
}

.down-arrow-box {
    bottom: 50px;
    /* top: 95vh;
        top: calc(var(--vh, 1vh) * 95); */
}

#openfooter {
    bottom: 40px;
    top: auto;
}

.home-hero .down-arrow-box {
    bottom: 70px;
    /* top: 95vh;
        top: calc(var(--vh, 1vh) * 95); */
}

.case-studies .down-arrow-box {
    /*bottom: 140px;*/
    /* top: 95vh;
        top: calc(var(--vh, 1vh) * 95); */
}

.cs-padding{
	padding-left: 1.5rem;
}

.card-header button{
	text-align: left;
}

@media (max-width: 991px) {
    .navbar-nav {
        text-align: left;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
    }
	
	.navbar-nav .cs-padding:before{
		content: '- ';
		color: #fff;
	}
    .navbar-toggler-icon {
        margin: 7px 0;
        height: auto;
    }
    .nav-item {
        font-size: 3rem;
    }
    .case .item>img,
    .case .bx-viewport {
        height: calc(100vh - 70px) !important;
        min-height: auto;
    }
    .case-studies .bx-wrapper .bx-controls-direction a {
        bottom: 70px !important;
        top: auto !important;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 50%;
    }
    .hero-slider-text {
        width: 80%;
    }
    .bx-wrapper .bx-prev {
        left: 1% !important;
    }
    .bx-wrapper .bx-next {
        right: 1% !important;
    }
    .bx-wrapper {
        min-height: auto;
    }
    /*
	p{
	font-size: 1.6rem;
}
	*/
    .navbar-nav {
        text-align: left;
    }
    /* .case .bx-wrapper .bx-controls-direction a {
        bottom: auto !important;
        top: 100px !important;
    } */
    p {
        text-align: center
    }
}

@media (max-width: 575px) {
    html {
        font-size: 45%;
    }
    .hero-slider-text {
        width: 95%;
    }
    .navbar-brand {
        width: 60%;
    }
    .navbar {
        padding: 10px 0;
    }
    /*
	.item > img{
	height: 680px;
	min-height: 500px;
}
	*/
    .item>img,
    .bx-viewport {
        height: 100vh !important;
        /* min-height: 680px; */
    }
    .about .item>img,
    .about .bx-viewport,
    .our-approach .item>img,
    .our-approach .bx-viewport {
        height: 100vh !important;
        /*min-height: 980px;*/
    }
    .transparent__box--container {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .barbara-daley .transparent__box--container {
        top: 47%;
    }
    .home-hero .item>img,
    .home-hero .bx-viewport {
        height: 100vh !important;
        min-height: 100%;
    }
    .transparent-box {
        width: 70%;
    }
    #header-logo {
        height: 45px !important;
    }
    .item>img {
        -o-object-position: 30% 0;
        object-position: 30% 0;
    }
}

@media (max-width: 320px) {
    html {
        font-size: 38%;
    }
    .hero-slider-text {
        width: 95%;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 91% !important;
    }
}

.transparent__box--container .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.transparent__box--container .text-right {
    text-align: left !important;
}

@media(max-width: 575px){
	p, li{
		font-size: 2.4rem !important;
	}
}