@import url('https://fonts.googleapis.com/css?family=Caveat');

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
    margin-bottom: 0;
    border-radius: 0;
}


/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
    height: 450px
}

/* Set gray background color and 100% height */
/*.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
}*/

/* FOOTER COLOUR Set black background color, white text and some padding */
.footer-colour {
    background-color: #ffffff;
    color: white;
    padding: 15px;
}

.h6  {
	color: #595959;
	
}

.h2{
	color: #595959;
	
}


.content-container-colour {
    /*grey*/
    background-color: #ffffff;
}

/*This will change the background colour*/
.background-colour {
   /* background-color: #f1f1f3;*/
    background-color: #ffffff;
}

.nav-colour {
    /*NAV BAR BACKGROUND COLOUR background-color: #194069;*/
    background-color: #ffffff; /*To change navbar backgroung colour*/
}

.advert-colour {
    background-color: #fff;
}

#siteName {
    font-family: 'Caveat', cursive;
    font-size: 25px;
}

/* Bottom right main page image picture text */
.text-block {
    font-family: 'Caveat', cursive;
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
}
/* Bottom right text */
.text-block-white {
    position: absolute;
    top: 360px;
    right: 150px;
    height: 125px;
    width: 600px;
    background-color: rgba(255, 255, 255, 0.40);
    color: #00fff0;
    margin-bottom: 20px;
}

/* Bottom right text */
.text-block-title {
    font-family: 'Caveat', cursive;
    position: absolute;
    left: 150px;
    top: 450px;
    height: 100px;
    width: 300px;
    color: #194069;
}

.imgh2 {
    font-family: 'Caveat', cursive;
}

/*set main image opacity*/
#main-image {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.fun-facts {
    background-color: rgba(59, 103, 237, 0.37);
    color: white;
}

/*THE SEPARATION LINES */

.hr-3 {
    height: 1px;
    border: none;
    /*color: rgba(128,128,128,0.37);*/
    /*background-color: rgba(128,128,128,0.5);*/
    background-color: rgb(80,80,80);
}

hr.hr2 {
    height: 2px;
    border: none;
    color: rgba(128,128,128,0.37);
    background-color: rgba(128,128,128,0.5);
}

/*to centre the central div*/
.col-centered {
    float: none;
    margin: 0 auto;
}



a.sidelink:visited, a.sidelink:link {
    text-decoration: underline;
   color: #194069;
}

a.sidelink:hover {
    color: #ff9600;
}


/*MAIN column header details*/
.main-header-blue {
    /*color: #092c51;*/
    color: #595959;
}



/*main image hover opacity*/
img.hoverOpacity:hover {
    opacity: 0.6;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

/*p.sidelink {
    width: 140px;
    background: rgba(85, 70, 0, 0.37);
}

p.sidelink:hover {
        background: rgba(85, 70, 0, 0.2);
}

a.sidelink:hover {
       background: rgba(85, 70, 0, 0.2);
}*/


.header-grey {
    color: rgb(59,59,59);
}
/*Define the h3 header colour as grey*/
h3.header-link {
    /* color: rgb(128,128,128);*/
    /*color: #092c51;*/
    color: #595959;
}
/**/
h3.header-link:hover, a:hover {
        text-decoration: none;
        /*color: #194069;*/
        color: #595959;
    }
	
h6.{
	color: #595959
}

.carousel-fade .carousel-inner .item
{
    transition-property: opacity;
}

.item,
.active.left,
.active.right {
    opacity: 0;
}

.active,
.next.left,
.prev.right {
    opacity: 3;
}

.prev,
.active.left,
.active.right {
     left: 0;
     transform: translate3d(0, 0, 0);
}

.carousel-control {
    z-index: 2;
}

/*This takes the rounded corners of the RHS links*/
.list-special .list-group-item:first-child {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

/*This takes the rounded corners of the RHS links*/
.list-special .list-group-item:last-child {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/*Nav bar colour*/
.theme-font-colour {
    /*color: #194069;*/
    color: #808080;
}
/*PARAGRAPHS*/
p.theme-colour {
    color: #595959;
}
/***************************Right hand side column css classes*******************************/
/*Right hand side 1st column with grey border at the very back of shaded columns background colour*/
.rhs-grid-column {
    background-color: rgba(80,80,80,0.1);
    /*rhs background colour (blues) : light to dark
486d94 (rgb(72,109,148)) / 2c547e (rgb(44,84,126)) / 092c51 (rgb(9,44,81)) / 031c36 (rgb(3,28,54))*/
    /*matching colours (ochre) light to dark
e3c655 (rgb(227,198,85)) / c1a239 (rgb(193,162,57))/ a1831c (rgb(161,131,28))/ 7d6104 (rgb(125,97,4))/ 523f00(rgb(82,63,0))*/
}

/*Right hand side hr size and colours THIS IS THE LINE AT THE TOP OF THE PAGE inside the columns*/
hr.rhs-grid-color {
    height: 2px;
    border: none;
    color: #808080;
    background-color: #808080;
}

/*Colour of (TEXT) font for RHS items*/
.rhs-header-blue {
    color: #808080;
}

/*Right hand side links block for hikes and walks*/
/*This is the fixed background colour and font colour*/
.list-group-mine .list-group-item {
    background-color: rgba(80,80,80,0.3);
    color: #595959;
}

/*Right hand side links block hover over background colour*/
.list-group-mine .list-group-item:hover {
   background-color: rgba(72,109,148,0.3);
}

/*border color and shape for rhs column*/
.border-outline {
    border-style: ridge;
    border-color: rgba(44,84,126,0.2);
}

.ht-100{
    height:100px;

}
/******End of RHS column classes*********/

/*Footer classes*/
p.theme-white{
    color:#595959;
}

a.footerlink:visited, a.footerlink:link {
    text-decoration: underline;
    color: #fff;
}
/*hover link always comes after link*/
a.footerlink:hover{
    text-decoration: underline;
    color: #ffffff;
}
/******End of Footer classes*******/
/*Modal attributes*/
#modalTitle{
    color:white;
}
/*end of modal*/

 
/*this is the nav bar font color that is in bootstrap. this overrides it (change to color:red to confirm where it is */
.navbar-light .navbar-nav .nav-link {
 color: #595959; 
}


/* for the hover over font color */
.navbar-light .navbar-nav a.nav-link:hover {
    color: #ff9600;
   }

/*home,about contact font colours*/
.navbar-light .navbar-nav .nav-item .nav-link {
    color: #595959; 
   }

/*color of the dropdown font*/
.navbar-light .navbar-nav .nav-item .dropdown-item {
    color: #595959; 
   }

/*hover colour for the dropdowns*/
.navbar-light .navbar-nav .nav-item a.dropdown-item:hover {
    color: #ff9600;
	border-bottom-style: solid;
   }

/*this is the nav bar font color that is in bootstrap. this overrides it (change to color:red to confirm where it is */
.navbar-dark .navbar-nav .nav-link {
 color:  rgba(255, 255, 255, 1); 
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-9px;
}

.align{
	right: 100%;
}

.symbols {
	float: right;
	
}