/* Reset */

*, *::before, *::after { box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* Variables */

:root {
  --wrap-width--large: 1800px;
  --wrap-width--standard: 1560px;
  --wrap-width--small: 1050px;
  --wrap-width--tiny: 670px;
  --bl: 16px;
	--col-gap: 24px;
	--col-gap-huge: 64px;
	--col-gap-large: 40px;
	--col-gap-small: 16px;
	--ionyx-pink: #e2146a;
	--ionyx-pink-light: #ff5da0;
	--ionyx-pink-dark: #cb0859;
	--ionyx-purple: #222230;
	--ionyx-purple-dark: #10101a;
	--ionyx-green: #01edb9;
	--ionyx-green-light: #00e7c9;
	--ionyx-blue: #4194dc;
}

/* Body */

html {
	overflow-x: hidden;
}

body {
	&.page-background-colour--navy {
		background-color: var(--wp--preset--color--contrast);
	}
}

.entry-content,
header,
footer {
	margin: 0;
	padding: 0;
}

.entry-content {
	blockquote {
		margin: 0;
	}

	cite {
		font-style: normal;
	}
}

a[href="#"] {
	cursor: auto;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: var(--bl);
}

.has-heading-1-font-size,
.has-heading-2-font-size,
.has-heading-3-font-size,
.has-heading-4-font-size,
.has-heading-5-font-size,
.has-heading-6-font-size {
	line-height: 1.05;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--trade-gothic-next-lt-pro);
	a,
	.wp-block-navigation-item__label {
		line-height: 1.05;
		font-family: var(--wp--preset--font-family--trade-gothic-next-lt-pro);
	}
}

:where(.wp-site-blocks *:focus) {
	outline-width: 1px;
	outline-color: transparent;
}

/* Blocks */

body.cta-colour--beige .wp-block-group.cta-enquire { background-color: var(--wp--preset--color--accent-5)!important; }
body.cta-colour--purple .wp-block-group.cta-enquire { background-color: var(--wp--preset--color--accent-2)!important; }
body.cta-colour--green .wp-block-group.cta-enquire { background-color: var(--wp--preset--color--accent-4)!important; }

.wp-block-group.cta-enquire,
.wp-block-group.careers-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	gap: var(--bl) 0;

	.wp-block-image {
    margin-left: -30% !important;
    margin-right: -30% !important;
    width: 160%;
    max-width: none;
    margin-top: -70%;
	}

	.wp-block-image img {
		object-position: center right;
	}

	@media (min-width: 782px) {
		min-height: 800px;
		.wp-block-image {
			margin: 0!important;
	    width: 65%;
	    left: unset;
	    top: -25%;
	    min-height: 150%;
	    right: 50%;
		}
	}
}	

.wp-block-group.careers-form {
	.wp-block-image img {
		object-position: center left;
	}
	
	@media (min-width: 782px) {
		min-height: 800px;
		.wp-block-image {
	    right: unset;
	    left: 50%;
		}
	}
}

.apply-shape--true {
	clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}

.apply-shape--true--large {
	clip-path: polygon(100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%, 0 0);
}

.apply-blur--true {
	backdrop-filter: blur(15px);
}

/* Hidden */

@media (max-width: 781px) { .hide-mobile--true { display: none!important; } }
@media (min-width: 782px) and (max-width: 991px) { .hide-tablet--true { display: none!important; } }
@media (min-width: 992px) { .hide-desktop--true { display: none!important; } }

/* Shapes */

.nov-shape {
	display: inline-block;
}

/* News & Categories */

.news-list div.wp-block-posts {
	> div.wp-block-posts__single {
		@media (min-width: 992px) {
			&:nth-of-type(1) .wp-block-posts__single__image {
				height: 400px;
			}
		}

		@media (min-width: 1200px) {
			&:nth-of-type(2),
			&:nth-of-type(3) {
				flex-basis: var(--width-2-size) !important;
			}

			&:nth-of-type(4),
			&:nth-of-type(5),
			&:nth-of-type(6) {
				flex-basis: var(--width-3-size) !important;
			}
		}
	}
}

.view-all-button a {
	transition: all .3s;
	text-decoration: none;
}

/* Frontend IONYX CMS */

#wpadminbar #wp-admin-bar-wp-logo .ab-sub-wrapper {
	display: none;
}

#wpadminbar,
#wpadminbar .menupop .ab-sub-wrapper {
	background: var(--ionyx-purple-dark);
}

#wpadminbar .ab-top-menu>li.hover>.ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
	background: var(--ionyx-purple-dark);
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before {
	content: '';
	background-image: url('../../assets/images/ionyx-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    pointer-events: none;
}

@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-wp-logo>.ab-item {
		width: 46px;
	}
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon {
    margin: 0!important;
    padding: 0!important;
    width: 100%;
    margin-top: -2px;
    height: 20px;
}

#wpadminbar .ab-top-menu>li.hover>.ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
	background: var(--ionyx-purple-dark);
}

#wpadminbar .ab-top-menu>li.hover>.ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label, 
#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label, 
#wpadminbar>#wp-toolbar li.hover span.ab-label,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a, 
#wpadminbar .quicklinks .menupop ul li a:focus, 
#wpadminbar .quicklinks .menupop ul li a:focus strong, 
#wpadminbar .quicklinks .menupop ul li a:hover, 
#wpadminbar .quicklinks .menupop ul li a:hover strong, 
#wpadminbar .quicklinks .menupop.hover ul li a:focus, 
#wpadminbar .quicklinks .menupop.hover ul li a:hover, 
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, 
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, 
#wpadminbar li #adminbarsearch.adminbar-focused:before, 
#wpadminbar li .ab-item:focus .ab-icon:before, 
#wpadminbar li .ab-item:focus:before, 
#wpadminbar li a:focus .ab-icon:before, 
#wpadminbar li.hover .ab-icon:before, 
#wpadminbar li.hover .ab-item:before, 
#wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, 
#wpadminbar li:hover .ab-item:before, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#adminmenu li.menu-top:hover, 
#adminmenu li.opensub>a.menu-top, 
#adminmenu li>a.menu-top:focus,
#adminmenu li a:focus div.wp-menu-image:before, 
#adminmenu li.opensub div.wp-menu-image:before, 
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, 
#adminmenu .wp-menu-arrow, 
#adminmenu .wp-menu-arrow div, 
#adminmenu li.current a.menu-top, 
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu .wp-submenu a:focus, 
#adminmenu .wp-submenu a:hover, 
#adminmenu a:hover, 
#adminmenu li.menu-top>a:focus,
#adminmenu .current div.wp-menu-image:before, 
#adminmenu .wp-has-current-submenu div.wp-menu-image:before, 
#adminmenu a.current:hover div.wp-menu-image:before, 
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, 
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, 
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before, 
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
    color: var(--ionyx-green);
}