@charset "utf-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
}
body {
    color: #464646;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
hr {
    border-top: 1px solid #AF0041 !important;
}
.scrolly {
    background-color: #ffffff;
	
}
.scrolly .topnav a {
    color: #242424;
}
.scrolly .fa, .fas {
        color: #000;
    }


/* Start Burger Style */
.topnav a {
    color: #ffffff;
	font-family: moniker, sans-serif;
font-weight: 400;
font-style: normal;
}
.topnav a:hover {
    color: #000000;
	font-family: moniker, sans-serif;
font-weight: 400;
font-style: normal;
}
.linkline a:hover {
    border-bottom: 8px solid #4c4d48;
}
.topnav a.active {
    color: #4c4d48;
}

/* Burger End */
/* Start Main Body Colours */

.maincontent {
    background-color: #fff;
}
.herooverlay {
	background:linear-gradient(45deg, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
	width:100%;
	position:relative;
	left:0px;
	height:100%;
	z-index:900;
}

.herooverlay-bottom {
	background:linear-gradient(45deg, rgba(1,138,159,0.5), rgba(1,138,159,0.5));
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:60vh;
	z-index:997;
}
.digi2ltag a {
    color: crimson;
}
.digi2ltag a:hover {
    color: crimson;
}

/* End Main Body Colours */

/* Start Icon Colours */
.social {
    color: #fff;
    width: 100%;
}
.social a {
    color: #fff;
}
.social a:hover {
    color: #936293;
}
/* End Icon Colours */
/* Start Footer Colours */
#footer {
    background-color: #250089;
    border-top: 8px solid #c13878;
}
.footerbox {
    color: #ffffff;
}
.footerlinks {
    color: #242424;
}
a.footerlinks {
    color: #ffffff !important;
    text-decoration: underline !important;
}
a.footerlinks:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.footerbox a {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footerbox a:hover  {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* End Footer Colours */
/* Start Cookie Box Colours */
#cookiebox {
      background: linear-gradient(45deg, rgba(7,24,47,0.4), rgba(7,24,47,0.4));
  width: 100%;
    color: #fff;
}
#cookiebox a {
    color: #fff;
}
/* End Cookie Box Colours */
/* Start Privacy Page Styles */
#privacy table td {
    border: 1px #000 solid;
}
/* End Privacy Page Styles */


/* Media Queries */
@media only screen and (max-width:1600px) {
	    #hero {
        background-image: url("images/banners/nichebox-lrg.jpg");
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        /* background-size:contain; */
        background-position: top 0px center;
    }
}
@media only screen and (max-width:1240px) {

    .topnav.responsive {
        background-color: rgba(36, 15, 154, 0.8);
    }
    .topnav.responsive a:hover {
        border-bottom: 0px;
    }
    .topnav a {
        color: #fff;
    }
	.topnav.responsive a {
	color:#fff;
}
    .topnav a.active {
        color: #b07e4a;
    }
    .topnav.responsive .icon {
        color: #fff;
    }
    .fa, .fas {
        color: #fff;
    }
    .topnav.responsive a .fa, .fas {
        color: #fff;
    }
	#hero {
        background-image: url("images/banners/nichebox-sml.jpg");
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        /* background-size:contain; */
        background-position: top 0px center;
    }
}

@media only screen and (max-width:1000px) {
    .cookiebox {
        background: linear-gradient(45deg, rgba(7,24,47,0.8), rgba(7,24,47,0.8));
        color: #fff;
    }
}
@media only screen and (max-width:768px) {

    .topnav.responsive {
        background-color: rgba(36, 15, 154, 0.8);
    }
 
}
@media only screen and (max-height:320px) {
    .logobox {
        padding-left: 20px;
    }
}