/* 
/////////////////////////////////////////
// COMPANY : Clickonology              // 
// PROJECT : Clickonology Responsive   //
// FILE    : clickonology1.css          //
// CREATED : Nov 10 2016               //
// MODIFIED: Nov 25 2016               //
/////////////////////////////////////////
*/

/* RESERVED */
header {
    background: rgba(210, 232, 246, 1);
}
body {}

/*center background image*/
#dv {}
/*bg image with opacity without affecting the text*/
div#dv::after { /*has to be done AFTER the dv is created*/
  content: ""; /*important this is first up*/
  background: url(../img/face.jpg) no-repeat 0 0;
  top: 0; /*0 = whole image*/
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
  background-position:50% 85%;
  opacity: 0.3;  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8
  filter: alpha(opacity=50); // IE 5-7
      width: 80%;
    height: auto;
    
}
html,body,#dv { /*creates a document wide div on about.php*/
    width:100%;
}
/*end center background image*/

footer {
    width: 100%;
    text-align: center;
    background: rgba(210, 232, 246, 1);
}
section{

}
div {

}
p{
    padding:1%;
    color: rgba(7, 3, 62, 1);
}
h1{
    color: #ff0000;
    text-align: center;
}
img {
    max-width: 100%;
    height: auto;
}
/*NOT RESERVED*/
.align-right{
    text-align: right; /*class that right aligns within div*/
}
.cellbg{
background: orange;
}




.active {
    font-style: italic;
}
/*NAV BAR*/
/*corner toggle / icon-bar*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: rgba(15,6,98,1);  /*change line colour of square icon-bar - dark blue*/
}
.navbar-inverse .navbar-toggle {
background-color:  rgba(210, 232, 246, 1);  /*change bg colour of square icon-bar - l.blue*/
}
.navbar-inverse .navbar-toggle:hover {
background-color: rgba(255, 255, 255, 1);  /*change bg colour of square icon-bar on hover*/
}
.navbar-inverse .navbar-toggle:focus {
background-color: rgba(255, 255, 255, 1);  /*change bg colour of square icon-bar on focus*/
}
/*navbar*/
.navbar-inverse {
    background-color:rgba(0,0,102,1); /*change colour of navbar bar - dk blue*/
    border-color: #E7E7E7; /*change colour of navbar bar*/
}
/* title */
.navbar-inverse .navbar-brand {
    color: rgba(210, 232, 246, 1); /*change colour of navbar brand l.blue*/
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: rgba(255, 255, 255, 1); /*change colour of navbar brand on hover/focus - white*/
}
/* link */
.navbar-inverse .navbar-nav > li > a {
    color: rgba(210, 232, 246, 1); /*change colour of links - l.blue*/
};
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #333; /*change colour of links on hover/focus*/
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: rgba(15,6,98,1); 		/*change colour of active tab - dk blue*/
    background-color: rgba(210, 232, 246, 1);  /*change colour of active tab bg- l.blue*/
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: rgba(15,6,98,1);		/*change colour of clicked top level link - dk blue*/
    background-color:  rgba(210, 232, 246, 1);	/*change colour of clicked top level link bg - l.blue*/
}
/* caret */
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: rgba(210, 232, 246, 1); /*change colour of carat - l.blue*/
    border-bottom-color: #777; /*???*/
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: rgba(255, 255, 255, 1); /*change colour of carat on hover/focus - white*/
    border-bottom-color: #333; /*???*/
}
.navbar-inverse .navbar-nav > .open > a .caret,  
.navbar-inverse .navbar-nav > .open > a:hover .caret, 
.navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: rgba(15,6,98,1); /*change colour of carat when clicked - dk blue*/
    border-bottom-color: #555; /*???*/
}
/*Dropdown menu see js file*/