/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */
body {
  padding-top: 0;
  background:#2d395b;
  padding-bottom:5em;
}

p,li,h1,h2,h3,h4,h5,h6,a,address{font-family: 'Manrope', sans-serif;color:#E0B45A;color:#BA964B;}

.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
        border-radius: 8px;min-height:320px;
}

.bg-primary{background:none !important;padding: 2em 0 0 0 !important;margin-bottom:2em !important;}

.card{    border: 1px solid #E0B45A; border:0;
    border-radius: .25rem;
    padding: 10px;
    background: none;
        border-radius: 15px;}
    
    body {
    padding-top: 0px;
    }


a:hover{color:inherit;}
img{max-width:100% !important;}

.navbar-dark .navbar-toggler {
    border-color: transparent;
    border:none;
}

.navbar-dark .navbar-toggler-icon { 
  height:48px;
  width:48px;
            background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(209, 188, 123, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
        } 

        .screen-overlay {
height: 100%;
z-index: 30;
position: fixed;
top: 0;
left: 0;
opacity:0;
visibility:hidden;
background-color: rgba(34, 34, 34, 0.6);
transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
transition:opacity .5s ease, width 0s;
opacity:1;
width:100%;
visibility:visible;
}

.offcanvas{
width:320px;
visibility: hidden;
transform:translateX(100%);
transition:all .2s;
border-radius:0; 
box-shadow: 0 5px 10px rgba(0,0,0, .2);
display:block;
position: fixed;
top: 0;
right: 0;
height: 100%;
z-index: 1200;
background-color: #2d395b;
overflow-y: scroll;
overflow-x: hidden;
}

.offcanvas.show{
visibility: visible;
transform: translateX(0);
transition: transform .2s;
}

html, body{ height: 100%; min-height:400px; padding-bottom:0;}
.h1, h1 {
    font-size: 1.2rem;
}

#offcanvas a{background:transparent;}
#offcanvas a:hover{color:#fff; text-decoration: none;}

*:focus{outline:none;}


  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
    outline: none;
}

.m-0{font-size:0.8rem;}

li{line-height:1.8em;}

.border-bottom{border-bottom: 1px solid rgba(0,0,0,.125) !important;}