/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap');


button.btn.btn-lg, .btn:not(.close):not(.mfp-close).btn-lg, a.btn:not([href]):not([tabindex]).btn-lg {
    font-size: 24px;
    height: 58px;
    letter-spacing: 2px;
    line-height: 56px;
    padding: 0 50px;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    border-radius: 0;
    background-color: #9d0a0e;
    border-color: #9d0a0e;
    border-width: 1px;
    border-style: solid;
    color: #ffffff !important;
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close):hover,
.btn:not(.close):not(.mfp-close):focus,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]):hover,
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
  background-color: #0f426f;
  border-color: #0f426f;
  color: #ffffff !important;
  text-decoration: none;
}

p {
    font-size: 24px;
	font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
	margin-bottom: 0 !important;
}


@media (max-width: 767px) {
.inspiro-slider .slide .container, .inspiro-slider .slide .container-wide {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.inspiro-slider .slide .slide-captions img {
    width: 300px !important;
}
p {
    font-size: 16px;
	margin-bottom: 1rem !important;
}

button.btn.btn-lg, .btn:not(.close):not(.mfp-close).btn-lg, a.btn:not([href]):not([tabindex]).btn-lg {
    font-size: 20px;
    height: 40px;
    letter-spacing: 2px;
    line-height: 38px;
    padding: 0 30px;
}
.inspiro-slider .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

}