@import url('https://fonts.googleapis.com/css?family=Chela+One&display=swap');

body {
    -font-family: 'Gothic A1', sans-serif;
    font-size: 20px;
    color:#6c6c6f;
    height: 100%;
    background-color: #eee;
}

/*.bgColor {background-color: #fff!important;} this was used in the body tag on every page for some reason on barrett's, keeping for now as may need it again I think it has to do with footer bg color / body bg color issue */

a:link {color: #76522e; text-decoration: underline;}
a:active {color: #76522e;}
a:visited {color: #76522e;}
a:hover {color: #76522e;}

.noline a:link {text-decoration: none;}
	
p {
	color:#6c6c6f;
	font-size: 20px;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Chela One', cursive;
    color: #000; 
}

h2 {padding: 30px 0px 0px 0px;}

.lispace li,ol {padding-bottom: 15px; color:#6c6c6f;}
 
.upsize1 {font-size: 20px; line-height: normal;}
.upsize2 {font-size: 20px; line-height: normal; font-weight: bold;}

/* NAVIGATION ------------------------- */

/*.navbar-brand  span{
	color: #fed136;
	font-size:25px;
    font-weight:700;
    letter-spacing:0.1em;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
}

.navbar-brand {
	color: #fff;
	font-size:25px;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
	font-weight:700;
	letter-spacing:0.1em;
}*/

.navbar-nav .nav-item .nav-link{
	/*padding: 1.1em 1em!important;*/
	font-size: 130%;
    font-weight: 500;
    letter-spacing: normal;
    color: #000;
    font-family: 'Gothic A1', sans-serif;
}

.navbar-nav .nav-item .nav-link:hover {
    color: #000;
}

/*.navbar-expand-md .navbar-nav .dropdown-menu{
	-border-top:3px solid #fed136;
}*/

/*.dropdown-item:hover {
    background-color: red;
    color:#000;
}*/

.dropdown-menu {
    background-color: #fff;
    border: 0px;
    margin-top: -10px;
    }
            
.dropdown-menu a:link {color: #000; background-color: transparent;}
.dropdown-menu a:visited {color: #000; background-color: transparent;}
.dropdown-menu a:active {color: #000; background-color: transparent;}
.dropdown-menu a:hover {color: 000; background-color: transparent;}

nav {-webkit-transition: padding-top .3s,padding-bottom .3s;
    -moz-transition: padding-top .3s,padding-bottom .3s;
    transition: padding-top .3s,padding-bottom .3s;
    border: none;
}

/* NAVIGATION mobile view ----------------------------- */
@media (max-width:500px)
{
.navbar-nav{
    background-color:#fff;
    -border-top:3px solid #fed136;
    color:#fff;
    z-index:1;
    margin-top:5px;
}

.navbar-nav .nav-item .nav-link{
	padding: 0.7em 1em!important;
    font-weight: 500;
    }
}

 

/* CAROUSEL ------------------------ */

/* CONTENT  ------------------------ */

.surrounder {
    background-color: #000;
}

.surrounder-white {
    background-color: #fff;
}

/* default4 attempt */
.surrounderalt4 {
    float: left; 
    width: 100%; 
    background-image: url(images/alt4-bg.jpg);
    background-size: cover; 
}

.slidez {
    float: left; 
    width: 50%; 
}

.biglogo {
    float: left; 
    width: 50%;
}

.centerLogo {
    -z-index: 2000!important;
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
    background-color: lime;
    clear: none;
}

/*default5 attempt */
.slideslevel {
    background-color: transparent;
    background-image: url(images/alt4-bg.jpg);
    background-size: cover;
    float: left;
    width: 100%;
}

.lglogo {
    background-color: transparent;
    float: left;
    width: 50%;
}

.slidez2 {
    background-color: transparent;
    float: left; 
    width: 50%; 
}

.logolevel {
    background-color: transparent;
    float: left;
    width: 100%;
    position: absolute;
    margin-top: 0px;
}

.linkslevel {
    background-color: transparent;
    float: left;
    width: 50%;
    position: absolute;
    margin-top: 0px;
}

.descTxt {
    font-size: 14px;
}


/* mobile view carousel */





/* FOOTER -------------------------- */
.ftrdiv{
    clear: both;
} 

.footerWide {
    margin-bottom: 0px;
    background-color: #eee;
    }

.footerText {
    color: #fff;
}