/* STYLES  Joomla 4.0 ==================================== 
#725F53 Sepia
#1C4876 Navy
#fefae0 Cream
*/

/* FONTS/HEADINGS ========================================== */
@font-face {
 font-family		: gillsans;
	src				: url("fonts/GillSansStd.woff"),
	                  url("fonts/GillSansStd.otf") format("opentype"),
 					  url("fonts/GillSansStd.eot");
}
@font-face {
	font-family		: TitilliumMaps;
	src				: url("fonts/TitilliumMaps29L002.woff"),
					  url("fonts/TitilliumMaps29L002.otf") format("opentype");
}
@font-face {
	font-family 	: avenir;
	src				: url("fonts/LTe50346.ttf"),
	                  url("fonts/LTe50346.eot"); /* EOT file for IE */
}
@font-face {
	font-family 	: avenir_lt;
	src				: url("fonts/LTe50336.ttf"),
					  url("fonts/LTe50336.eot"); /* EOT file for IE */
}

/* DEFAULTS ========================================= */

/*div.t3-wrapper div#t3-mainbody.container.t3-mainbody article h1 {
    font-family 		: gillsans !important;
	font-size			: 20px !important;
	font-weight			: bold !important;
	line-height			: 120% !important;
	margin			    : 0 0 4px 0 !important;
	color				: #455a21 !important;
	background-color	: inherit !important;
}*/

/* H1 Navy */
/*h1.page-title,
div#t3-content h1,
div#t3-mainbody article h1 {*/
h1 {
	font-family 	: gillsans !important;
	font-size		: 22px !important;
	font-weight		: normal !important;
	color 			: #1C4876 !important; 
	line-height		: 1.10em !important;
    margin-top: 0 !important;
  	font-feature-settings: "kern" 1;
	font-kerning: normal;
    margin: 0 0 0 0 !important;
}

/* Sepia */
/*div.page-header h1 {
	font-family 	: gillsans !important;
	font-size		: 20px !important;
	font-weight		: normal !important;
	color 			: #725f53 !important;
    background-color	: inherit !important;
	line-height		: 1.10em !important;
    margin: 0 0 0 0 !important;
}*/

/* H2 Sepia */
/*div#t3-mainbody.container.t3-mainbody article section.article-content h2,
div#t3-mainbody.container.t3-mainbody article header h2.article-title {*/
h2 {
	font-family 			: gillsans !important;
	font-size				: 20px !important;
	font-weight				: normal !important;
	color 					: #725f53 !important;
    background-color		: inherit !important;
	line-height			:	 1.20em !important;
	/*letter-spacing		: 1px;*/
	font-feature-settings	: "kern" 1;
	font-kerning			: normal;
    margin					: 0 0 0 0 !important;
}

/* H3 */
h3 {
  	font-family 	: gillsans !important;
	font-size		: 16px !important;
	font-weight		: normal !important;
	color 			: #725f53 !important; /* Sepia */
    background-color	: inherit !important;
	line-height		: 1.20em !important;
	/*letter-spacing	: 1px;*/
	font-feature-settings: "kern" 1;
	font-kerning: normal;
    margin: 0 0 0 0 !important;
}

div.t3-sidebar.t3-sidebar-2 div.module-inner h3.module-title {
    background-color	: #fff !important;
	text-align			: right;
    padding				: 0 6px 2px 0;
    margin				: 1px 0 4px 0 !important;
}

div.t3-sidebar.t3-sidebar-1 div.module-inner h3.module-title {
    background-color	: #fff !important;
	text-align			: left;
    padding				: 0 0 2px 6px;
    margin				: 4px 0 4px 0 !important;
}

div.row div.t3-sidebar.t3-sidebar-1 h3.module-title span,
div.row div.t3-sidebar.t3-sidebar-2 h3.module-title span {
    font-family 	: gillsans !important;
	font-size		: 14px !important;
	font-weight		: normal !important;
	color 			: #1C4876 !important; /* Navy */
	line-height		: 1.20em !important;
	/*letter-spacing	: 1px;*/
	font-feature-settings: "kern" 1;
	font-kerning: normal;
    margin: 0 0 0 0 !important;
}

div.categories-list-booklist div.category-item h3.page-header.item-title {
  /*border: 1px solid red;*/
  padding: 0;
}

/* H4 */
div.module-inner h4.newsflash-title,
div.row div.t3-content h4 {
  	font-family 	: gillsans !important;
	font-size		: 15px !important;
	font-weight		: normal !important;
	color 			: #725f53 !important; /* Sepia */
    background-color	: inherit !important;
	line-height		: 1.20em !important;
	/*letter-spacing	: 1px;*/
	font-feature-settings: "kern" 1;
	font-kerning: normal;
    margin: 0 0 0 0 !important;
}  

p {
  font-size: 13px !important;
  margin: 0 0 5px 0 !important;
  line-height: 1.25em !important;
}

p.mono {
  /*font-family: "Courier New", Courier, monospace;*/
  /*font-family:"Lucida Console", Monaco, monospace;*/
  /*font-family:"Arial", Arial, monospace !important;*/
  font-family: monospace, monospace;
  white-space: pre;
  line-height: 1.00em !important;
}
/* FONTS END ======================================== */

body {
  padding-top: 34px !important;
}

.logo {
  display: none !important;
}

html.com_content.view-featured.itemid-490.home.j41.mm-hover.no-touch body div.t3-wrapper header#t3-mainnav.wrap.navbar.navbar-default.navbar-fixed-top.t3-mainnav div.container nav.t3-navbar.navbar-collapse.collapse {
  /*border: 1px solid red;*/
  padding: 0 !important;
}

html.com_content.view-featured.itemid-490.home.j41.mm-hover.no-touch body div.t3-wrapper header#t3-mainnav.wrap.navbar.navbar-default.navbar-fixed-top.t3-mainnav div.container {
  margin-left: 0 auto 0 auto !important;
  /*border: 1px solid red;*/
  padding-left: 0;
}

/* MASTHEAD */
header#t3-mainnav { 
  /* Fix to start content lower */
  padding-bottom: 126px !important;
}

div.page-masthead div.row-feature {
  padding: 6px 0 0 0;
  /*border-bottom: 6px solid #fff;*/
}

div.t3-wrapper {
  padding-top: 120px !important!
  margin-top: 120px !important!
  border: 1px solid green !important;
}

div.t3-wrapper div.page-masthead {
  position: -webkit-sticky !important; /* Safari */
  position: sticky !important;
  top: 34px !important;
  height: 100px !important;
  z-index:9999 !important;
  /*background-color: #fff !important;*/
}

/*div.page-masthead div.container*/
div.page-masthead div.row-feature div.container div.row.row-feature-ct div.mod-custom.custom {
  background-color: #fff !important;
}

div.t3-wrapper div.page-masthead div#Mod127.row-feature div.container div.row.row-feature-ct div.mod-custom.custom div div {
  background-position: 0 0 !important
}
/* MASTEAD END ==== */


/*html.com_content.view-featured.itemid-490.home.j41.mm-hover.no-touch body div.t3-wrapper div.page-masthead div#Mod127.row-feature div.container div.row.row-feature-ct */

div#t3-mainbody.container.t3-mainbody {
  padding: 0 20px 0 20px !important;
}

/* LEFT column ============================================ */
div#t3-mainbody.container.t3-mainbody div.row div.t3-sidebar.t3-sidebar-1.col-xs-12.col-md-3.col-md-pull-6 {
  /*border: 1px solid green !important;*/
  padding: 10px 10px 0 10px !important;
}

div#t3-mainbody.container.t3-mainbody div.row div.t3-sidebar.t3-sidebar-1 div.module-ct nav.navbar.navbar-expand-md div.collapse.navbar-collapse,
div#t3-mainbody.container.t3-mainbody div.row div.t3-sidebar.t3-sidebar-1 {
  background-color: #fefae0 !important;
  margin: 0 0px 0 0px !important;
  padding:  0 0 0 0 !important;
  /*max-width: 21% !important;
  display: block !important;*/
}

div.t3-sidebar.t3-sidebar-1 div.t3-module.module div.module-inner div.module-ct nav.navbar.navbar-expand-md div.collapse.navbar-collapse {
  /*border: 1px solid red !important;*/
  padding: 0 0 0 0 !important;
}

/* RIGHT column */
div#t3-mainbody.container.t3-mainbody div.row div.t3-sidebar.t3-sidebar-2 {
  background-color: #fefae0 !important;
  margin: 0 0 0 0 !important;
  padding: 12px 12px 8px 12px;
  /*max-width: 21% !important;
  display: block !important;
  right: 52% !important;*/
}

div#t3-mainbody.container.t3-mainbody div.row div.t3-sidebar.t3-sidebar-right {
  background-color: #fefae0 !important;
  margin: 0 0 0 0 !important;
  padding: 4px 12px 8px 12px;
  /*max-width: 21% !important;
  display: block !important;
  right: 52% !important;*/
  border-left: 12px solid #fff;
  border-right: 12px solid #fff;
}

/** MODULE LISTS */
div.t3-sidebar-2 div.t3-module.module div.module-inner div.module-ct div.mod-custom.custom div.updates ul {
  margin	: 2px 0 6px 0 !important;
  padding-left	: 12px !important;
}

div.t3-sidebar-2 div.t3-module.module div.module-inner div.module-ct div.mod-custom.custom div.updates p,
div.t3-sidebar-2 div.t3-module.module div.module-inner div.module-ct div.mod-custom.custom div.updates {
  font-size		: 11px !important;
  line-height 	: 1.0em !important;
  padding		: 0 0 0 0 !important;
  margin		: 0 0 0 0 !important;
  color 		: #1C4876 /*Navy*/
}

div.updates li a {
  font-size		: 11px !important;
  line-height 	: 1.2em !important;
  text-decoration : none;
  color : #725F53 /*Sepia*/
}

div.updates li a:hover {
  color : #000;
}

/* CONTENT ============================================== */
div#t3-mainbody.container.t3-mainbody div.row div#t3-content {
  padding: 12px 12px 0 12px;
  /*min-width: 56% !important;
  display: block !important;*/
  /*border: 0 12px 0 12px solid #fff !important;*/
}

/* 2-COLUMN TEST */
html.com_content.view-category.layout-blog.itemid-515.j41.mm-hover.no-touch body div.t3-wrapper div#t3-mainbody.container.t3-mainbody div.row {
  /*border: 1px solid red;*/
  padding-left: 12px;
}

div.page-header {
  padding: 0 0 4px 0 !important;
  margin: 0 0 0 0 !important;
  border: none !important;
}

/* Article divider */
div#t3-mainbody.container.t3-mainbody div.row div#t3-content.t3-content div.blog-featured div.items-row.cols-1 div.item.column-1 {
  margin-bottom: 8px !important;
  /*border-bottom: 1px solid #aaa;*/
}

div.blog-featured article p.img_caption {
  margin-bottom: 4px !important;
}

/* FOOTER */
section.t3-copyright div.container div.row div.col-md-12.copyright small {
  display: none;
}

/* MONOSPACED TABLES */
table.train p {
  font-size : 11px;
  /*font-family: "Courier New", Courier, monospace;*/
  font-family:"Lucida Console", Monaco, monospace;
  /*font-family:"Arial", Arial, monospace;*/
  margin : 0 6px 0 0;
}

table.train {
  margin : -3px 0 7px 0;
}

table.trainmono p {
  font-size : 11px;
  /*font-family: "Courier New", Courier, monospace;*/
  /*font-family:"Lucida Console", Monaco, monospace;*/
  /*font-family:"Arial", Arial, monospace !important;*/
  font-family: monospace, monospace;
  margin : 0 6px 0 0;
}

table.trainmono {
  margin : 3px 0 7px 0;
}

table.trainmono td {
  padding: 2px 0 1px 4px;
}

/* READ MORE */
section.readmore {
  margin: 2px 0 4px 0 !important;
  padding: 0 0 4px 0 !important;
  border-bottom: 1px solid #ccc !important;
}

section.readmore a.btn {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  border: none !important;
  text-decoration: underline;
  font-size: 12px;
  color: #005588;
  background-color: inherit;
}

/* BLOG - LEADING ARTICLE */
div.t3-wrapper div.blog-featured div.items-leading.clearfix div.leading.leading-0 {
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
}

/* LOGO */
/*div.navbar-header div.logo.logo-image div.logo-image img {
  min-width: 236px !important;
  margin-left: -30px;*/
}

/*div.navbar-header div.logo.logo-image div.logo-image a {
  background: none !important;
  margin: 1px 48px 2px 0;
  width: 260px;
}*/

/* NAV BAR */
.navbar-defaultXXX {
  background-color: #cccccc !important;
  background-image: url('https://staging.pageup.co.nz/images/_Template/sb_masthead_bg_16_94.png') !important;
  /*background-repeat: repeat-x !important;*/
  background-size: contain;
  width: 100% !important;
  height: 74px;
  resize: both;
  /*overflow: scroll;*/
  height: 78px !important;
  border: none !important;
}

.navbar-default {
  background-color: #ddd !important;
  background-size: contain;
  width: 100% !important;
  /*border: 1px solid red;*/
  resize: both;
  /*overflow: scroll;*/
  border: none !important;
  max-height:40px !important;
  min-height:40px !important;
  height:40px !important;
}

/* MAIN NAV */
/* TOP MENU */
/*div.t3-megamenu ul li a.active, 
div.t3-megamenu ul li a {
  font-size: 13px !important;
  text-transform: capitalize !important;
  padding: 6px 3px 6px 0 !important;
  margin: 0 0 0 0 !important;
  border-right: 1px solid #fff !important;
  line-height: 1.00em !important;
  text-decoration: none;
}*/

div.t3-wrapper header.navbar-fixed-top.t3-mainnav div.container nav.t3-navbar.navbar-collapse.collapse {
  padding-top: 0 !important;
  /*border: 1px solid #aaa;*/
  /*min-height:20px;*/
}

div.t3-megamenu ul li a {
  font-size: 12px !important;
  text-transform: capitalize !important;
  /*border-right: 1px solid #fff !important;*/
  color: #1C4876 !important; /* Navy */
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}

div.t3-megamenu ul li {
  padding: 0 4px 0 4px !important;
  margin: 0 0 0 0 !important;
}

.navbar-default .navbar-nav li a, 
.navbar-default .navbar-nav li span {
  padding-top: 12px !important;
  padding-bottom: 6px !important;
  line-height: 1.30em !important;
}

/*ul.nav.navbar-nav.level0 div.nav-child.dropdown-menu.mega-dropdown-menu,
ul.nav.navbar-nav.level0 div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner,
ul.nav.navbar-nav.level0 div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner ul.mega-nav.level1 {*/

ul.nav.navbar-nav.level0 div.nav-child.dropdown-menu.mega-dropdown-menu,
ul.nav.navbar-nav.level0 div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner,
ul.nav.navbar-nav.level0 div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner ul.mega-nav {
  background-color: #ddd !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  border: none;
}

ul.nav.navbar-nav.level0 li.dropdown.mega div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner ul.mega-nav.level1 li a,
ul.nav.navbar-nav.level0 li.dropdown.mega div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner ul.mega-nav.level1 li {
  /*padding: 6px 0 2px 0 !important;*/
  margin: 0 0 0 0 !important;
  border: none;
}

ul.nav.navbar-nav.level0 li.dropdown.mega div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.mega-inner ul.mega-nav.level1 li a {
  padding: 5px 3px 4px 3px !important;
  border-top: 1px solid #fff;
  border-bottom: none;
}

ul.nav.navbar-nav.level0 li.dropdown.mega div.nav-child.dropdown-menu.mega-dropdown-menu div.mega-dropdown-inner div.col-xs-12.mega-col-nav {
  padding: 3px 0 4px 0 !important;
  margin: 0 0 0 0 !important;
  border: none;
}

ul.nav.navbar-nav.level0 li.dropdown.mega div.nav-child ul.mega-nav.level1 li.current.active a {
  background-color: #eee !important;
}

ul.nav.navbar-nav.level0 li.dropdown.mega div.nav-child ul.mega-nav.level1 li a:hover {
  background-color: #fff !important;
}

/* L.H. SIDE MENU ============================= */
/* SIDE MENU */
div.t3-sidebar.t3-sidebar-1 div.module-inner ul.nav.nav-pills.nav-stacked.menu_topmenu li {
  border: none !important;
}

div.t3-sidebar.t3-sidebar-1 div.module-inner ul.nav.nav-pills.nav-stacked.menu_topmenu li a {
  padding: 2px 6px 2px 8px !important;
  margin: 0 0 0 0 !important;
  border: none !important;
  color: #000;
}

/*
div.t3-sidebar.t3-sidebar-1 div.module-inner ul.nav.nav-pills li.active current active a:active,
div.t3-sidebar.t3-sidebar-1 div.module-inner ul.nav.nav-pills li.active a:hover {
  color: #fff !important;
}*/

.nav-pills li.active a,
.nav-pills li.active a:hover,
.nav-pills li.active a:focus {
  color: #fff !important;
  background-color: #725F53;
}

div.t3-sidebar.t3-sidebar-1 div.t3-module.module div.module-inner div.module-ct nav.navbar.navbar-expand-md div.collapse.navbar-collapse ul.mod-menu.mod-list.nav li a,
div.t3-sidebar.t3-sidebar-1.col-md-3.col-md-pull-6 div.t3-module.module div.module-inner div.module-ct ul.nav.nav-pills.nav-stacked.menu li a {
  margin: 0;
  padding: 2px 0 2px 4px;
  border-bottom: 1px solid #fff;
  color: #1C4876 !important;
  font-size: 13px !important;
}

/* ACTIVE */
div.t3-sidebar.t3-sidebar-1.col-xs-12.col-md-3.col-md-pull-6 div.t3-module.module div.module-inner div.module-ct nav div.collapse.navbar-collapse ul.mod-menu.mod-list.nav li.current.active a,
div.t3-sidebar.t3-sidebar-1.col-md-3.col-md-pull-6 div.t3-module.module div.module-inner div.module-ct ul.nav.nav-pills.nav-stacked.menu li.current.active a {
  background-color: #B6CBE6 !important;
}

div.t3-sidebar.t3-sidebar-1.col-xs-12.col-md-3.col-md-pull-6 div.t3-module.module div.module-inner div.module-ct nav div.collapse.navbar-collapse ul.mod-menu.mod-list.nav li.a,
div.t3-sidebar.t3-sidebar-1.col-md-3.col-md-pull-6 div.t3-module.module div.module-inner div.module-ct ul.nav.nav-pills.nav-stacked.menu li a {
  background-color: #fefae0 !important;
  width: 100%;
}

/* HOVER */
div.t3-sidebar.t3-sidebar-1.col-md-3.col-md-pull-6 div.t3-module.module div.module-inner div.module-ct ul.nav.nav-pills.nav-stacked.menu li a:hover{
  background-color: #725F53 !important;
}

/* div.t3-wrapper div#t3-mainbody.container.t3-mainbody div.t3-sidebar.t3-sidebar-1.col-xs-12.col-md-3.col-md-pull-6 div#Mod92.t3-module.module */
div.t3-wrapper div#t3-mainbody.container.t3-mainbody div.t3-sidebar div.t3-module.module {
  background-color: #fefae0 !important;
  margin-bottom:2px !important
}

div.t3-sidebar.t3-sidebar-1 div.t3-module.module div.module-ct nav.navbar.navbar-expand-md div.collapse.navbar-collapse ul.mod-menu.mod-list.nav li.nav-item.deeper.parent ul.mod-menu__sub.list-unstyled.small li.nav-item a {
  padding-left:12px;
  padding-right:12px;
}

div.t3-sidebar li.nav-item a:hover {
  background-color: #fff !important;
}

div.module-inner div.module-ct nav.navbar.navbar-expand-md button.navbar-toggler.navbar-toggler-right {
  display: none;
}

/* ========================================================================== */

/* IMAGE SPACING */
img.modalpic,
div.modalpic img {
  padding	: 1px 0 5px 0; }
}

div.t3-wrapper {
  background-color: #dddddd !important;
  /*padding-top: 20px;*/
}

div.t3-mainbody {
  background-color: #ffffff !important;
  /*margin: 0 12px 0 12px !important;*/
  /*border-top:16px solid #fff;*/
}

div.com-content-category-blog div.items-row.row.row-flex div div.item {
  margin-bottom: 12px !important;
}

div.rule-grey {
  clear			: both; 
  padding		: 8px 0 2px 0; 
  border-top	: 1px solid #ccc;
}

/* BLOG LAYOUT PROBLEM ========================================== */
div.com-content-category-blog.blog div.items-row.row.row-flex div.item article header.article-header h2.article-title {
  font-size		: 16px !important;
  line-height	: 1.10em !important;
  margin-bottom	: 4px !important;
}

div.t3-content div.com-content-category-blog.blog div.items-row.row.row-flex div.item article {
  border: 1px solid #ccc;
  display: block !important;
  clear: both!important;
  /*min-height:25px !important;
  overflow: hidden !important;
  display: inline-block !important;
  float: left;*/
  /*height: fit-content;*/
  /*overflow: auto;*/
  /*block-size: fit-content; */
}

div.catintroXXXXX {
  border: 1px solid red;
  /*height:216px; */
  /*min-height:185px !important;*/
 /* max-height:216px;*/
  /*overflow: hidden !important;*/
/*Just write "min-height: XXX;" And "overflow: hidden;"*/
  
  height: fit-content;
  overflow: auto;  
  block-size: fit-content;
  /* You Can Also Try height: fit-content
  height: auto;       
  overflow: auto;*/
}

div.catintro img { margin:2px 0 3px 0; }

div.modelintros {
  /*display: none;*/
  /*margin-bottom	: -8px;*/
}

div.modelling-intros { 
  clear			: both; 
  border-bottom	: 1px solid #ccc; 
  padding		: 6px 0 6px 0; 
  overflow		: hidden;
}

div.modelling-intros div div {
  width		: 50%; 
  max-width	: 50%; 
  float		: left;
  /*border	: 1px solid red;*/
}

div.modelling-intros p {
  line-height	: 1.10em !important;
}
div.modelling-intros img {
  margin	: 3px 0 4px 0 !important;
}

/* ==================================================================== */
@media screen and (width: 1200px), screen and (width: 976px) {
div.t3-mainbody {
  /*background-color: #ddeeff !important;*/
  /*margin: 0 12px 0 12px !important;*/
  /*border-top:16px solid #fff;*/
}
}

/* MIDDLE SIZE SCREEN WIDTH */
@media screen and (min-width: 976px) and (max-width: 1200px) {
div.t3-mainbody {
  /*background-color: #ffeedd !important;*/
  /*margin: 36px 12px 0 12px !important;*/
  border-top:28px solid #fff;
}
  
div.t3-sidebar.t3-sidebar-1,
div#t3-mainbody.container.t3-mainbody div.row div#t3-content,
div.t3-sidebar.t3-sidebar-2 {
	/*border-top:1px solid #aaa;*/
    padding-top:12px !important;
}
  
div.t3-sidebar.t3-sidebar-1,
div.t3-sidebar.t3-sidebar-2 {
  /*border-top:12px solid #fff !important;*/
}

header#t3-mainnav.wrap.navbar.navbar-default.navbar-fixed-top.t3-mainnav div.container nav.t3-navbar.navbar-collapse.collapse {
	/*background-color: #fff !important;*/
}
}