/*
Theme Name: ARM Update 2021
Theme URI: https://arm.uk.com
Description: An updated template for ARM
Author: Orphans
Author URI: https://orphans.co.uk
Template: twentytwenty
Version: 1.0
*/

/* Utilities */
.mb-0 {
	margin-bottom: 0 !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.my-0,
.my-0 figure {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mb-2 {
	margin-bottom: 2rem !important;
}

.py-2 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

/* General & Typography */
body {
	background: #fff;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Arial, sans-serif;
}

@supports ( font-variation-settings: normal ) {
	body {
		font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Arial, sans-serif;
	}
}

body a {
	color: #ff9900;
}

h1,
.heading-size-1,
h2,
.heading-size-2,
h3,
.heading-size-3,
h4,
.heading-size-4,
h5,
.heading-size-5 {
	font-family: 'Roboto', sans-serif;
	letter-spacing: normal;
	font-weight: 500;
}

h1,
.heading-size-1 {
	font-size: 6rem;
	font-weight: 800;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 3rem;
}

h3,
.heading-size-3 {
	font-size: 2.8rem;
}

h4,
.heading-size-4 {
	font-size: 2.4rem;
}

h5,
.heading-size-5 {
	font-size: 2.1rem;
}

h6,
.heading-size-6 {
	font-size: 1.6rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

@supports ( font-variation-settings: normal ) {
	input,
	textarea,
	button,
	.button,
	.faux-button,
	.faux-button.more-link,
	.wp-block-button__link,
	.wp-block-file__button,
	.has-drop-cap:not(:focus)::first-letter,
	.entry-content .wp-block-archives,
	.entry-content .wp-block-categories,
	.entry-content .wp-block-latest-posts,
	.entry-content .wp-block-latest-comments,
	.entry-content .wp-block-cover-image p,
	.entry-content .wp-block-pullquote,
	.entry-content cite,
	.entry-content figcaption,
	.entry-content table,
	.entry-content address,
	.entry-content .wp-caption-text,
	.entry-content .wp-block-file,
	.widget-content cite,
	.widget-content figcaption,
	.widget-content .wp-caption-text {
		font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Arial, sans-serif;
	}
}
@supports ( font-variation-settings: normal ) {

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		font-family: 'Roboto', sans-serif;
	}
}

ul,
ol {
	margin-left: 1rem;
}

ul li::marker {
	color: #ff9900;
}

ul.ticks {
	margin-left: 0;
	list-style: none !important;
}

ul.ticks li {
	margin-left: 0;
	padding: 0 0 2rem 3rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff9900' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 6px;
	background-size: 20px 20px;
}

ul.ticks li:last-child {
	padding-bottom: 0;
}

/* Header and Navigation */
#site-header {
	background: #fff;
	box-shadow: 0px 11px 17px -8px rgb(0 0 0 / 15%);
	position: sticky;
	top: 0;
	z-index: 99;
}

body.admin-bar #site-header {
	top: 32px;
}

#site-header .header-inner {
	max-width: 120rem;
	width: calc(100% - 4rem);
}

#site-header .custom-logo {
	max-height: 50px;
}

#site-header a:hover,
#site-header li.current-menu-item > a,
#site-header li.current-menu-ancestor > a {
	color: #ff9900;
}

.primary-menu ul {
	width: 20rem;
	min-width: 20rem;
	max-width: 30rem;
}

.primary-menu #menu-item-112 ul {
	width: 25rem;
}

.primary-menu ul li.btn a {
	border: 1px solid #ff9900;
	border-radius: 2px;
}

/* Breadcrumb */
.breadcrumb {
	background: #2c2c2c;
	color: #f7f7f7;
	padding: 10px 0;
	font-size: 85%;
	overflow: hidden;
}

.breadcrumb .section-inner {
	overflow-x: scroll;
}

.breadcrumb a {
	color: #f7f7f7;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

/* Colours */
:root .has-primary-color {
	color: #ff9900;
}
:root .has-secondary-color {
	color: #0099cc;
}
:root .has-dark-grey-color {
	color: #333333;
}
:root .has-medium-grey-color {
	color: #696969;
}
:root .has-light-grey-color {
	color: #f7f7f7;
}
:root .has-white-color {
	color: #ffffff;
}

.has-orange-opacity-lr-gradient-background {
	background: linear-gradient(90deg,rgb(255,153,0) 35%,rgba(255,153,0,0) 100%);
}
.has-orange-opacity-rl-gradient-background {
	background: linear-gradient(90deg,rgba(255,153,0,0) 0%,rgb(255,153,0) 100%);
}
.has-blue-opacity-lr-gradient-background {
	background: linear-gradient(90deg,rgb(0,153,204) 35%,rgba(0,153,204,0) 100%);
}
.has-blue-opacity-rl-gradient-background {
	background: linear-gradient(90deg,rgba(0,153,204,0) 0%,rgb(0,153,204) 100%);
}

:root .has-primary-background-color {
	background: #ff9900;
}
:root .has-secondary-background-color {
	background: #0099cc;
}
:root .has-dark-grey-background-color {
	background: #333;
}
:root .has-medium-grey-background-color {
	background: #696969;
}
:root .has-light-grey-background-color {
	background: #f7f7f7;
}

@media (max-width: 700px) {
	.has-orange-opacity-lr-gradient-background,
	.has-orange-opacity-rl-gradient-background {
		background: rgba(255,153,0,0.9);
	}
	.has-blue-opacity-lr-gradient-background,
	.has-blue-opacity-rl-gradient-background {
		background: rgba(0,153,204,0.9);
	}
}

/* Body Content */
.entry-content {
	font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Arial, sans-serif;
}
.post-inner {
	padding-top: 0;
}

[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: none;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 120rem;
}

/* Cover Block */

/* Override the margin-top given to headers in .wp-block-columns */
.entry-content .wp-block-columns h1, 
.entry-content .wp-block-columns h2, 
.entry-content .wp-block-columns h3, 
.entry-content .wp-block-columns h4, 
.entry-content .wp-block-columns h5, 
.entry-content .wp-block-columns h6 {
	margin-top: 0;
}

.entry-content .wp-block-cover.alignfull:not(.has-background) .wp-block-columns {
	padding-left: 0;
	padding-right: 0;
}

.entry-content .wp-block-cover .wp-block-column {
	margin-bottom: 0;
}

@media (max-width: 700px) {
	.entry-content .wp-block-cover,
	.entry-content .wp-block-cover .has-text-align-left {
		text-align: center;
	}
}

/* Buttons */
.wp-block-button {
	margin-top: 1rem;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	text-transform: none;
	border-radius: .5rem;
	background-color: #ff9900;
}

/* Set the default button style */
.wp-block-button__link {
	color: #fff;
	background: #ff9900;
}

/* Quotes */
.wp-block-quote {
	border-color: #ff9900;
	background: #f7f7f7;
	padding: 2rem 2rem 2rem 3rem;
	font-size: 120%;
	border-radius: 0 .5rem .5rem 0;
}

/* ARM Icon */
.arm-icon {
	width: 56px;
	height: 56px;
	border-radius: 100%;
	padding: 15px;
	display: inline-block;
	margin-bottom: 2rem;
	text-align: center;
}

.arm-icon svg path {
	fill: #fff;
}

.arm-icon svg {
	max-height: 100%;
}

.arm-icon-battery,
.arm-icon-group {
	padding-top: 17px;
}

.arm-icon.has-light-grey-background-color svg path {
	fill: #333;
}

.has-primary-background-color .arm-icon {
	background: #fff;
}
.has-primary-background-color .arm-icon svg path {
	fill: #ff9900;
}

h2.has-arm-icon {
	min-height: 56px;
	line-height: 56px;
}

h2.has-arm-icon .arm-icon {
	float: left;
	margin-right: 2rem;
}

/* Page List Shortcode */
.arm-list-pages {
	list-style: none;
}

.arm-list-pages.horizontal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.arm-list-pages.horizontal li {
	padding-right: 7px;
	padding-left: 7px;
}

.arm-list-pages li {
	padding-bottom: 7px;
	padding-top: 7px;
}

.arm-list-pages li a {
	color: #fff;
	background: #f90;
	border-radius: 5px;
	padding: 10px 15px;
	text-decoration: none;
	display: block;
	text-align: center;
}

.arm-list-pages li a:hover,
.arm-list-pages li a:active,
.arm-list-pages li a:focus {
	text-decoration: underline;
}

/* Section Card */
.section-card {
	border: 2px solid #eee;
	border-radius: .5rem;
}

.section-card img {
	border-radius: .5rem !important;
}

.section-card h2 a {
	text-decoration: none;
	color: #333;
}

.section-card h2 a:hover {
	text-decoration: underline;
}

/* Forms */
fieldset {
	margin-bottom: 3rem;
	border-color: #696969;
	border-radius: .5rem;
}

/* Footer */
#site-footer {
	padding-top: 0;
}
#site-footer .footer-body {
	background: #2c2c2c;
	text-align: center;
	color: #f7f7f7;
	padding: 35px 0;
	margin-bottom: 20px;
}

#site-footer .footer-body img {
	margin: 0 auto 20px auto;
}

#site-footer .footer-body p {
	margin: 0 auto;
	width: calc(100% - 4rem);
}

#site-footer .footer-body a {
	color: #f7f7f7;
}

#site-footer .footer-body ul.social-menu {
	justify-content: center;
	margin-top: 10px;
}

#site-footer .footer-copyright {
	font-weight: normal;
}

#site-footer .footer-copyright .pipe {
	padding: 0 10px;
}

@media (max-width: 700px) {
	#site-footer .footer-copyright .pipe {
		display: none;
	}
	#site-footer .footer-copyright strong,
	#site-footer .footer-copyright .privacy-policy-notice {
		display: block;
	}
}

.social-icons a {
	background-color: #ff9900;
}