/* comment Norman Johnson site */

/* 
colors
text = #000066
sidebar blue -= #003698;


*/

/* START  - CSS on all pages */

/* Body font and background */
body {font-family: verdana, geneva, sans-serif !important; color:  #000066; background: white; line-height: 150% !important;}

h1, h2, h3 {font-family: verdana, geneva, sans-serif !important;}


/* MENU CONFIG */

/* top block that contains menu */
.header-block {   background-color: white; }



#t4-header > header > div > div {   background-color: white; }
#t4-header {height: 50px; margin-top: 10px; margin-bottom: 10px;}
#t4-header > header {height: 50px;}
#t4-header > header > div {height: 50px;}

/* main central menu - round corners and bring down page a little */
#t4-megamenu-mainmenu {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    height: 50px;
    line-height: 33px;
}
.t4-header .header-wrap {
    min-height: 50px;
}

/* menu item spacing, font size and color */
#t4-megamenu-mainmenu > ul > li.nav-item > a {
font-size: .7rem;
color: #ffffff;
padding: 10px 15px 10px 15px;
}









/* background colour for dropdown on main menu bar */
.t4-megamenu .dropdown-menu {
  background-color: #000066;
}

/* colour hamburger menu dropdown */
#t4-megamenu-mainmenu {
  background-color: #000066;
}

/* remove 2nd menu hamburger */
#triggerButton {
display: none;
}

/* Squeeze menu items a little - Putity 4 setting was bigger */
#t4-megamenu-mainmenu > ul > li.nav-item.current.active.dropdown.parent > a {
padding-left: 3px;
padding-right: 3px;
}
#t4-megamenu-mainmenu > ul > li.nav-item.current.active > a {
padding-left: 3px;
padding-right: 3px;
}
/* Make active menu item more obvious */
#t4-megamenu-mainmenu > ul > li.nav-item.current.active > a > span {
text-decoration: underline wavy white 2px;
font-weight: bold;
}
/* Make active dropdown menu item more obvious */
#t4-megamenu-mainmenu > ul > li.nav-item.active.dropdown.parent.show.animating > div > div > ul > li.nav-item.current.active > a > span {
text-decoration: underline wavy white 1px;
font-weight: bold;
}

/* MENU CONFIG ENDS */


/* smart slider module background */

#t4-section-1 {
background: white;
}




/* START MAIN PAGE */
/* bring up main article text by reducing padding */
#t4-main-body  {
padding: 5px 0 30px 0;
}

.t4-main-body .t4-row {
    margin-top: 10px;
    margin-bottom: -1rem;
}





/* better behaviour for headers on article and sidebars. This one pushes down header on other pages 
#t4-main-body > div > div > div.t4-col.component.col-sm-12.col-lg > div.com-content-article.item-page.layout-default.has-sidebar > div:nth-child(2) > div > div.page-header {
padding-top: 30px;
}*/
/* better behaviour for headers on article and sidebars. This one pushes up  header on all sidebars 
#t4-main-body > div > div > div.t4-col.sidebar-r.col-sm.col-md-4 > div:nth-child(1) > h2 {
margin-top: 0px;
}
*/






/* BEGIN SOME PAGE CONFIG FROM afterburner J3 template */


/* BASIC GLOBAL LINK BEHAVIOUR  DRNJ */
a:link {  text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover {  text-decoration: none; }
a:active { text-decoration: underline; }

#t4-main-body > div p { 
  text-align: justify !important; 
}

@media only screen and (max-device-width: 480px) {
  /* define mobile specific text alignment  DRNJ */
#t4-main-body > div p  { 
    text-align: left !important; 
  }
}



/* background of screen behind article component*/
#t4-main-body {
background: white ;
}

/* background of articles component*/
#t4-main-body > div {
background: white;
 }


/* SIDEBAR*/
/* background and spacing of left sidebar */
#t4-main-body > div > div > div.t4-col.sidebar-l.col-sm.col-md-3.order-md-first {
background-color: #003698; color: #fff !important; 
font-size: 90%;
padding-left: 25px;
padding-right: 25px;
margin-right: 20px;
}
.moduletable {
    border: 0px solid #e9ecef;
    padding:  15px 10px 0 10px;
}
#t4-main-body > div > div > div.t4-col.sidebar-l.col-sm.col-md-3.order-md-first > div a {
    color: white;
}

/* style h2 title in sidebar with class = 'sidebar-head' and put line beneath*/
h2.sidebar-head {
margin-top: 5px;
color: #ffffff;
text-align: left;
border-bottom: 6px solid #ffffff;
}

/* SIDEBAR ENDS */


/* style h2 title in article and put line beneath*/
.item-page .page-header h2, .item-page .page-header .h2 {
padding-top: 35px;
color: #000066;
    text-align: left;
    border-bottom: 6px solid #000066;
}


/* Place border and spacing around images DRNJ */
.image {border: 3px double #666699; PADDING: 10px; padding-bottom:5px;}
.image-right {border: 1px solid #666699; PADDING: 5px;float:right;margin:0px 0px 0px 5px;}
.image-left {border:1px solid #666699 ; PADDING: 5px;float:left;margin:5px 15px 15px 0px;}


/* FAQ - IF USED*/
/* Style the FAQ module & question if used */
.faqs label {
    margin: 5px 0;
    position: relative;
    display: block;
    color: purple;
    padding: 6px 34px 6px 0;
    font-weight: 600;
    background: #ffffff;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border: 0px;
    border-radius: 0px;
}
.item-page.layout-default.no-sidebar .top-article-info {text-align: left;}
.faqs label span {text-decoration: underline;}

/* style the FAQ answer */
#faq1:checked~#answ1, #faq2:checked~#answ2, #faq3:checked~#answ3, #faq4:checked~#answ4, #faq5:checked~#answ5 {
    border: 0px;
    background: #ffffff;
    color: purple;
    border-radius: 0;
}

/* END FAQ - IF USED*/



/* CONTACT FORM */
/* config vis-form layout on Contact page */
.visform {
margin-top: 0px;
}
#visformcontainer {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 0 20px 30px 20px;
}

#visformcontainer h1 {
margin-top: 0px;
padding-top: 35px;
color: #24357a;
text-align: left;
border-bottom: 6px solid #000066;
font-size: 20px;
}
.category-desc {
border: 0px;
margin-top: .5rem;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}






/* remove border in footer (seems to come from Purity 4 template */
#t4-footer > div > div > div > div {
border: 0;
}

/* link behaviour inside content container(s) */
.container a:link {    
text-decoration: underline;
}
.container a:active {    
text-decoration: underline;
}
.container a:visited {    
text-decoration: underline;
}
.container a:hover {
text-decoration: none;
}




/* block ABOVE FOOTER PROPER that gets turned same colour as footer by the Purity 4 theme colour changer!*/
.t4-footnav {
background: ##e9ebee;
}


/* FOOTER  DRNJ */
#t4-footer {border-top: 0px !important;  }

#t4-footer {font-size: 0.8em; text-align: center;}

/* END DR NJ  - CSS */