/* Font Type */
h1, .h1, h2,.h2,h3, .h3, h4, .h4, h5, .h5, h6, .h6, .head, .modboxhead, .heading, .heading > strong, .heading2, .event-heading {
font-family: 'Cabin', sans-serif;
font-weight: 700;
}
body.yui-skin-sam.yui3-skin-sam {
background-color: #e9e2cb;
}
body, td, p, li, input, .dropdown-menu > li > a, textarea, label, .storetiger.list.quick_view .product_price, .assoc-product-container span.product_price{
color: #000;
font-family: 'Lato', sans-serif;
font-weight:400;
font-size: 16px;
}
h3.cb-ql-heading {
text-align: center;
color: #397a7a;
font-size: 30px;
}
ul.dropdown-menu.flyout.submenu a {
color: #fff;
font-size:14px;
}
ul.dropdown-menu.flyout.submenu a:hover {
color:#000;
}
.dropdown-menu>li>a {
padding: 3px 10px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .head, .pageheading, .modboxhead, .heading, .heading > a, .heading > strong, .heading2, event-heading, .event-heading a,
.product_details a, .assoc-product-container span.product_title > a{
color: #ae5a41;
}
h1.pageheading {
color: #397a7a;
text-transform: uppercase;
padding-bottom: 10px;
}
.heading2, event-heading, .event-heading a, .heading, .module.output.storetiger.product_categories th h3, .event-heading, div.module.output div.head, .modboxhead, .heading, .heading2, h3 {
font-size: 24px;
}
h4 {
color: #397a7a;
}
/****** Primary Accent Colour (eg Links, backgrounds etc) *******/
/* Text Colour **/
.storenav.navbar-nav > li > a, a, a:hover, a:focus, .nav > li > a:hover, .nav > li > a:focus,.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
color: #397a7a; /* Default bootstrap blue for links */
}
.photo-cell span.hover_title{
color: #000;
}
/* Background Colour **/
.panel > .panel-heading, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, #standardfooter {
background-color: #000;
}
.col-xs-2.event-month, button.btn.btn-lg.btn-default.event-register-btn, .event-quick-details .event-date.quick .day, .event-quick-details .event-date.quick .month {
background: #397a7a;
}
/* Border Colour **/
.panel-primary , .fullheader-area .active > a, .panel > .panel-heading, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .panel-primary > .panel-heading + .panel-collapse > .panel-body{
border-color: #000;
}
/******* Secondary Accent Colour (light, text contrasting to accent background below) ********/
.navbar-toggle .icon-bar, .navbar-toggle .icon-bar {
background-color: #fff;
}
.site-utility-container, .col-xs-2.event-month, .panel > .panel-heading, .panel .panel-heading a, .container-fluid.footer-area p a, #standardfooter, #dynamicfooter, #standardfooter a, #dynamicfooter a, .footer-list a, button, html input[type="button"], input[type="reset"], input[type="submit"], .btn:not(.btn-link), .buttons:not(.pull-right), .button, #pdSubmit, .addtocart_text, .photos_container form#CFForm_1 table tbody tr td input{
color: #fff;
}
input[type="submit"], .btn:not(.btn-link), .button, #pdSubmit, .addtocart_text, .photos_container form#CFForm_1 table tbody tr td input{
/*width: auto !important;*/
}
.module.output.news div.list ul.module.output.news.list li span.short_desc, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
color: #fff;
}
/*** Accent Background Colour (contrast to secondary accent colour) (nav, buttons, default text colour) *****/
.container-fluid.fullheader-area,.container-fluid > .navbar-collapse, .container-fluid > .navbar-collapse, button, html input[type="button"], input[type="reset"], input[type="submit"], .btn:not(.btn-link), .buttons:not(.pull-right), .button, #pdSubmit, .addtocart_text, .photos_container form#CFForm_1 table tbody tr td input, #mymembershipdetails{
background: #397a7a;
}
/* ---- */
/* NAVIGATION ETC */
/* ---- */
/***Top Navigation Bar****/
#slide_right {
top: 40px;
position: relative;
margin-bottom: 20px;
}
.leftheader > a > .img-responsive {
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 10;
padding-top: 40px;
}
.navbar{
background: #ae5a41;
border-bottom: 0;
border-radius: 0px;
border-top: 0;
z-index: 1030;
margin-bottom: 0px;
}
.navbar.navbar-area .nav.navbar-nav {
float: right;
margin-left: 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent;
border-color: #337ab7;
color: #3c3c3c;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
color: #000 !important;
}
.navbar-brand, .navbar-nav>li>a {
padding: 0px;
}
.navbar-brand {
margin-bottom: 15px;
}
.navbar-brand > img {
max-width: 300px;
top: -120px;
max-height: none;
position: relative;
}
#slide_right.navbar-brand {
top: 37px;
position: relative;
margin-bottom: -57px;
}
.glyphicon.glyphicon-search {
background: transparent;
color: #397a7a;
padding: 0;
font-size: 29px;
top: -2px;
}
@media (min-width: 768px) and (max-width: 991px){
.navbar-brand > img {
max-width: 210px;
max-height: 140px;
top: -93px;
}
}
@media (max-width: 991px){
.glyphicon.glyphicon-search {
top: -34px;
margin-right: 89px;
}
.des-loginbuttons {
margin-right: 85px;
margin-top: -66px;
}
}
@media (max-width: 767px) {
.navbar {
height: 160px
}
.navbar-toggle:hover{
background:transparent;
}
ul.dropdown-menu.flyout.submenu a:hover {
color: #000;
}
ul.dropdown-menu.flyout.submenu a {
color: #3c3c3c;
}
.dropdown-menu.flyout.submenu {
background: transparent;
padding-bottom: 33px;
}
ul.dropdown-menu.flyout.submenu a {
color: rgb(0,0,0);
}
.fullheader-area .navbar.navbar-area .navbar-nav > li > a {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.glyphicon.glyphicon-search {
margin-right: 150px;
}
}
@media (min-width:768px) {
.navbar .dropdown-menu {
background-color: #397a7a;
}
}
#pre-page-content {
overflow-x: inherit;
}
.page-content-container {
padding-top: 40px;
}
.carousel-inner {
max-height: 600px;
}
.dropdown-menu > li > a {
font-size: 16px;
}
.sidebar-nav .navbar {
background-image: none;
}
.col-md-3.left-sidebar-container {
margin-top: 30px;
}
.rightheader a, .rightheader a:hover, .rightheader a:focus {
text-decoration: none;
}
body.nav_slide{
width: 100vw;
}
@media (max-width: 480px) {
body.nav_slide.slide_right .collapse.navbar-collapse.flyout {
background: #397a7a;
}
}
/* Footer Styling to Suit all 3 Footers */
#site-footer-container, .col-xs-12.col-sm-6.footer-extras, .col-xs-12.col-sm-6.footer-logo {
width: 100%;
}
.container-fluid.footer-area, div#standardfooter {
padding-bottom: 0;
background-color: #397a7a;
}
#site-footer-container div {
text-align: inherit;
}
div#dynamicfooter, .col-xs-12.col-sm-6.footer-extras, div#standardfooter {
text-align: center;
}
div#standardfooter .row {
padding-top: 10px;
}
#site-footer-container a, #site-footer-container ul li, div#footer-company-name, div#footer-company-abn, div#footer-company-address, div#footer-company-phone,div#footer-company-email {
text-align: left;
color: #fff;
}
@media (max-width: 991px){
#site-footer-container p{
text-align:center;
}
}
@media (max-width: 768px) {
#site-footer-container a, #site-footer-container ul li, #site-footer-container p, #site-footer-container h5 {
text-align: center;
list-style: none;
}
.navbar-brand > img {
max-width: 250px;
max-height: none;
position: relative;
top: -79px;
background: #fff;
}
}
@media (max-width: 480px) {
.navbar-header.nav_flyout_button {
margin-top: 15px;
margin-bottom: -60px;
}
.navbar-brand > img {
top: -35px;
max-width: 218px;
}
.des-loginbuttons {
display: none;
}
.navbar {
height: 95px;
}
}
/* ---- */
/* UTILITY AND ICONS */
/* ---- */
.site-utility-container {
position: relative;
width: inherit;
z-index: 1020;
padding-bottom: 5px;
background: #e9e2cb;
}
.utility, .utility a {
color: #FFF;
font-size: 14px;
}
.panel .panel-heading a {
color: #397a7a;
}
div.utility form {
position: relative;
margin-bottom: -47px;
margin-right: 182px;
}
.utility-social {
position: absolute;
padding-top: 6px;
margin-left: 220px;
z-index: 10000;
}
@media (max-width:767px){
.utility-social {
margin-left: 0;
}
div.utility form {
margin-bottom: -29px;
margin-right: 139px;
}
}
@media (max-width: 480px) {
.utility, .utility a {
font-size: 0;
}
}
span.icon.icon-facebook, span.icon.icon-shopping-cart, span.icon.icon-instagram, .icon.icon-twitter, .icon.icon-paper-plane, .icon.icon-youtube,.icon.icon-lock {
font-size: 30px;
color: #ae5a41;
}
span.icon.icon-facebook:hover, span.icon.icon-shopping-cart:hover,, span.icon.icon-instagram:hover, .icon.icon-twitter:hover, .icon.icon-paper-plane:hover, .icon.icon-youtube:hover,.icon.icon-lock:hover {
color: #000;
}
.icon.icon-lock::before {
top: 10px;
margin-right: -10px;
margin-left: 5px;
}
.sidebar-nav .navbar {
background-image: none;
}
.fullheader-area .navbar.navbar-area .navbar-nav > li > a {
padding: 28px 12px;
color: #fff;
font-size: 15px;
text-shadow: none;
text-transform: uppercase;
}
@media (min-width: 992px) and (max-width: 1199px) {
.fullheader-area .navbar.navbar-area .navbar-nav > li > a {
padding: 28px 15px;
}
.nav.navbar-nav.flyout.menu li:nth-child(1) > a:nth-child(1){
padding-right:10px;
padding-left:0;
}
.navbar-nav.flyout.menu li.dropdown ul.dropdown-menu.flyout.submenu li a{
padding: 3px 20px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.fullheader-area .navbar.navbar-area .navbar-nav > li > a {
padding: 28px 9px;
font-size: 14px;
}
.utility-social {
margin-left: 190px;
}
.nav.navbar-nav.flyout.menu li:nth-child(1) > a:nth-child(1){
padding-right:10px;
padding-left:0;
}
.navbar-nav.flyout.menu li.dropdown ul.dropdown-menu.flyout.submenu li a{
padding: 3px 20px;
}
}
@media (max-width: 992px){
.site-utility-container {
color: #000;
padding-left: 0px;
}
.siteheader-area {
height: 57px;
background: #e9e2cb
}
}
.utility {
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: -33px;
position: relative;
text-align: right;
padding-left: 10px;
padding-right: 10px;
top: 5px;
}
@media (min-width: 768px) {
.utility {
width: 750px;
padding-right: 0;
}
}
@media (min-width: 992px) {
.utility {
width: 970px;
margin-bottom: 0px;
padding-left: 9px;
padding-right: 15px;
}
}
@media (max-width:480px){
.utility {
margin-bottom: 0px;
padding-left: 9px;
padding-right: 0px;
}
}
@media (min-width: 1200px) {
.utility {
width: 1170px;
}
}
/* ---- */
/* BUTTONS */
/* ---- */
.btn.btn-default{
text-shadow:none;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover, .buttons:hover, .button:hover, #pdSubmit:hover, .addtocart_text:hover, #pdSubmit, .photos_container form#CFForm_1 table tbody tr td input:hover, #mymembershipdetails:hover{
background:#ae5a41;
}
.des-secondary a.btn:hover{
background-color :#000;
}
/* ---- */
/* FORMS */
/* ---- */
input, .form-control, select, textarea {
font-size: 16px;
width: 85%;
margin-left: 0;
border-radius:0;
}
.searchbar {
width: 300px;
padding: 7px;
margin-bottom: 10px;
margin-right: 5px;
}
@media (max-width: 991px){
.searchbar {
display: none;
}
}
@media (max-width:768px) {
.module.output.contact.form input, .module.output.contact.form select, .module.output.contact.form textarea, .module.output.contact.form .form-control {
width: 85%;
}
.navbar {
height: 95px;
}
.container.navbar-container {
height: 95px;
overflow: hidden;
}
}
@media (min-width: 481px) and (max-width:767px){
.navbar-header.nav_flyout_button {
position: relative;
top: 20px;
}
}
.navbar.navbar-area .nav.navbar-nav {
margin-left: 0;
margin-right: -30px;
}
.sidebar-nav .nav.navbar-nav li {
width: 100%;
}
.sidebar-nav .navbar-nav > li > a {
width: 100%;
max-width: none;
padding: 15px;
border-bottom: 1px solid #BB8F26;
color: #000;
font-weight: 600;
text-align: left;
}
.sidebar-nav {
margin-top: 15px;
margin-bottom: 15px;
}
@media(max-width:992px){
.sidebar-nav{
display:none;
}
}
/******* Line Break *******/
hr {
border-top: 1px solid #000;;
}
/* Icons */
@font-face {
font-family:toolkit-entypo;
src:url(/nova_library/bootstrap/themes/fonts/toolkit-entypo.eot);
src:url(/nova_library/bootstrap/themes/fonts/toolkit-entypo.eot?#iefix) format('eot'),url(/nova_library/bootstrap/themes/fonts/toolkit-entypo.woff2) format('woff2'),url(/nova_library/bootstrap/themes/fonts/toolkit-entypo.woff) format('woff'),url(/nova_library/bootstrap/themes/fonts/toolkit-entypo.ttf) format('truetype');
font-weight:400;
font-style:normal
}
/* Photo Module */
.photos_container form#CFForm_1 table tbody tr td select,.documents.category-select tbody tr td select{
height: 43px;
padding: 5px;
margin-left: 15px;
width:auto;
}
.photos_container form#CFForm_1 table tbody tr td{
vertical-align:middle !important;
}
.module.output.photos.post_content { -ms-overflow-style: none; }
.module.output.photos.post_content { overflow: -moz-scrollbars-none; }
.category_breadcrumbs {
padding-top: 15px;
text-align: center;
}
.galleryscroll {
position: absolute;
margin-top: -70px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.arrowleft.glyphicon.glyphicon-chevron-left,.arrowright.glyphicon.glyphicon-chevron-right{
color:#fff;
}
.arrowright {
float: right;
}
.des-icon:hover{
text-decoration:none;
}
/* Slideshow */
.carousel-caption {
background: rgba(0,0,0,0.65);
bottom: auto;
margin-left: 0;
margin-right: 0;
max-width: 100%;
padding: 25px;
top: 20%;
left: 10%;
right: 38%;
text-align: left;
text-shadow: none;
height: auto;
}
div.carousel-caption p {
text-align: left;
color:#fff;
}
.carousel-caption h3 {
font-size: 50px;
color: #fff;
margin-top: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-caption {
top: 10%;
right: 25%;
}
}
@media (min-width: 768px) and (max-width: 991px){
.carousel-caption {
right: 10%;
padding: 20px;
}
.carousel-caption h3 {
font-size: 24px;
}
}
@media (max-width: 767px){
div.carousel-caption p{
font-size:0;
}
.carousel-caption {
right: 10%;
top: 7%;
padding: 15px;
}
.carousel-caption h3 {
font-size: 22px;
}
.carousel-indicators{
display:none;
}
}
/*** Custom Objects - Homepage Events Calendar and Primary and Secondary Colours**/
div.col-md-8.ql.des-calendar > .row {
background-color: #ae5a41;
}
.des-calendar a.btn, .des-calendar .module.output.events.list.month_events th, .des-calendar .module.output.events.list.month_events th, .des-calendar .yui-skin-sam .yui-calendar td.calcell.selected a {
/*background: #000;*/
}
.des-calendar .module.output.events.list.month_events th,.des-calendar .yui-skin-sam .yui-calendar td.calcell.selected a {
background: #000;
}
.des-primary, .des-secondary a.btn {
background-color: #ae5a41;
}
.des-primary h2 {
color: #fff;
text-align: center;
}
.des-secondary {
background-color: #e9e2cb;
}
.des-secondary h2, .des-secondary h1, .des-secondary p {
color: #ae5a41;
text-align: center;
}
.container.des-calendar {
padding-top: 30px;
padding-bottom: 30px;
margin-top:0;
padding-left:0;
padding-right:0;
}
.des-calendar .module.output.events.list a {
color: #000;
font-size: 18px;
}
.yui-skin-sam .yui-calendar td.calcell a{
color:#000;
}
/*
#site-footer-container {
padding: 0;
background: #fff;
}
*/
*/
/** Force tablet menu toggle **/
@media(min-width:768px) and (max-width: 991px) {
.glyphicon.glyphicon-home {
margin-right: 0;
color: rgb(38,69,122);
font-size: 25px;
}
.navbar-header {
float: right;
height: 67px;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display:block !important;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav > li {
float: none;
width: 100%;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
max-width: none;
color: rgb(38,69,122);
font-weight: 600;
}
.collapse.in{
display:block !important;
}
.navbar-toggle {
margin-bottom: 15px;
margin-top: 16px;
margin-right: -10px;
}
body.nav_slide.slide_left .collapse.navbar-collapse.flyout, body.nav_slide.slide_right .collapse.navbar-collapse.flyout, body.nav_slide.sliding .collapse.navbar-collapse.flyout, html.nav_slide.slide_left .collapse.navbar-collapse.left-flyout, html.nav_slide.slide_right .collapse.navbar-collapse.left-flyout, html.nav_slide.sliding .collapse.navbar-collapse.left-flyout {
display: block;
margin-left: 0;
padding-left: 10px;
}
.navbar-nav > li > .dropdown-menu {
min-width: 0;
}
#pre-page-content {
overflow-x: hidden;
}
body.nav_slide.slide_out.slide_right, html.nav_slide.slide_out.slide_right {
transform: translate3d(-300px, 0px, 0px);
}
body.nav_slide.slide_out.slide_left, html.nav_slide.slide_out.slide_left {
transform: translate3d(300px, 0px, 0px);
width:100vw;
}
.collapse.navbar-collapse.flyout, .collapse.navbar-collapse.right-flyout {
height: 100vh !important;
max-height: none;
overflow-x: hidden !important;
overflow-y: scroll !important;
}
body.nav_slide.slide_right .collapse.navbar-collapse.flyout, html.nav_slide.slide_right .collapse.navbar-collapse.right-flyout {
bottom: 0;
display: none;
position: fixed;
right: -300px;
top: 30px;
width: 300px;
}
body.nav_slide.slide_left .collapse.navbar-collapse.flyout, html.nav_slide.slide_left .collapse.navbar-collapse.left-flyout {
bottom: 0;
display: none;
left: -300px;
position: fixed;
top:30px;
width: 300px;
}
body.nav_slide.slide_left .collapse.navbar-collapse.flyout, body.nav_slide.slide_right .collapse.navbar-collapse.flyout, body.nav_slide .collapse.navbar-collapse.flyout, html.nav_slide.slide_left .collapse.navbar-collapse.left-flyout, html.nav_slide.slide_right .collapse.navbar-collapse.left-flyout, html.nav_slide.sliding .collapse.navbar-collapse.left-flyout {
display: block !important;
margin-left: 0;
padding-left: 20px;
}
.dropdown a.dropdown-toggle {
display: block;
}
a#close_store_nav {
transition: visibility 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}
body {
transition: transform 0.3s ease-in-out 0s;
max-width: 100vw;
}
.dropdown-menu, .dropdown-submenu {
border: 0 none;
box-shadow: none;
display: block;
margin-top: 0;
position: relative;
width: 300px;
}
.navbar-nav .dropdown-menu > li > a, .navbar-nav .dropdown-menu .dropdown-header, .navbar-nav .dropdown-submenu > li > a, .navbar-nav .dropdown-submenu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.dropdown-submenu > .dropdown-menu {
left: 20px;
margin-bottom: 6px;
top: 6px;
width: 280px;
}
.slide_right.navbar-brand {
float: none;
height: auto;
left: 100%;
padding: 0;
position: absolute;
top: -70px;
width: 300px;
}
.slide_left.navbar-brand {
float: none;
height: auto;
left: -300px;
padding: 0;
position: absolute;
top: -70px;
width: 300px;
}
a.dropdown-toggle .caret {
display: none;
}
.dropdown-submenu > a::after {
content: none;
}
.dropdown a.dropdown-toggle {
display: block;
}
.nav.navbar-nav {
margin: 0px -10px;
padding-bottom: 70px;
}
.navbar-collapse.collapse {
display: none !important;
}
.des-support, .des-invoice {
margin-top: 0;
padding: 9px 0 !important;
}
body.nav_slide.sliding{
right:0;
left:0;
}
#nav_flyout_btn:hover {
background: transparent;
}
}
/* Mysite
.output.mysite div.form form table.login tbody tr td input.buttons {
width: auto;
float: right;
margin-right: 0;
}
.loginbox {
width: 100%;
}
.output.mysite div.form form table.login tbody tr.login td,.output.mysite div.form form table.login tbody tr td{
text-align:left;
}
*/
/* Quicklink Colours */
.des-designcolour.cb-quicklink.panel-rollover .panel-body {
padding: 5px 15px;
background: rgba(255,193,0, 0.8);
}
/* Footer - Dynamic Option to work with Member Jungle */
.col-xs-12.col-sm-6.footer-logo {
width: 100%;
}
.col-xs-12.col-sm-6.footer-extras {
width: 100%;
}
/* Section Colouring */
h2.margin-top-100.headline-2xl, h2.motion-left.animated.fadeInLeft.headline-2xl {
color: #ae5a41;
}
p.lead.margin-top-20, p.lead.margin-top-30 {
color: #fff;
}
/* Custom Styling for Magazine Page */
.jumbotron img {
border: solid 1px #000;
}
.jumbotron {
background: #fff;
margin-top: 15px;
}
.magazine-divider .col-sm-3 p {
font-size: 13px;
}
.magazine-divider h3 {
text-decoration: underline;
}
.magazine-divider .col-sm-9, .left-border {
border-left: solid 1px #ae5a41;
}