/*
Theme Name: Pixelated Commerce for:
Theme URI: https://www.XXXXXXX/wp-content/themes/
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Pixelated Commerce
Author URI: hhttps://www.pixleatedcommerce.com
template: bb-theme
*/

/* KILL IMAGE DRAG
*********************/
img { pointer-events: none; }

/* KILL TEXT SELECT
*********************/
.select-none {
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
body {
	font-family: 
	background-color:#ffffff;
	}


/* CALL FONTS VIA ASSET SERVER
*********************/

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://assets.maxio.co/PixCom/assets/fonts/montserrat/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://assets.maxio.co/PixCom/assets/fonts/montserrat/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://assets.maxio.co/PixCom/assets/fonts/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://assets.maxio.co/PixCom/assets/fonts/montserrat/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://assets.maxio.co/PixCom/assets/fonts/montserrat/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://assets.maxio.co/PixCom/assets/fonts/montserrat/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
	font-display: swap;
}


/* HEADER ON SCROLL IN MOBILE
********************************************************************************************/

#header-scrolling-menu {
	opacity: 1.0 !important;
	index: 10;
	position: fixed;
	width: 100%;
	z-index: 1000;
	}

#header-scrolling-menu { display:none; } 


/* SCROLL TO TOP
********************************************************************************************/
#fl-to-top {
background-color: #000;
color: #fff;
}

/* ENSURE IMAGES DISPLAY AREA IS CLICKABLE
*******************************************************************************************/

.img {
display: block;
margin-left: auto;
margin-right: auto; }

.fl-post-grid-image a, .fl-photo a {display: block;}

/* REM CONVERSIONS FOR BASE FONET SETTINGS
*******************************************************************************************/

html { font-size: 62.5%; } /*1em=1rem=10px*/

body { font-size: 1.6rem; }
span {}
h1 { font-size: 2.8rem; font-weight: bold;} 
h2 { font-size: 2.6rem; font-weight: bold;} 
h3 { font-size: 2.4rem; font-weight: bold;} 
h4 { font-size: 2.2rem; font-weight: bold;}
h5 { font-size: 1.8rem; font-weight: bold;}
h6 { font-size: 1.8rem; font-weight: bold;}

/* Customiser settings
	body = 16px
	h1 = 28px
	h2 = 26px etc.*/

table { font-size: 1.6rem; }
	
p + p { margin-top: 2.0rem;}

@media (min-width: 1400px) { 
	body { font-size: 2rem;}
	h1 { font-size: 2.8rem;}
	h2 { font-size: 2.6rem;}
	h3 { font-size: 2.4rem;}
	h4 { font-size: 2.2rem;}
	h5 { font-size: 2rem; }
	h6 { font-size: 1.8rem;}
	table { font-size: 1.6rem;}
	}

@media (max-width: 767px) { 
	body { font-size: 1.7rem; } 
	h1 { font-size: 2.4rem; }
	h2 { font-size: 2rem; }
	h3 { font-size: 1.8rem;}
	h4 { font-size: 1.6rem;}
	h5 { font-size: 1.5rem;}
	h6 { font-size: 1.4rem;} 
	}


/* BASE TEXT SETTINGS
*******************************************************************************************/
h1, h2, h3, h4, h5 {}
	
p { 
	color: #23282b;
	}
	
a {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	}

img a { border-bottom: none;}

i, em {}

strong {}
	
ul {
	list-style-type: square;
	list-style-position: outside;
	list-style-image: none;
	margin-top: 5rem;
	}

li {
	font-size: 1.5rem;
	}

li a {
	color:#23282b;
	}

li + li {
	margin-top: 1rem;
	}