:root {
	 --lora: "lora", sans-serif;
	 --rocgrotesk: "roc-grotesk", sans-serif;
}
 @font-face{
	 font-family:lora;
	 src:url(../fonts/Lora-Italic.eot);
	 src:url(../fonts/Lora-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/Lora-Italic.woff2) format("woff2"),url(../fonts/Lora-Italic.woff) format("woff"),url(../fonts/Lora-Italic.ttf) format("truetype");
	 font-weight:400;
	 font-style:italic;
	 font-display:swap;
}
 @font-face{
	 font-family:lora;
	 src:url(../fonts/Lora-Regular.eot);
	 src:url(../fonts/Lora-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Lora-Regular.woff2) format("woff2"),url(../fonts/Lora-Regular.woff) format("woff"),url(../fonts/Lora-Regular.ttf) format("truetype");
	 font-weight:400;
	 font-style:normal;
	 font-display:swap; 
}
 body{
	 font-family:var(--rocgrotesk) !important;
	 font-size:16px;
	 line-height:28px;
	 -webkit-font-smoothing:antialiased 
}

html {
    font-size: 16px;
}

div.alert.white-bg {
    margin-bottom: 0;
}

.hh-module div.container {
    max-width: 100% !important;
	 width: 100% !important;
	 padding: 0 var(--container);
}

.alert__main p {
    font-family: var(--lora);
}

ul.header__actions a:hover {
    color: white;
}

div.email a {
    color: #358AFF;
}

div.email a:hover {
    color: #358AFF;
}

input.form-control:focus, select.form-control:focus {
    border-color: #358AFF;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(53, 138, 255,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(53, 138, 255,.6);
}

.pagination a:hover {
    background-position: 0 200% !important;
}

div.col-sm-12.col-md-4 a, div.col-sm-12.col-md-4 a:hover {
    color: #358AFF;
}

a.secondary-button {
    min-width: 225px;
    padding: 16px 25px;
    font-family: var(--rocgrotesk);
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    position: relative;
    transform: translateZ(0);
    background: var(--dark-blue);
    box-shadow: 0 0 1px var(--dark-blue);
    -webkit-tap-highlight-color: var(--dark-blue);
    color: var(--lime) !important;
}
a.secondary-button {
    -webkit-text-decoration: none!important;
    text-decoration: none!important;
    border: none!important;
}
a.secondary-button:hover {
    background-position: 100% 100% !important;
}

a.secondary-button:before {
    border: var(--dark-blue) solid 4px;
}
a.secondary-button:before {
    content: "";
    position: absolute;
    inset: 0;
    transition-duration: .3s;
    transition-property: top right bottom left;
}
a.secondary-button:focus:before, a.secondary-button:hover:before {
    inset: -8px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    width: 100%;
}