/*
Theme Name:   	Djama Djorra
Theme URI:    	https://matthewwillems.com/
Author:       	Matt Willems
Author URI:     https://matthewwillems.com
Template:     	storefront
Description:  	This is a child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	djama-djorra
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Roboto|Montserrat&display=swap');

/* HTML elements */
html{ overflow-y:scroll;}
body{ color:; background-color:; font-family:'Source Sans Pro', sans-serif; background-image:url(''); background-position:left top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
h1, h2, h3, h4, h5, h6{ font-family:'Roboto', sans-serif; color:; font-weight:bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-weight:bold;}
a{ color:; text-decoration:none;}
a:hover{ color:;}
a:focus, .focus a{ outline:1px solid;}
/* eof HTML elements */

.hidetitle .entry-title{ display:none;}

/* Topbar */
.dj-topbar{ width:320px; height:32px; position:absolute; top:0.5rem; right:0.5rem; text-align:right; font-size:0.9em; margin:0; padding:0;}

/* Header */
.brg-header{ margin:0; padding:0; display:block;}
.brg-header a{ color:#ff8900;}
.brg-header a:hover{}
.brg-header img{ float:left; margin-right:1rem; width:2.75rem; height:2.75rem; border:0.125rem solid #ff8900; border-radius:50%;}
.brg-header .brg-header-h1{ font-family:'Annie Use Your Telescope', cursive; line-height:3rem; font-size:2.4rem;}
.brg-header .brg-header-p{ font-size:1.3rem; padding-left:1rem;}

.site-header .widget_product_search{ display:none;}

.main-navigation ul.menu{ font-size:1.2rem;}
.main-navigation ul.menu>li>a:hover, .main-navigation ul.nav-menu>li>a:hover, .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover{ color:#ffffff;}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main{ padding-top:0em;}
/* .page-template-template-homepage .entry-content p{ text-align:justify;}*/
/* eof Header */

/* Sidebar */
.widget .widget-title{ padding:0; color:; font-weight:600;}
.widget_product_categories ul li::before, .widget_product_categories ul li.current-cat::before{ display:none;}
.widget-area .widget a:not(.button){ text-decoration:none;}
/* eof Sidebar */

/* bredcrumb */
.woocommerce-breadcrumb a:first-of-type::before{ color:;}
.woocommerce-breadcrumb .breadcrumb-separator::after{ color:; opacity:0.75;}
/* eof bredcrumb */

/* Main Content */
h1.woocommerce-products-header__title.page-title{ display:none;}/*hides page title on category pages*/
iframe{ border-radius:4px; box-shadow:2px 2px 0 #ebe9eb;}
/* eof Main Content */

/* WooCommerce */
.single-product div.product .summary h1{ font-size:2em; margin:0; font-family:'Roboto', sans-serif;}
.single-product div.product p.price{ margin:0;}
.single-product div.product form.cart{ padding:0.5em 0 0 0;}
.woocommerce-variation-description p, .woocommerce-product-details__short-description p, .stock.in-stock{ padding-bottom:0; margin-bottom:0;}
.stock.in-stock{ color:#ff8900;}
button.single_add_to_cart_button.button.alt, a.storefront-sticky-add-to-cart__content-button.button.alt{ color:; background-color:; border-radius:4px;}
button.single_add_to_cart_button.button.alt:hover, a.storefront-sticky-add-to-cart__content-button.button.alt:hover{ color:#333333; background-color:#ffffff;}
ul.products li.product{ margin-bottom:2em;}
.woocommerce-loop-product__title{ min-height:2.4em;}
.woocommerce-Price-amount.amount{ font-size:1.4em;}

/* Make product tabs horizontal */
.product .woocommerce-tabs ul.tabs{ width:100%; float:none; margin-right:5.8823529412%; border-top:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs{ list-style:none; padding:0 0 0 1em; margin:0 0 1.618em; overflow:hidden; position:relative;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ position:absolute; content:' '; width:100%; bottom:0; left:0; border-bottom:1px solid #d3ced2; z-index:1;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:1px solid #d3ced2; background-color:#ffcc00; display:inline-block; position:relative; z-index:0; border-radius:4px 4px 0 0; margin:0 -5px; padding:0 1em;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#fff; z-index:2; border-bottom-color:#fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{ border:1px solid #d3ced2; position:absolute; bottom:-1px; width:0; height:0; content:' ';}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{ left:-6px; border-bottom-right-radius:4px; border-width:0 1px 1px 0; box-shadow:2px 2px 0 #ebe9eb;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{ box-shadow:2px 2px 0 #fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{ right:-6px; border-bottom-left-radius:4px; border-width:0 0 1px 1px; box-shadow:-2px 2px 0 #ebe9eb;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{ box-shadow:-2px 2px 0 #fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ display:inline-block; padding:.5em 0; font-weight:700; color:#515151; text-decoration:none; outline:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color:inherit; text-shadow:inherit;}
#tab-description h2{ display:none;}
#tab-description p{ text-align:justify;}
/* eof make product tabs horizontal */

/* Product decsription, specifications and review tabs */
table.comparetable{}
table.comparetable tr{}
table.comparetable th{}
table.comparetable td{}
/* eof Product specifications tab */
.single-product div.product .single_variation .price{ margin-bottom:0;}
/* eof WooCommerce */

/* Footer */
.site-footer{ padding:0; color:;}
.site-footer a:not(.button):not(.components-button){ color:; text-decoration:none;}
.site-footer a:not(.button):not(.components-button):hover{ color:; background-color:transparent;}
.site-footer .widget{ margin:0;}
.site-footer .widget .widget-title{ font-size:1.2em; color:; border-bottom:1px solid ;}
.site-footer .widget_nav_menu ul li::before{ content:'\f35a'; color:;}
.site-footer .site-info{ padding:1em 0;}
/* eofFooter */

/* images */
.shadowborder{ border:1px solid ; background-color:#fff; box-shadow:10px 10px 5px #CCCCCC; border-radius:0.5em;}
.pic24{ width:24px; height:24px;}
.pic32{ width:32px; height:32px;}
/* eof images */

#yith-quick-view-content div.summary{ width:40%;}

/* Blocks */
.cm_block_fw{ padding:0; margin:0; max-width:none; width:auto; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pandora{ padding:2em 0 2em 0; margin:0; max-width:none; width:auto; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pandorica{ padding:1em 0 1em 0; margin:0; max-width:none; width:auto; background-position:center; background-repeat:no-repeat; background-size:cover;}
/* eof Blocks */

/* testimonials custom post type */
.cm-cpt-testimonials-box{ margin-bottom:3em;}
#cm-cpt-testimonial, #cm-cpt-testimonials{ padding:2em; border-left:none; background-color:#efefef;}
#cm-cpt-testimonial{ margin:0 2em;}
#cm-cpt-testimonials{ margin:0 2em 3em 2em;}
#cm-cpt-testimonial i, #cm-cpt-testimonials i{ color: rgba(255,137,0,1);}
#cm-cpt-testimonial p, #cm-cpt-testimonials p{ padding:0 3em 1em 3em; margin:0;}
#cm-cpt-testimonials cite{ text-align:center;}
/* eof testimonials */

/* faqs custom post type */
.faq-single-box{ width:80%; max-width:800px; margin:0 auto;}
.cm-cpt-faq-accordion{ width:80%; max-width:800px; padding:1em; margin:0 auto 2em auto; list-style:none outside; background-color:#EEEEEE; border:1px solid #ffffff; border-radius:1em;}
.cm-cpt-faq-accordion > * + *{ border-top:1px solid white;}
.cm-cpt-faq-accordion-item{}
.cm-cpt-faq-accordion-item-hd{ font-size:1.3em; display:block; padding:15px 30px 15px 10px; position:relative; cursor:pointer; font-weight:bold; background-color:#CCCCCC;}
.cm-cpt-faq-accordion input:checked + label, .cm-cpt-faq-accordion label:hover{ background-color:#FF8900; color:#222;}
.cm-cpt-faq-accordion-item-input:checked ~ .cm-cpt-faq-accordion-item-bd{ max-height:1000px; padding:15px 20px 0 20px; margin-bottom:0; -webkit-transition:max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in; transition:max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;}
.cm-cpt-faq-accordion-item-input:checked ~ .cm-cpt-faq-accordion-item-hd > .cm-cpt-faq-accordion-item-hd-cta{ -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);}
.cm-cpt-faq-accordion-item-hd-cta{ display:block; width:30px; position:absolute; top:calc(50% - 6px ); right:0; pointer-events:none; -webkit-transition:-webkit-transform .3s ease; transition:transform .3s ease; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); text-align:center; font-size:12px; line-height:1;}
.cm-cpt-faq-accordion-item-bd{ font-size:1.2em; max-height:0; margin-bottom:0; overflow:hidden; -webkit-transition:max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out; transition:max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out; background-color:#fbfbfb;}
.cm-cpt-faq-accordion-item-input{ clip:rect(0 0 0 0); width:1px; height:1px; margin:-1; overflow:hidden; position:absolute; left:-9999px;}
.cm-cpt-faq-accordion input[type=checkbox]+label{ margin:0;}
/* eof faqs */

/* Generic CSS */
.shadowtext{ text-shadow:2px 2px 0 rgba(51,51,51,0.5); -webkit-text-shadow:2px 2px 0 rgba(51,51,51,0.5); -moz-text-shadow:2px 2px 0 rgba(51,51,51,0.5);}
.shadowtitle{ text-shadow:3px 3px 0 rgba(51,51,51,0.5); -webkit-text-shadow:3px 3px 0 rgba(51,51,51,0.5); -moz-text-shadow:3px 3px 0 rgba(51,51,51,0.5);}
.shadowbox{ border-radius:0 0 8px 8px; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);}
.shadowwrapper{ border-radius:8px; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);}
.cm-float-left{ float:left;}
.cm-float-right{ float:right;}
.clearboth{ clear:both;}
.bigtext{ font-size:1.4em;}
.largetext{ font-size:1.3em;}
.medtext{ font-size:1.2em;}
.justifytext{ text-align:justify;}
.cm-orange{ color:#ff8900;}
/* eof generic css */

/* Theme and plugin code */

/* Background panels */
.cm-cover{ padding:0; margin:0; max-width:none; width:auto; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cm-panel{ max-width:960px; margin:0 auto;}
.cm-button{ background-color:; text-decoration:none!important; color:; border-radius:.25rem; text-align:center; display:inline-block; transition:all .3s; padding:1rem; margin-top:.75rem;}
.cm-button:hover{ opacity:0.6;}
/* eof Background panels */

/* Sizes */
.ts-01{ font-size:0.1rem;}
.ts-02{ font-size:0.2rem;}
.ts-03{ font-size:0.3rem;}
.ts-04{ font-size:0.4rem;}
.ts-05{ font-size:0.5rem;}
.ts-06{ font-size:0.6rem;}
.ts-08, .textmicro{ font-size:0.8rem;}
.ts-09, .texttiny{ font-size:0.9rem;}
.ts-10, .textsmall{ font-size:1rem;}
.ts-11, .textstandard{ font-size:1.1rem;}
.ts-12, h6, .textnormal{ font-size:1.2rem;}
.ts-13, .textdefault{ font-size:1.3rem;}
.ts-14, h5, .textmedium, .captionsmall{ font-size:1.4rem;}
.ts-15{ font-size:1.5rem;}
.ts-16, h4, .textbig{ font-size:1.6rem;}
.ts-18, .textlarge, .titlesmall{ font-size:1.8rem;}
.ts-20, h3, .textxlarge, .captionmedium{ font-size:2rem;}
.ts-22{ font-size:2.2rem;}
.ts-24, h2, .captionlarge, .titlemedium{ font-size:2.4rem;}
.ts-28, h1{ font-size:2.8rem;}
.ts-30, .captionxlarge, .titlelarge{ font-size:3rem;}
.ts-35, .titlexlarge, .h1small{ font-size:3.5rem;}
.ts-40, .h1medium{ font-size:4rem;}
.ts-50, .h1large{ font-size:5rem;}
.ts-60, .h1xlarge{ font-size:6rem;}
/* eof Sizes */

/* Alignment */
.textleft{ text-align:left;}
.textcentre{ text-align:center;}
.textright{ text-align:right;}
.textjustify{ text-align:justify;}
/* eof alignment */

/* columns */
.columnleft{ left:0;}
.columncentre{ margin:0 auto;}
.columnright{ right:0;}
.columnslim, .boxsml{ width:70%; max-width:600px;}
.columnstandard, .boxmed{ width:80%; max-width:960px;}
.columnwide, .boxbig{ width:90%; max-width:1100px;}
.columnfull, .boxfull{ width:100%; max-width:none;}
/* eof columns */

/* Boxes */
.boxsml, .boxmed, .boxbig, .box40, .box50, .box60, .box70, .box80, .box90, .box901, .box902, .box100{ margin:0 auto;}
.box40{ width:40%; max-width:400px;}
.box50{ width:50%; max-width:500px;}
.box60{ width:60%; max-width:600px;}
.box70{ width:70%; max-width:700px;}
.box80{ width:80%; max-width:800px;}
.box90{ width:90%; max-width:960px;}
.box901{ width:90%; max-width:1100px;}
.box902{ width:90%; max-width:1200px;}
.box100{ width:100%; max-width:none;}
/* eof boxes */

/* Heights */
.y-short{ max-height:25vh;}
.y-medium{ max-height:50vh;}
.y-tall{ max-height:75vh;}
.y-full{ max-height:100vh;}
.h-05{ height:5rem;}
.h-10{ height:10rem;}
.h-15{ height:15rem;}
.h-20{ height:20rem;}
.h-25{ height:25rem;}
.h-30{ height:30rem;}
.h-35{ height:35rem;}
.h-40{ height:40rem;}
.h-45{ height:45rem;}
.h-50{ height:50rem;}
/* eof heights */

/* Position */
/* x values */
.topleft, .topcentre, .topright{ top:0;}
.middleleft, .middlecentre, .middleright{ top:50%;}
.bottomleft, .bottomcentre, .bottomright{ bottom:0; top:auto;}
/* y values */
.topleft, .middleleft, .bottomleft{ left:0; text-align:left;}
.topcentre, .middlecentre, .bottomcentre{ margin-left:auto; margin-right:auto; text-align:center;}
.topright, .middleright, .bottomright{ right:0; text-align:right;}
/* Text values */
.top-left{ position:absolute; top:1rem; left:1.5rem;}
.top-centre{ position:absolute; top:1.5rem; left:50%; transform:translate(-50%, 0);}
.top-right{ position:absolute; top:1.5rem; right:2rem;}
.middle-left{ position:absolute; left:2rem; top:50%; transform:translate(0, -50%);}
.middle-centre{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.middle-right{ position:absolute; right:2rem; top:50%; transform:translate(0, -50%);}
.bottom-left{ position:absolute; bottom:1rem; left:1.5rem;}
.bottom-centre{ position:absolute; bottom:1rem; left:50%; transform:translate(-50%, 0);}
.bottom-right{ position:absolute; bottom:1rem; right:1.5rem;}
/* eof position */

/* Text Shadows */
/* Tight */
.shadow-text0{ text-shadow:2px 2px 4px rgba(51,51,51,0.9); -webkit-text-shadow:2px 2px 4px rgba(51,51,51,0.9); -moz-text-shadow:2px 2px 4px rgba(51,51,51,0.9);}
/* Light */
.shadow-text1{ text-shadow:2px 2px 4px rgba(51,51,51,0.4); -webkit-text-shadow:2px 2px 4px rgba(51,51,51,0.4); -moz-text-shadow:2px 2px 4px rgba(51,51,51,0.4);}
/* Heavy */
.shadow-text2{ text-shadow:4px 4px 4px rgba(51,51,51,0.5); -webkit-text-shadow:4px 4px 4px rgba(51,51,51,0.5); -moz-text-shadow:4px 4px 4px rgba(51,51,51,0.5);}
/* Bottom shadow only */
.shadow-text3{ text-shadow:0 1px 0 rgba(51,51,51,0.5); -webkit-text-shadow:0 1px 0 rgba(51,51,51,0.5); -moz-text-shadow:0 1px 0 rgba(51,51,51,0.5);}
/* Glow */
.shadow-text4{ text-shadow:0px 0px 3px rgba(51,51,51,0.7); -webkit-text-shadow:0px 0px 3px rgba(51,51,51,0.7); -moz-text-shadow:0px 0px 3px rgba(51,51,51,0.7);}
/* Outline and shadow */
.shadow-text5{ text-shadow:-1px 0 rgba(51,51,51,1), 0 1px rgba(51,51,51,1), 1px 0 rgba(51,51,51,1), 0 -1px rgba(51,51,51,1), 2px 2px 2px rgba(51,51,51,0.5); -webkit-text-shadow:-1px 0 rgba(51,51,51,1), 0 1px rgba(51,51,51,1), 1px 0 rgba(51,51,51,1), 0 -1px rgba(51,51,51,1), 2px 2px 2px rgba(51,51,51,0.5); -moz-text-shadow:-1px 0 rgba(51,51,51,1), 0 1px rgba(51,51,51,1), 1px 0 rgba(51,51,51,1), 0 -1px rgba(51,51,51,1), 2px 2px 2px rgba(51,51,51,0.5);}
/* Press */
.st-01{text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
/* Inset */
.st-02{text-shadow: #e0e0e0 1px 1px 0;}
/* Floating */
.st-03{text-shadow: 2px 1px 2px #474747;}
/* Flame */
.st-04{text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;}
/* Carve */
.st-05{ -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; text-shadow: 0px 3px 3px rgba(255,255,255,0.5);}
.st00{ text-shadow:none;}
.st01{ text-shadow:#333333 1px 1px 0; -webkit-text-shadow:#333333 1px 1px 0; -moz-text-shadow:#333333 1px 1px 0;}
.st02{ text-shadow:4px 4px 4px rgba(51,51,51,0.5); -webkit-text-shadow:4px 4px 4px rgba(51,51,51,0.5); -moz-text-shadow:4px 4px 4px rgba(51,51,51,0.5);}
.st03{ text-shadow:0px 0px 5px rgba(51,51,51,0.7); -webkit-text-shadow:0px 0px 5px rgba(51,51,51,0.7); -moz-text-shadow:0px 0px 5px rgba(51,51,51,0.7);}
.st04{ text-shadow:0px 0px 10px rgba(51,51,51,0.7); -webkit-text-shadow:0px 0px 10px rgba(51,51,51,0.7); -moz-text-shadow:0px 0px 10px rgba(51,51,51,0.7);}
.st05{ text-shadow:-1px 0 rgba(51,51,51,1), 0 1px rgba(51,51,51,1), 1px 0 rgba(51,51,51,1), 0 -1px rgba(51,51,51,1), 0 0 5px rgba(51,51,51,0.5); -webkit-text-shadow:-1px 0 rgba(51,51,51,1), 0 1px rgba(51,51,51,1), 1px 0 rgba(51,51,51,1), 0 -1px rgba(51,51,51,1), 0 0 5px rgba(51,51,51,0.5); -moz-text-shadow:-1px 0 rgba(51,51,51,1), 0 1px rgba(51,51,51,1), 1px 0 rgba(51,51,51,1), 0 -1px rgba(51,51,51,1), 0 0 5px rgba(51,51,51,0.5);}
.st06{text-shadow:-1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); -webkit-text-shadow:-1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); -moz-text-shadow:-1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
.st07{ text-shadow:#ffffff 1px 1px 0; -webkit-text-shadow:#ffffff 1px 1px 0; -moz-text-shadow:#ffffff 1px 1px 0;}
.st08{text-shadow:2px 1px 2px #474747; -webkit-text-shadow:2px 1px 2px #474747; -moz-text-shadow:2px 1px 2px #474747;}
.st09{text-shadow:0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00; -webkit-text-shadow:0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00; -moz-text-shadow:0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;}
.st10{text-shadow:#333333 1px 1px 0; -webkit-text-shadow:#333333 1px 1px 0; -moz-text-shadow:#333333 1px 1px 0;}
.st11{ text-shadow:0px 0px 5px rgba(255,255,255,0.5); -webkit-text-shadow:0px 0px 5px rgba(255,255,255,0.5); -moz-text-shadow:0px 0px 5px rgba(255,255,255,0.5);}
.st12{ text-shadow:0px 0px 10px rgba(255,255,255,0.5); -webkit-text-shadow:0px 0px 10px rgba(255,255,255,0.5); -moz-text-shadow:0px 0px 10px rgba(255,255,255,0.5);}

/* eof Text Shadows */

/* Container Shadows */
/* Light */
.shadow-box1{ box-shadow:5px 5px 5px rgba(51,51,51,0.4); -moz-box-shadow:5px 5px 5px rgba(51,51,51,0.4); -webkit-box-shadow:5px 5px 5px rgba(51,51,51,0.4);}
/* Heavy */
.shadow-box2{ box-shadow:8px 8px 8px rgba(51,51,51,0.4); -moz-box-shadow:8px 8px 8px rgba(51,51,51,0.4); -webkit-box-shadow:8px 8px 8px rgba(51,51,51,0.4);}
/* Bottom only */
.shadow-box3{ box-shadow:0 10px 6px -6px rgba(51,51,51,0.4); -moz-box-shadow:0 10px 6px -6px rgba(51,51,51,0.4); -webkit-box-shadow:0 10px 6px -6px rgba(51,51,51,0.4);}
/* Card */
.shadow-box4{ box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
/* Outline */
.shadow-box5{ box-shadow:5px 5px 5px 5px rgba(51,51,51,0.4); -moz-box-shadow:5px 5px 5px 5px rgba(51,51,51,0.4); -webkit-box-shadow:5px 5px 5px 5px rgba(51,51,51,0.4);}
/* Audio Player */
.shadow-box6{ box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
/* CPTs */
.shadow-box7{ box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 16px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 16px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 16px 0 rgba(0, 0, 0, 0.4);}
.sb7{ box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 16px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 16px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 16px 0 rgba(0, 0, 0, 0.4);}
.sb8, .sb-08{ box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19);}
/* sb-01 */
.sb-01{box-shadow: inset 0 0 3rem rgba(51, 51, 51, 0.2), 2px 2px 8px -4px rgba(0, 51, 0, 0.5), 2px 3px 16px 0 rgba(204, 204, 204, 0.8), -1px -1px 2px 0 rgba(0, 51, 0, 0.8);  -moz-box-shadow: inset 0 0 3rem rgba(51, 51, 51, 0.2), 2px 2px 8px -4px rgba(0, 51, 0, 0.5), 2px 3px 16px 0 rgba(204, 204, 204, 0.8), -1px -1px 2px 0 rgba(0, 51, 0, 0.8); -webkit-box-shadow: inset 0 0 3rem rgba(51, 51, 51, 0.2), 2px 2px 8px -4px rgba(0, 51, 0, 0.5), 2px 3px 16px 0 rgba(204, 204, 204, 0.8), -1px -1px 2px 0 rgba(0, 51, 0, 0.8);}		  
/* sb-02 */
.sb-02{ box-shadow:inset 0 0 3rem rgba(51, 51, 51, 0.2), 1px 3px 6px -3px rgba(0, 0, 0, 0.2), 0 4px 12px -4px rgba(0, 0, 0, 0.19); -moz-box-shadow:inset 0 0 3rem rgba(51, 51, 51, 0.2), 1px 3px 6px -3px rgba(0, 0, 0, 0.2), 0 4px 12px -4px rgba(0, 0, 0, 0.19); -webkit-box-shadow:inset 0 0 3rem rgba(51, 51, 51, 0.2), 1px 3px 6px -3px rgba(0, 0, 0, 0.2), 0 4px 12px -4px rgba(0, 0, 0, 0.19);}
/* sb-03 */
.sb-03{ box-shadow:inset 0 0 3rem rgba(51, 51, 51, 0.2), 3px 6px 12px -6px rgba(0, 0, 0, 0.4), 3px 8px 16px -8px rgba(0, 0, 0, 0.4); -moz-box-shadow:inset 0 0 3rem rgba(51, 51, 51, 0.2), 3px 6px 12px -6px rgba(0, 0, 0, 0.4), 3px 8px 16px -8px rgba(0, 0, 0, 0.4); -webkit-box-shadow:inset 0 0 3rem rgba(51, 51, 51, 0.2),, 3px 6px 12px -6px rgba(0, 0, 0, 0.4), 3px 8px 16px -8px rgba(0, 0, 0, 0.4);}
/* eof Container Shadows */

/* Linear gradients */
/* grad-01 */
.grad-01{ background: rgb(255,255,255); 
background:linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 80%, rgba(200,200,200,1) 100%);}
/* grad-02 */
.grad-02{ background: rgb(255,255,255); 
background:linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(240,240,240,0.7) 50%, rgba(225,225,225,0.9) 100%);}
/* grad-03 */
.grad-03{ background: rgb(255,255,255); 
background:linear-gradient(135deg, rgba(255,255,255,0.7) 0%, rgba(250,250,250,0.7) 80%, rgba(230,230,230,0.7) 100%);}
/* grad-04 */
.grad-04{ background: rgb(255,255,255); 
background:linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0.8) 100%);}
/* grad-05 */
.grad-05{ background: rgb(0,102,0); 
background:linear-gradient(135deg, rgba(0,51,0,0.8) 0%, rgba(0,51,0,0.7) 80%, rgba(0,51,0,0.8) 100%);}
/* grad-06 */
.grad-06{ background: rgb(255,255,255); 
background:linear-gradient(135deg, rgba(255,255,255,0.6) 0%, rgba(250,250,250,0.7) 80%, rgba(230,230,230,0.6) 100%);}
/* grad-07 */
.grad-07{ background: rgb(255,255,255); 
background:linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(250,250,250,0.5) 80%, rgba(230,230,230,0.3) 100%);}
.mg-01{background:linear-gradient(0deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-02{background:linear-gradient(45deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-03{background:linear-gradient(90deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-04{background:linear-gradient(135deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-05{background:linear-gradient(180deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-06{background:linear-gradient(225deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-07{background:linear-gradient(270deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-08{background:linear-gradient(315deg, rgba(000,000,000,0) 50%, rgba(000,000,000,0.5) 100%);}
.mg-09{background:radial-gradient(rgba(000,000,000,0) 0%, rgba(000,000,000,0.1) 60%, rgba(000,000,000,0.5) 100%);}
.mg-10{background:radial-gradient(rgba(000,000,000,0.5) 0%, rgba(000,000,000,0.1) 30%, rgba(000,000,000,0) 100%);}
/* eof Linear gradients */

/* Backgrounds with gradients */
/* Plain White NO gradient */
.bg-grad-01{ background-color:rgba(255, 255, 255, 0.9);}
/* Plain green NO gradient */
.bg-grad-02{ background-color:#040;}
/* Vibrant aboriginal symbols NO gradient */
.bg-grad-03{ background:url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* Vibrant aboriginal symbols with gradient */
.bg-grad-04{ background:linear-gradient(135deg, rgba(204, 204, 204, 0.1), rgba(204, 204, 204, 0.3) 50%, rgba(204, 204, 204, 0.1)), url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* Pastel aboriginal symbols NO gradient */
.bg-grad-05{ background:url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* Pastel aboriginal symbols with gradient */
.bg-grad-06{ background:linear-gradient(135deg, rgba(204, 204, 204, 0.3), rgba(204, 204, 204, 0.5) 50%, rgba(204, 204, 204, 0.3)), url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* Green aboriginal symbols NO gradient */
.bg-grad-07{ background:url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* Green aboriginal symbols with gradient */
.bg-grad-08{ background:linear-gradient(135deg, rgba(51, 51, 51 ,0.1), rgba(51, 51, 51, 0.3) 50%, rgba(51, 51, 51, 0.1)), url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* Green aboriginal symbols with darker gradient */
.bg-grad-09, .site-footer{ background:linear-gradient(135deg, rgba(51, 51, 51 ,0.2), rgba(51, 51, 51, 0.5) 50%, rgba(51, 51, 51, 0.3)), url(); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
/* eof backgrounds with gradients */

/* Border width */
.bw0{ border-width:0;}
.border1, .bo-01, .bw1{ border-width:1px;}
.border2, .bo-02, .bw2{ border-width:2px;}
.border3, .bo-03, .bw3{ border-width:3px;}
.border4, .bo-04, .bw4{ border-width:4px;}
.border5, .bo-05, .bw5{ border-width:5px;}
.border6, .bo-06, .bw6{ border-width:6px;}
.bo-07, .bw7{ border-width:7px;}
.bo-08, .bw8{ border-width:8px;}
.bo-09, .bw9{ border-width:9px;}
.bo-10, .bw10{ border-width:10px;}
.bo-12, .bw12{ border-width:12px;}
.bo-16, .bw16{ border-width:16px;}
/* eof Border width */

/* Border Style */
.bo-solid{ border-style:solid;}
.bo-dotted{ border-style:dotted;}
.bo-dashed{ border-style:dashed;}
.bo-double{ border-style:double;}
.bo-ridge{ border-style:ridge;}
.bo-inset{ border-style:inset;}
.bo-none{ border-style:none;}
.bo-hidden{ border-style:hidden;}
/* eof Border Style */

/* Border Radius */
.br0{ border-radius:0;}
.br2{ border-radius:2px;}
.br3{ border-radius:3px;}
.br4{ border-radius:4px;}
.br5{ border-radius:5px;}
.br6{ border-radius:6px;}
.br7{ border-radius:7px;}
.br8{ border-radius:8px;}
.br9{ border-radius:9px;}
.br10{ border-radius:10px;}
.br12{ border-radius:12px;}
.br15{ border-radius:15px;}
.br16{ border-radius:16px;}
.br20{ border-radius:20px;}
.br25{ border-radius:25px;}
.br32{ border-radius:32px;}
.br48{ border-radius:48px;}
.br50{ border-radius:50%;}
/* eof Border Radius */

/* Opacity */
.opacity00{ opacity:0;}
.opacity01{ opacity:0.1;}
.opacity02{ opacity:0.2;}
.opacity03{ opacity:0.3;}
.opacity04{ opacity:0.4;}
.opacity05{ opacity:0.5;}
.opacity06{ opacity:0.6;}
.opacity07{ opacity:0.7;}
.opacity08{ opacity:0.8;}
.opacity09{ opacity:0.9;}
.opacity10{ opacity:1;}
/* eof Opacity */

/* Padding */
.pad01{ padding:0 1rem 0 1rem;}
.pad1{ padding:1rem;}
.pad2{ padding:2rem;}
.pad1000{ padding:1rem 0 0 0;}
/* eof Padding */

/* Margins */
.m0000{ margin:0;}
/* eof Margins */

/* Fade-in transition */
@keyframes fadeIn			{ from{opacity:0;} to{opacity:1;}}
@-webkit-keyframes fadeIn	{ from{opacity:0;} to{opacity:1;}}
.fade-in{ opacity:0; animation:fadeIn 2s forwards; -webkit-animation:fadeIn 2s forwards;}

@keyframes slideInTop{ 
  from{ transform:translateY(-1000px); opacity:0;} to{ transform:translateY(0); opacity:1;}}
@-webkit-keyframes slideInTop{ 
  from{-webkit-transform:translateY(-1000px); opacity:0;} to{-webkit-transform:translateY(0); opacity:1;}}
.slide-in-top{ opacity:0; animation:slideInTop 2s forwards; -webkit-animation:slideInTop 2s forwards;}

@keyframes slideInBottom{ 
  from{ transform:translateY(1000px); opacity:0;} to{ transform:translateY(0); opacity:1;}}
@-webkit-keyframes slideInBottom{ 
  from{-webkit-transform:translateY(1000px); opacity:0;} to{-webkit-transform:translateY(0); opacity:1;}}
.slide-in-bottom{ opacity:0; animation:slideInBottom 2s forwards; -webkit-animation:slideInBottom 2s forwards;}

@keyframes slideInLeft{ 
  from{ transform:translateY(-1000px); opacity:0;} to{ transform:translateY(0); opacity:1;}}
@-webkit-keyframes slideInLeft{ 
  from{-webkit-transform:translateY(-1000px); opacity:0;} to{-webkit-transform:translateY(0); opacity:1;}}
.slide-in-left{ opacity:0; animation:slideInLeft 2s forwards; -webkit-animation:slideInLeft 2s forwards;}

@keyframes slideInRight{ 
  from{ transform:translateX(1000px); opacity:0;} to{ transform:translateX(0); opacity:1;}}
@-webkit-keyframes
slideInRight{ 
  from{-webkit-transform:translateX(1000px); opacity:0;} to{-webkit-transform:translateX(0); opacity:1;}}
.slide-in-right{ opacity:0; animation:slideInRight 2s forwards; -webkit-animation:slideInRight 2s forwards;}
/* eof Fade-in transition */

/* Delays for animation */
.delay05{ animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.delay10{ animation-delay:1.0s; -webkit-animation-delay:1.0s;}
.delay15{ animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.delay20{ animation-delay:2.0s; -webkit-animation-delay:2.0s;}
.delay25{ animation-delay:2.5s; -webkit-animation-delay:2.5s;}
.delay30{ animation-delay:3.0s; -webkit-animation-delay:3.0s;}
.delay35{ animation-delay:3.5s; -webkit-animation-delay:3.5s;}
.delay40{ animation-delay:4.0s; -webkit-animation-delay:4.0s;}
.delay45{ animation-delay:4.5s; -webkit-animation-delay:4.5s;}
.delay50{ animation-delay:5.0s; -webkit-animation-delay:5.0s;}
/* eof Delays for animation */

/* Icons */
.ib0{ padding:1rem 1rem 0.5rem 1rem;}
.ib1{ padding:1rem;}
.ib2{ padding:0.2rem 0.2rem 0.1rem 0.2rem;}
.ib4{ padding:0.4rem 0.4rem 0.2rem 0.4rem;}
.ib6{ padding:0.6rem 0.6rem 0.3rem 0.6rem;}
.ib8{ padding:0.8rem 0.8rem 0.4rem 0.8rem;}
.mr0{ margin-right:0;}
.mr1{ margin-right:1rem;}
.mr2{ margin-right:1rem;}
/* eof Icons */

/* Colours */
.colour-white{ color:#ffffff;}
.colour-white-bg{ background-color:#ffffff;}
.colour-white-bo{ border-color:#ffffff;}
.colour-white-f{ fill:#ffffff; stroke:#cc0000;}
.colour-black{ color:#000000;}
.colour-black-bg{ background-color:#000000;}
.colour-black-bo{ border-color:#000000;}
.colour-black-f{ fill:#000000; stroke:#cc0000;}
.colour-charcoal{ color:#333333;}
.colour-charcoal-bg{ background-color:#333333;}
.colour-charcoal-bo{ border-color:#333333;}
.colour-charcoal-f{ fill:#333333; stroke:#cc0000;}
.colour-grey-dark{ color:#ababab;}
.colour-grey-dark-bg{ background-color:#ababab;}
.colour-grey-dark-bo{ border-color:#ababab;}
.colour-grey-dark-f{ fill:#ababab; stroke:#cc0000;}
.colour-grey-mid{ color:#cccccc;}
.colour-grey-mid-bg{ background-color:#cccccc;}
.colour-grey-mid-bo{ border-color:#cccccc;}
.colour-grey-mid-f{ fill:#cccccc; stroke:#cc0000;}
.colour-grey-light{ color:#eeeeee;}
.colour-grey-light-bg{ background-color:#eeeeee;}
.colour-grey-light-bo{ border-color:#eeeeee;}
.colour-grey-light-f{ fill:#eeeeee; stroke:#cc0000;}
.colour-red-dark{ color:#993300;}
.colour-red-dark-bg{ background-color:#993300;}
.colour-red-dark-bo{ border-color:#993300;}
.colour-red-dark-f{ fill:#993300; stroke:#cc0000;}
.colour-red-mid{ color:#cc0000;}
.colour-red-mid-bg{ background-color:#cc0000;}
.colour-red-mid-bo{ border-color:#cc0000;}
.colour-red-mid-f{ fill:#cc0000; stroke:#cc0000;}
.colour-red-light{ color:#ff0000;}
.colour-red-light-bg{ background-color:#ff0000;}
.colour-red-light-bo{ border-color:#ff0000;}
.colour-red-light-f{ fill:#ff0000; stroke:#cc0000;}
.colour-blue-dark{ color:#003366;}
.colour-blue-dark-bg{ background-color:#003366;}
.colour-blue-dark-bo{ border-color:#003366;}
.colour-blue-dark-f{ fill:#003366; stroke:#cc0000;}
.colour-blue-mid{ color:#0033ff;}
.colour-blue-mid-bg{ background-color:#0033ff;}
.colour-blue-mid-bo{ border-color:#0033ff;}
.colour-blue-mid-f{ fill:#0033ff; stroke:#cc0000;}
.colour-blue-light{ color:#00ccff;}
.colour-blue-light-bg{ background-color:#00ccff;}
.colour-blue-light-bo{ border-color:#00ccff;}
.colour-blue-light-f{ fill:#00ccff; stroke:#cc0000;}
.colour-green-darkest{ color:#003300;}
.colour-green-darkest-bg{ background-color:#003300;}
.colour-green-darkest-bo{ border-color:#003300;}
.colour-green-darkest-f{ fill:#003300; stroke:#cc0000;}
.colour-green-dark{ color:#004400;}
.colour-green-dark-bg{ background-color:#004400;}
.colour-green-dark-bo{ border-color:#004400;}
.colour-green-dark-f{ fill:#004400; stroke:#cc0000;}
.colour-green-darkish{ color:#006600;}
.colour-green-darkish-bg{ background-color:#006600;}
.colour-green-darkish-bo{ border-color:#006600;}
.colour-green-darkish-f{ fill:#006600; stroke:#cc0000;}
.colour-green-mid{ color:#669900;}
.colour-green-mid-bg{ background-color:#669900;}
.colour-green-mid-bo{ border-color:#669900;}
.colour-green-mid-f{ fill:#669900; stroke:#cc0000;}
.colour-green-light{ color:#66cc00;}
.colour-green-light-bg{ background-color:#66cc00;}
.colour-green-light-bo{ border-color:#66cc00;}
.colour-green-light-f{ fill:#66cc00; stroke:#cc0000;}
.colour-yellow-dark{ color:#ffcc00;}
.colour-yellow-dark-bg{ background-color:#ffcc00;}
.colour-yellow-dark-bo{ border-color:#ffcc00;}
.colour-yellow-dark-f{ fill:#ffcc00; stroke:#cc0000;}
.colour-yellow-mid{ color:#ffff66;}
.colour-yellow-mid-bg{ background-color:#ffff66;}
.colour-yellow-mid-bo{ border-color:#ffff66;}
.colour-yellow-mid-f{ fill:#ffff66; stroke:#cc0000;}
.colour-yellow-light{ color:#ffffcc;}
.colour-yellow-light-bg{ background-color:#ffffcc;}
.colour-yellow-light-bo{ border-color:#ffffcc;}
.colour-yellow-light-f{ fill:#ffffcc; stroke:#cc0000;}
.colour-brown-dark{ color:#663300;}
.colour-brown-dark-bg{ background-color:#663300;}
.colour-brown-dark-bo{ border-color:#663300;}
.colour-brown-dark-f{ fill:#663300; stroke:#cc0000;}
.colour-brown-mid{ color:#996600;}
.colour-brown-mid-bg{ background-color:#996600;}
.colour-brown-mid-bo{ border-color:#996600;}
.colour-brown-mid-f{ fill:#996600; stroke:#cc0000;}
.colour-brown-light{ color:#cc9900;}
.colour-brown-light-bg{ background-color:#cc9900;}
.colour-brown-light-bo{ border-color:#cc9900;}
.colour-brown-light-f{ fill:#cc9900; stroke:#cc0000;}
.colour-orange-mid{ color:#ff8900;}
.colour-orange-mid-bg{ background-color:#ff8900;}
.colour-orange-mid-bo{ border-color:#ff8900;}
.colour-orange-mid-f{ fill:#ff8900; stroke:#cc0000;}
.colour-orange-light{ color:#ff9900;}
.colour-orange-light-bg{ background-color:#ff9900;}
.colour-orange-light-bo{ border-color:#ff9900;}
.colour-orange-light-f{ fill:#ff9900; stroke:#cc0000;}
.colour-gold{ color:#d4af37;}
.colour-gold-bg{ background-color:#d4af37;}
.colour-gold-bo{ border-color:#d4af37;}
.colour-gold-f{ fill:#d4af37; stroke:#cc0000;}
.colour-copper{ color:#da8a67;}
.colour-copper-bg{ background-color:#da8a67;}
.colour-copper-bo{ border-color:#da8a67;}
.colour-copper-f{ fill:#da8a67; stroke:#cc0000;}
.colour-bronze{ color:#8d8752;}
.colour-bronze-bg{ background-color:#8d8752;}
.colour-bronze-bo{ border-color:#8d8752;}
.colour-bronze-f{ fill:#8d8752; stroke:#cc0000;}
.colour-brass{ color:#e1a84b;}
.colour-brass-bg{ background-color:#e1a84b;}
.colour-brass-bo{ border-color:#e1a84b;}
.colour-brass-f{ fill:#e1a84b; stroke:#cc0000;}
.colour-purple-dark{ color:#660099;}
.colour-purple-dark-bg{ background-color:#660099;}
.colour-purple-dark-bo{ border-color:#660099;}
.colour-purple-dark-f{ fill:#660099; stroke:#cc0000;}
.colour-purple-mid{ color:#990099;}
.colour-purple-mid-bg{ background-color:#990099;}
.colour-purple-mid-bo{ border-color:#990099;}
.colour-purple-mid-f{ fill:#990099; stroke:#cc0000;}
.colour-pink-mid{ color:#ff66ff;}
.colour-pink-mid-bg{ background-color:#ff66ff;}
.colour-pink-mid-bo{ border-color:#ff66ff;}
.colour-pink-mid-f{ fill:#ff66ff; stroke:#cc0000;}
.colour-pink-light{ color:#ff99ff;}
.colour-pink-light-bg{ background-color:#ff99ff;}
.colour-pink-light-bo{ border-color:#ff99ff;}
.colour-pink-light-f{ fill:#ff99ff; stroke:#cc0000;}
/* eof Colours */

/* eof Theme and plugin code */

/* Lightbox */
body:after { content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url (images/next.png); display:none;}
body.lb-disable-scrolling{ overflow:hidden;}
.lightboxOverlay{ position:absolute; top:0; left:0; z-index:9999; background-color:black; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8; display:none;}
.lightbox{ position:absolute; left:0; width:100%; z-index:10000; text-align:center; line-height:0; font-weight:normal;}
.lightbox .lb-image{ display:block; height:auto; max-width:inherit; border-radius:3px;}
.lightbox a img{ border:none;}
.lb-outerContainer{ position:relative; background-color:white; *zoom:1; width:250px; height:250px; margin:0 auto; border-radius:4px;}
.lb-outerContainer:after{ content:""; display:table; clear:both;}
.lb-container{ padding:4px;}
.lb-loader{ position:absolute; top:43%; left:0; height:25%; width:100%; text-align:center; line-height:0;}
.lb-cancel{ display:block; width:32px; height:32px; margin:0 auto; background:url(images/loading.gif) no-repeat;}
.lb-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
.lb-container > .nav{ left:0;}
.lb-nav a{ outline:none; background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next{ height:100%; cursor:pointer; display:block;}
.lb-nav a.lb-prev{ width:34%; left:0; float:left; background:url(images/prev.png) left 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -webkit-transition:opacity 0.6s; -moz-transition:opacity 0.6s; -o-transition:opacity 0.6s; transition:opacity 0.6s;}
.lb-nav a.lb-prev:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;}
.lb-nav a.lb-next{ width:64%; right:0; float:right; background:url(images/next.png) right 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -webkit-transition:opacity 0.6s; -moz-transition:opacity 0.6s; -o-transition:opacity 0.6s; transition:opacity 0.6s;}
.lb-nav a.lb-next:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;}
.lb-dataContainer{ margin:0 auto; padding-top:5px; *zoom:1; width:100%; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.lb-dataContainer:after{ content:""; display:table; clear:both;}
.lb-data{ padding:0 4px; color:#ccc;}
.lb-data .lb-details{ width:85%; float:left; text-align:left; line-height:1.1em;}
.lb-data .lb-caption{ font-size:13px; font-weight:bold; line-height:1em;}
.lb-data .lb-number{ display:block; clear:left; padding-bottom:1em; font-size:12px; color:#999999;}
.lb-data .lb-close{ display:block; float:right; width:30px; height:30px; background:url(images/close.png) top right no-repeat; text-align:right; outline:none; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:0.7; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s;}
.lb-data .lb-close:hover{ cursor:pointer; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;}
/* eof Lightbox */

/* Media Queries */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width:1200px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width:992px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width:768px) {
.site-search{ display:none;}
.page-template-template-homepage .entry-content, .page-template-template-homepage .site-content .col-full, .page-template-template-copperman .entry-content, .page-template-template-copperman .site-content .col-full, .single-articles .site-content .col-full, .page-template-template-resource .site-content .col-full{ max-width:100%; padding:0 0!important; margin:0 0!important;}
.page-template-template-copperman .content-area, .page-template-template-resource .content-area, .content-area{ width:100%; margin:0; border:0; padding:0;}
.page-template-template-copperman .site, .page-template-template-resource .site{ margin:0;}
.hentry .entry-header{ margin-bottom:0; border:0;}
.storefront-breadcrumb, .storefront-sorting, .site-branding{ margin-bottom:0;}
.site-header{ padding-top:0.5em;}
.main-navigation ul ul li a{ width:240px;}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{ padding:0.5em 1em;}
.site-header-cart .cart-contents{ padding:0;}
ul.products.columns-3{ margin-top:2em;}
.woocommerce-tabs{ padding-top:0;}
.footer-widgets{ padding-top:1em; border-bottom:1px solid ;}
} 
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width:600px) {
.card-photo{ width:50%;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width:600px) {
.card-photo{ width:100%;}
}
/* eof Media Queries */

/* CPT Styling */
/* Definitions CPT */
.text-u{ text-decoration:underline;}
.cpt-def-box{ margin:0 auto;}
.cpt-def-list{ margin:0.5rem auto;}
.cpt-display-box{ border-radius:12px; padding:1rem 2rem; width:80%; max-width:800px; background-color:rgba(255,255,255,0.3); text-align:justify; border:0.1rem solid #cccccc;}
.def-icon-right{ float:right; color:;}
.def-image-right{ float:right; width:112px; height:112px; margin:0 0 1rem 1rem;}
.cpt-display-box ul{ list-style-type:none; margin:0;}
.cpt-display-box li{ font-size:1.3rem; border:0.1rem solid #cccccc; border-radius:9px; margin:1rem 0; padding:0.5rem 1rem;}
.cpt-display-box p{ margin:0.5rem 0;}
.cpt-display-meta{ padding:0 0 1rem 0;}
.cpt-display-box hr{ margin:1.5rem 0;}
.cpt-label{ font-family:'Roboto', sans-serif; color:; font-weight:bold; font-size:2rem;}

/* Definitions pop up */
.tooltip{ position:relative; display:inline-block; border-bottom:1px dotted ;}
.tooltiptext{ visibility:hidden; width:20rem; color:#fff; text-align:justify; border-radius:0.5rem; padding:1rem; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-10rem; opacity:0; transition:opacity 0.3s;}
.tooltiptext::after{ content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}
.tooltip:hover .tooltiptext{ visibility:visible; opacity:1;}

/* Overlay */
#factsheet-overlay, #factsheet-overlay-2, #factsheet-overlay-3, #factsheet-overlay-4, #resource-overlay, #resource-overlay-2, #resource-overlay-3, #resource-overlay-4{ position:fixed; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:1000; overflow-y:scroll; cursor:pointer;}
.factsheet-content, .resource-content{ position:absolute; top:5rem; left:50%; transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}

/* Cards CPT */
/* Grid */
.card-wrapper { display:grid; grid-template-columns:repeat(10, 1fr); grid-template-rows:repeat(4, [row]auto); gap:1.2rem; max-width:1100px;}
.card-head 		{ grid-area: 1 / 1 / 2 / 11; }
.card-image 	{ grid-area: 2 / 1 / 3 / 7; }
.card-details 	{ grid-area: 2 / 7 / 3 / 11;}
.card-facts 	{ grid-area: 3 / 1 / 4 / 5; }
.card-info 		{ grid-area: 3 / 5 / 4 / 11; }
.card-extras 	{ grid-area: 4 / 1 / 5 / 11; }
/* Layout */
.card-wrapper{ padding:1.8rem 1.8rem 2.4rem 1.8rem; margin:0 auto 2rem auto;border-radius:2rem; border:0.3rem; border-style:inset; border-color:#eeeeee;}
.card-wrapper, .card-meta, .tooltiptext{ background:#006600; background:linear-gradient(135deg, rgba(102,153,0,1) 0%, rgba(0,102,0,1) 5%, rgba(0,51,0,1) 100%);}
.card-meta{ width:20rem; float:right; font-size:1.6rem; color:#ffffff; border-radius:0 1.2rem 0 85px; text-align:right; margin:-1.2rem -1.2rem 0 0; padding:0.8rem 1rem 1.2rem 0;}
.card-image img, .card-photo img{ width:100%;}
.card-info h2+h3{ border-top:0; padding-top:0;}
.card-extras .card-box{ margin-bottom:1.2rem;}
/* HTML elements */
.card-head h1{ font-size:3.6rem; margin:0; padding:0.5rem 0; text-decoration:underline; clear:left;}
.card-head p{ font-size:1.4rem; margin-top:1rem; margin-bottom:0;}
.card-image p{ font-size:1.3rem; margin-top:1rem; margin-bottom:0;}
.card-info p, .doc-content p{ font-size:1.3rem; margin-top:0.5rem; margin-bottom:0.5rem; text-align:justify;}
.card-facts p, .card-extras p{ margin-bottom:0;}
.card-details li{ line-height:1.4rem; margin-top:1rem; margin-bottom:1rem;}
.card-box h2, .doc-content h2{ margin:0; text-decoration:underline;}
.card-box h3, .doc-content h3{ margin:1rem 0 0 0;}
.card-box ul, .doc-content ul{ margin:1.2rem 0 0 0; padding:0; list-style-type:none;}
.card-box li, .doc-content li{ font-size:1.3rem;}
.card-box li i, .card-box li a i, .card-box li a:hover{ color:;}
.card-box li a i:hover, .card-box li a i.ibo:hover, .card-box li a i.ibo2:hover, .card-box li a i.ibo3:hover{ color:; border-color:;}
.card-album{ margin:2rem auto 2rem auto;}
.card-photo{ width:14rem; padding:1.2rem; display:inline-block; margin:2rem 0.5rem;}
div.card-rotate:nth-child(even){ display:inline-block; -ms-transform:rotate(7deg); -webkit-transform:rotate(7deg); transform:rotate(7deg);}
div.card-rotate:nth-child(odd){ display:inline-block; -ms-transform:rotate(-8deg); -webkit-transform:rotate(-8deg); transform:rotate(-8deg);}
p.card-caption{ padding:0.5rem 0 1rem 0;}
ul.card-articles, ul.card-activities, .card-links ul{ width:100%; margin:1rem auto 0 auto; display:block;}
.card-articles li, .card-activities li, .card-links li{ display:inline-block; padding:0 1.2rem;}
ul.card-articles{ padding:0;}
.card-articles li{ width:14rem; font-size:1.2rem;}
/* Styling */
i.ibw{ border:0.2rem solid #ffffff; border-radius:50%; padding:0.5rem; margin-right:1rem;}
i.ibo, i.ibo2, i.ibo3{ border:0.2rem solid ; border-radius:50%; }
i.ibo{ margin-right:1rem; padding:0.6rem 0.6rem 0.3rem 0.6rem;}
i.ibo2{ padding:0.8rem 0.8rem 0.4rem 0.8rem; margin-right:0;}
i.ibo3{ padding:1rem 1rem 0.5rem 1rem; margin-right:0;}
.card-box{ border-radius:1.2rem; padding:1.2rem; box-shadow: 0 4px 10px 0 rgba(204, 204, 204, 0.3), 0 6px 10px 0 rgba(204, 204, 204, 0.3); border:0.2rem; border-style:inset; border-color:#eeeeee;}
.card-photo{ border-radius:0.4rem; padding:1.2rem 1.2rem 0 1.2rem;}
.card-box, .card-head, .card-photo{background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(238,238,238,1) 75%, rgba(222,222,222,1) 100%);}
.greenh:hover{ color:#017c67; border-color:#017c67;}

/* Articles CPT */
/* Customise the scrollbar(s) */
/* width */
#doc ::-webkit-scrollbar{ width:1.2rem;}
/* Track */
#doc::-webkit-scrollbar-track{ border-radius:0.6rem; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/* Handle */
#doc ::-webkit-scrollbar-thumb{ background:; border-radius:0.6rem; box-shadow:inset 0 0 0.6rem rgb(51 51 51 / 50%), 2px 2px 0.6rem rgb(51 51 51 / 50%);}
/* Handle on hover */
#doc ::-webkit-scrollbar-thumb:hover{ background:;}

#doc h1, #doc h2, #doc h3, #doc h4, #doc h5, #doc h6, .card-head h1, .card-box h2, .card-box h3, .card-box h4, .card-box h5, .card-box h6{ font-family:'Montserrat', sans-serif; font-weight:400;}

#doc i.icon-light{ color:; background-color:; border-color:;}
#doc i.icon-dark{ color:; background-color:; border-color:;}
#doc i:hover{ color:; background-color:; border-color:;}

/* Layout */
#doc, .doc-row, .doc-inner{ display:block; text-align:center;}
#doc, .doc-row{ width:100%; margin:0; padding:0;}
.doc-row{ clear:both;}
.doc-inner{ width:90%; max-width:1200px; margin:0 auto; min-height:6rem; height:100%;}

/* HTML elements */
#doc h1{ text-decoration:underline;}
#doc .entry-header h1{ margin:3rem 0;} 
#doc ul{ list-style-type:none; text-align:left;}
/* #doc i{ font-weight:400;} */

.doc-head{ padding:2rem 2rem 0 2rem;}
.doc-top{ padding:2rem 2.4rem 0 2.4rem; border-radius:1.8rem 1.8rem 0 0; border-bottom:0;}
.doc-content, .doc-spacer, .doc-column{ padding:2rem 2.4rem 2rem 2.4rem;}
.doc-content{ border-top:0; border-bottom:0;}
.doc-toe{ padding:2rem 2.4rem 0 2.4rem; border-radius:0 0 1.8rem 1.8rem; border-top:0;}
.doc-foot{ padding:0 2rem 6rem 2rem;}

/* HTML elements */
.doc-head h1{ font-size:3.6rem; margin:0; padding:0.5rem 0;}
.doc-head p{ font-size:1.6rem; margin-top:1rem; margin-bottom:0; padding-bottom:1.5rem;}
.doc-foot h2{ font-size:2.8rem; margin:0; padding:0.5rem 0; text-decoration:underline;}
.doc-foot p{ font-size:1.3rem; margin-top:1rem; margin-bottom:0; padding-bottom:1.5rem;}

#article.wrap{ width:100%; height:600px; display:table;}
#article h1{ display:table-cell; vertical-align:middle; text-align:center; color:#fff;}

/* Doc Sidenav slide out markers */
ul.doc-sidenav{ margin:0; position:absolute;}
.doc-sidenav li{ position:absolute; left:-18.7rem; padding:0.2rem 0.2rem 0.2rem 3rem; width:24rem; text-decoration:none; border-radius:0 3.4rem 3.4rem 0; display:table; border:0.2rem; border-style:inset;border-color:#eeeeee;  background:#eeeeee; background: radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(238,238,238,1) 75%, rgba(222,222,222,1) 100%); transition: left 1s;}
.doc-sidenav li:hover{ left:0; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,0.8) 40%, rgba(238,238,238,0.8) 75%, rgba(222,222,222,0.8) 100%);}
.doc-sidenav i{ display:table-cell; width:4rem;}
.doc-sidenav .sidenav-s{ font-size:1.4rem; display:table-cell; vertical-align:middle;}
.doc-sidenav .sidenav-1{ top:0.5rem;}
.doc-sidenav .sidenav-2{ top:5.8rem;}
.doc-sidenav .sidenav-3{ top:11.1rem;}
.doc-sidenav .sidenav-4{ top:16.4rem;}

/* Go to top button */
#cmGtt{ display:none; position:fixed; bottom:20px; right:30px; z-index:99; cursor:pointer; font-weight:400;}
#cmGtt:hover{ color:#ffffff; background-color:#ff8900;}

.hsp{}
.hsp-wrap{ max-width:50rem; margin:0 auto; padding:1rem;}

/* Hide the storefront breadcrumb - DELETE the following code once site is set up */
.site-main{ margin-bottom:0;}
.storefront-breadcrumb, .woocommerce-breadcrumb{ visibility:hidden !important; padding:0 !important; height:0px !important;
}
#doc .edit-link{ display:none;}
.hentry{ margin-bottom:0;}