/* comment Marcos Andrews SITE */

/* 
base colors
text = #000000
h1, h2, h3 etc = #6f84ee; pale blue
slate blue menu hover back - #495565
menu = bright blue #0830FF


*/

/* START  - CSS on all pages */

/* Body font and background */
body {font-family: verdana, geneva, sans-serif !important; color:  #black; 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: .8rem;
color: #ffffff;
padding: 10px 15px 10px 15px;
}


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

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

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

/* Squeeze menu items a little - Purity 4 setting was bigger */
#t4-megamenu-mainmenu > ul > li.nav-item.current.active.dropdown.parent > a {
padding-left: 15px;
padding-right: 15px;
}
#t4-megamenu-mainmenu > ul > li.nav-item.current.active > a {
padding-left: 15px;
padding-right: 15px;
}
/* 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;
}



/* 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;
 }


/* SIDEBARS*/


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

/* 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: #6f84ee;
    text-align: left;
    border-bottom: 6px solid #6f84ee;
}

/* Three image containers (use 25% for four, and 50% for two, etc) for tow bar logos on home page */
.columnhome {
  float: left;
  width: 33%;
  padding: 0px;
}
/* Clear floats after image containers */
.rowhome::after {
  content: "";
  clear: both;
  display: table;
} 



/* FAQ - IF USED*/
/* Style the FAQ module & question if used */
.faqs label {
    margin: 5px 0;
    position: relative;
    display: block;
    color: #0830FF;
    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, #faq6:checked~#answ6, #faq7:checked~#answ7, #faq8:checked~#answ8, #faq9:checked~#answ9, #faq10:checked~#answ10, #faq11:checked~#answ11, #faq12:checked~#answ12, #faq13:checked~#answ13, #faq14:checked~#answ14, #faq15:checked~#answ15 {
    border: 0px;
    background: #ffffff;
    color: #000000;
    border-radius: 0;
}

/* END FAQ - IF USED*/



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

#visformcontainer h1 {
margin-top: 0px;
padding-top: 35px;
color: #6f84ee;
text-align: left;
border-bottom: 6px solid #6f84ee;
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: #CCCCCC;
}


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

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

/* END BASE - CSS */