/*
Theme Name: Pixelated Commerce for: HARK DESIGN
Theme URI: https://harkdesign.com/wp-content/themes/harkdesign_2024r0/
Version: 1.0
Description: Build for Hark Design.
Author: Pixelated Commerce
Author URI: hhttps://pixelatedcommerce.com
Framework Support: Pixelated Commerce
template: bb-theme
*/

body {background-color:#ffffff;}


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


/* CALL FONTS VIA ASSET SERVER
*********************/
/* inter-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Inter100';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/assets/fonts/inter/inter-v13-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
       
@font-face {
  font-display: swap; 
  font-family: 'Inter200';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-200.woff2') format('woff2'), 
         url('/wp-content/assets/fonts/inter/inter-v13-latin-200.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter300';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-300.woff2') format('woff2'), 
         url('/wp-content/assets/fonts/inter/inter-v13-latin-300.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-regular.woff2') format('woff2'),
       url('/wp-content/assets/fonts/inter/inter-v13-latin-regular.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter500';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-500.woff2') format('woff2'), 
         url('/wp-content/assets/fonts/inter/inter-v13-latin-500.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter600';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-600.woff2') format('woff2'),
       url('/wp-content/assets/fonts/inter/inter-v13-latin-600.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter700';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-700.woff2') format('woff2'),
       url('/wp-content/assets/fonts/inter/inter-v13-latin-700.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter800';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-800.woff2') format('woff2'),
       url('/wp-content/assets/fonts/inter/inter-v13-latin-800.ttf') format('truetype');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter900';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/assets/fonts/inter/inter-v13-latin-900.woff2') format('woff2'),
       url('/wp-content/assets/fonts/inter/inter-v13-latin-900.ttf') format('truetype');
}


/* SCROLL TO TOP
********************************************************************************************/
#fl-to-top {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 0.3rem;
	background-image: url(/wp-content/assets/img/up-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	width:50px;
	height:50px;
	margin-bottom:1rem;
}

.fa-chevron-up:before {
	content: none !important;
	}

/* 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-family: 'Inter', sans-serif;}

span {}

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

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

@media (min-width: 1025px) { 
	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 (min-width: 768px) and (max width 1024) { 
	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) { 
	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;}
	}


/* BASE TEXT SETTINGS
*******************************************************************************************/

.inter100 p, .inter100 h1, .inter100 h2, .inter100 h3, .inter100 h4, .inter100 h5, .inter100 h6 {font-family: 'Inter100', sans-serif;}

.inter200 p, .inter200 h1, .inter200 h2, .inter200 h3, .inter200 h4, .inter200 h5, .inter200 h6 {font-family: 'Inter200', sans-serif;}

.inter300 p, .inter300 h1, .inter300 h2, .inter300 h3, .inter300 h4, .inter300 h5, .inter300 h6 {font-family: 'Inter300', sans-serif;}

.inter500 p, .inter500 h1, .inter500 h2, .inter500 h3, .inter500 h4, .inter500 h5, .inter500 h6 {font-family: 'Inter500', sans-serif;}

.inter700 p, .inter700 h1, .inter700 h2, .inter700 h3, .inter700 h4, .inter700 h5, .inter700 h6 {font-family: 'Inter700', sans-serif;}

.inter800 p, .inter800 h1, .inter800 h2, .inter800 h3, .inter800 h4, .inter800 h5, .inter800 h6 {font-family: 'Inter800', sans-serif;}

.inter900 p, .inter900 h1, .inter900 h2, .inter900 h3, .inter900 h4, .inter900 h5, .inter900 h6 {font-family: 'Inter900', sans-serif;}


p { font-size: 1.9rem; font-family: 'Inter', sans-serif;}


	
	
a {
	color:#23282b;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	color:#59c2bb;
	}

img a { border-bottom: none;}

i, em {}

strong {}
	

/* LIST SETTINGS
*******************************************************************************************/
	
ul {
	list-style-type: disc !important;
	/*list-style-type: circle !important;*/
	/*list-style-type: square !important;*/
	list-style-position: outside;
	list-style-image: none;
	margin-top: 2.5rem;
	margin-right:5rem;
	margin-bottom: 3rem;
	}

li {
	font-size: 1.75rem;
	}

li a {color:#23282b;}

li a:hover {color:#59c2bb;}

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

/* SVG CONTROL
*******************************************************************************************/	
.icon_35, icon_35 a {
	width: 35px;
    height: auto;
    margin: 0 auto;
    stroke-width: .1rem;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke: none;
    fill: #ffffff;}

.icon_35 a:hover {	
	stroke: #59c2bb !important;
	fill: #59c2bb !important;
	}

.Masthead_Header {max-width: 150px;}

.Masthead_Footer {max-width: 190px;}


/* SIDEBAR CONTROL
*******************************************************************************************/	
#Sidebar_Fixed {  
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
}

/* WP EDITOR TEXT SETTINGS
*******************************************************************************************/	
#Editor_Styles h1, #Editor_Styles h2, #Editor_Styles h3, #Editor_Styles h4, #Editor_Styles h5 {
	margin: 25px 0px 20px 0px
	}



/* CUSTOM PLUGIN CSS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

/* RECOLOUR CRITICAL BB EDIT BUTTONS */

[data-action="discard"] {
    background: none;
    color: #CE3F40!important;
}

[data-action="discard"]:after {
    content: "\00a0 changes ×";
}

[data-action="discard"]:hover{
	background: #CE3F40!important;
}

[data-action="publish"] {
    background: #059669!important;
}

[data-action="publish"]:hover {
    background: #047857!important;
}

.fl-builder-publish-actions >.fl-builder-button-group {
    gap: 4px;
}

.fl-builder-button-group > .fl-builder-button {
    border-radius: 3px!important;
}