@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 /* @import url('https://j4.makdev.us/media/templates/site/cassiopeia/css/template.css'); */
:root {
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;<strong></strong>
  --primary: #e30613;
  --secondary: #015b86;
  --success: #015b86;
  --info: #606060;
  --warning: #e30613;
  --danger: #e30613;
  --font-sans-serif: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --body-font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial,  sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--product-font-family: Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --body-font-size: 1rem;
  --body-font-weight: 300;
  --body-line-height: 1.4;
  --text-small: .8em;
	--font-weight-multiplier: .85;
	--body-color: #606060;
  --body-bg: white;
  --mak-red: #e30613;
  --mak-red-highlight: #ca0510;
  --mak-light-red: #e73542;
  --mak-blue: #4282c8;
  --mak-light-blue: #84cafa;
  --mak-green: #72a64e;
  --mak-yellow: #cfb500;
  --mak-light-yellow: #e1d47d;
  --mak-orange: #ef8b00;
  --mak-brown: #95866e;
  --true-black: #000000;
  --true-black-transparent: #000000ee;
  --mak-black: #1d1d1d;
  --mak-black-transparent: #1d1d1dee;
	--mak-dark-grey: #333333;
  --mak-dark-grey-shadow: #252525;
  --mak-dark-grey-transparent: #333333ee;
  --mak-neutral-grey: #606060;
  --mak-neutral-shadow: #cdcdcd;
  --mak-neutral-grey-transparent: #606060ee;
  --mak-light-grey: #e6e6e6;
  --mak-light-grey-shadow: #cdcdcd;
  --mak-light-grey-transparent: #e6e6e6ee;
  --mak-white: #ffffff;
  --mak-white-shadow: #f2f2f0;
  --mak-white-transparent: #ffffffee;
}
/* MAK Army Colors 
  --mak-black: #221f20;
  --mak-black-transparent: #22af20ee;
	--mak-dark-grey: #2f372f;
  --mak-dark-grey-shadow: #203520;
  --mak-dark-grey-transparent: #2f372fee;
  --mak-neutral-grey: #727365;
  --mak-neutral-shadow: #cdcdad;
  --mak-neutral-grey-transparent: #727365ee;
  --mak-light-grey: #f1e4c7;
  --mak-light-grey-shadow: #cdcdcd;
  --mak-light-grey-transparent: #f1e4c7ee;
  --mak-white: #ffffff;
  --mak-white-shadow: #f2f2f0;
  --mak-white-transparent: #ffffffee;
End MAK Army Colors */	


*,
*::before,
*::after {
  box-sizing: border-box;
}

/*** MAK Styled Cursors 
body {
	cursor: url('/images/mak/layout/mak-pointer_off.svg'), auto; 
}
a {
	cursor: url('/images/mak/layout/mak-pointer_on.svg'), auto;
}
.btn:not(:disabled):not(.disabled) {
	cursor: url('/images/mak/layout/mak-pointer_on.svg'), auto;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
	cursor: url('/images/mak/layout/mak-pointer_on.svg'), auto;
}
MAK Styled Cursors ***/


/*** MAK Defaults ***/
p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: var(--mak-dark);	
  font-family: var(--body-font-family);
  margin: 0px 0px .5em 0px;
  padding: 0px;
}
h1, .h1 {
  font-size: 2.5em;
  font-weight: 300;
  border: none;
}
h2, .h2 {
  font-size: 2em;
  font-weight: 300;
}
h3, .h3 {
  font-size: 1.5em;
  font-weight: 300;
}
h4, .h4 {
  font-size: 1.25em;
  font-weight: 300;
}
p, .p {
  font-size: 1.1em;
  font-weight: 300;
}
p.small {
  font-size: .8em;
  font-weight: 300;
}
a, a:visited { 
	color: var(--mak-red); 
	font-weight: 300;
	text-decoration: none!important;
}
a:hover, a:active { 
	color: var(--mak-red); 
	text-decoration: underline!important;
}
.button {
	border: none;
	border-radius: 3px;
	padding: .8em 1.2em;
	text-align: center;
	background: inherit;
	color: inherit;
	font-weight: inherit;
	display: block;
	margin-top: 2em;
}

.xx-button {
	border: none;
	border-radius: 3px;
	padding: .8em 1.2em;
	text-align: center;
	background: inherit;
	color: inherit;
	font-weight: inherit;
}
.xx-button, .xx-button:visited { 
	background-color: #3d3d3d;
	color: var(--mak-white); 
	box-shadow: 0px 0px 3px 0px var(--mak-dark-grey-shadow);	
}
.xx-button:hover, .xx-button:active { 
	box-shadow: 0px 0px 4px 2px var(--mak-light-grey-shadow);	
	text-decoration: none !important;
}
#cookiesck_options {
background: #ced4da url(/plugins/system/cookiesck/assets/consent.svg) center center no-repeat;
background-size: 80% auto;
}
#cookiesck { z-index: 99999; }
.choices__button_joomla {
  background: transparent!important;
  color: var(--mak-red);
  text-decoration: underline;
}
/*** MAK Colors ***/
.mak .true-black {
	background-color: var(--true-black);
}
.mak .black {
	background-color: var(--mak-black);
}
.mak .black.trans {
	background-color: var(--mak-black-transparent);
}
.mak .black h2, .mak .black h3, .mak .black h4, .mak .black p, .mak .black li {
	color: var(--mak-light-grey);	
}
.mak .black a, .mak .black a:visited { 
	color: var(--mak-yellow); 
}
.mak .black a.button, .mak .black a.button:visited { 
	background-color: var(--mak-light-grey);
	color: var(--mak-red); 
}

.mak .dark {
	background-color: var(--mak-dark-grey);
}
.mak .dark.trans {
	background-color: var(--mak-dark-grey-transparent);
}
.mak .dark h2, .mak .dark h3, .mak .dark h4, .mak .dark p, .mak .dark li {
	color: var(--mak-light-grey);	
}
.mak .dark a, .mak .dark a:visited { 
	color: var(--mak-light-yellow); 
}
.mak .dark a.button, .mak .dark a.button:visited, .mak .dark .buttonck { 
	background-color: #3d3d3d;
	color: var(--mak-white); 
	box-shadow: 0px 0px 3px 0px var(--mak-dark-grey-shadow);	
}
.mak .dark a.button:hover, .mak .dark a.button:active, .mak .dark .buttonck:hover { 
	box-shadow: 0px 0px 4px 2px var(--mak-light-grey-shadow);	
	text-decoration: none !important;
}

.mak .neutral {
	background-color: var(--mak-neutral-grey);
}
.mak .neutral.trans {
	background-color: var(--mak-neutral-grey-transparent);
}
.mak .neutral h2, .mak .neutral h3, .mak .neutral h4, .mak .neutral p, .mak .neutral li {
	color: var(--mak-white);	
}
.mak .neutral a, .mak .neutral a:visited { 
	color: var(--mak-yellow); 
}
a.neutral {
	color:#284F62;
}
.mak .neutral a.button, .mak .neutral a.button:visited { 
	background-color: #707070;
	color: var(--mak-white); 
	box-shadow: 0px 0px 1px 0px var(--mak-light-grey-shadow);	
}
.mak .neutral a.button:hover, .mak .neutral a.button:active { 
	box-shadow: 0px 0px 4px 2px var(--mak-light-grey-shadow);	
	text-decoration: none !important;
}

.mak .light {
	background-color: var(--mak-light-grey);
}
.mak .light.trans {
	background-color: var(--mak-light-grey-transparent);
}
.mak .light h2, .mak .light h3, .mak .light h4, .mak .light p, .mak .light li {
	color: var(--mak-black);	
}
.mak .light a, .mak .light a:visited { 
	color: var(--mak-red); 
}
.mak .products.light a, .mak .products.light a:visited {
	color: var(--mak-dark-grey);
}
.mak .products.light a:hover {
	color: var(--mak-red);
}
.mak .light a.button, .mak .light a.button:visited { 
	background-color: var(--mak-dark-grey);
	color: var(--mak-light-grey); 
}

.mak .white {
	background-color: var(--mak-white);
}
.mak .white.trans {
	background-color: var(--mak-white-transparent);
}
.mak .white h2, .mak .white h3, .mak .white h4, .mak .white p, .mak .white li {
	color: var(--mak-dark-grey);	
}
.mak .white a, .mak .white a:visited { 
	color: var(--mak-red); 
}
.mak .white a.button, .mak .white a.button:visited { 
	background-color: var(--mak-red);
	color: var(--mak-white); 
	box-shadow: 0px 0px 1px 0px var(--mak-light-grey);
	font-weight: 600;
}
.mak .white a.button:hover, .mak .white a.button:active { 
	background-color: var(--mak-red-highlight);
	box-shadow: 0px 0px 4px 2px var(--mak-light-grey);	
	text-decoration: none !important;
}

/*** Page Header ***/
.brand-logo img { 
max-width: 220px;
}
.container-header {
  position: relative;
  z-index: 10;
  background-color: white;
  background-image: none;
  box-shadow: none;
}
.btn-primary {
  background-color: var(--mak-red);
}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
   color: var(--mak-red);
}

/*** Sign In Forms ***/
.btn.plg_system_webauthn_login_button, 
.btn.btn-secondary.w-100.plg_system_webauthn_login_button {
  color: #606060;
    background: transparent;
    float: right;
    position: relative;
    width: auto!important;
}
a.list-group-item {
  border: none!important;
  padding: auto;
}

/*** PHP 8 Layout Corrections **/
div#maximenuck110 ul.maximenuck:after {
clear: none; 
}
div#maximenuck110.maximenuckh ul.maximenuck li.level1.parent > a {
 padding: 6px;
}

/*** Row Styling - section sizes ***/
#maincenter > .inner {
	padding: 0px;
	padding-top: 0px;
}


.normal #maincenter > .inner, 
.normal #wrapper1 > .inner, 
.normal #wrapper2 > .inner,
#wrapper1 > .inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
}
.wide #maincenter > .inner, 
.wide #wrapper1 > .inner, 
.wide #wrapper2 > .inner {
  max-width: 85%;
  margin: 0 auto;
  padding: 0;
}

.rowck > .inner {
    max-width: 1140px;
    margin: 0 auto;
}
.mak .narrow > .inner {
	max-width: 960px;
	margin: 0 auto;
}
.com_users #maincontent > .inner, .com_content #login-form-132, .pageid-74 #maincenter > .inner, .error-page #maincenter > .inner {
	max-width: 960px;
	margin: 0 auto;
}
.mak .normal > .inner {
	max-width: 1140px;
	margin: 0 auto;
}
.mak .wide > .inner {
	max-width: 85%;
	margin: 0 auto;
}
.mak .full > .inner {
	max-width: 100%;
	margin: 0 auto;
}
.mak .centered {
	text-align: center;
}

/** used for spacing sections of multiple rows  **/
.mak .alternate {
	padding: 30px 0;
}
.mak .stack {
	padding: 30px 0;
}
.mak .stack.tight {
	padding: 2px 0;
}

#footerwrapper {
  background-color: var(--mak-dark-grey);
}
#footerwrapper > .inner {
  max-width: 1140px;
  margin: 0 auto;
  border-top: none;
}


/*********** Section Styling ***************/
.mak .spacer {
	padding-top: 2em;
	padding-bottom: 2em;
}

/** A simple Section - no head or foot elements **/
.mak .simple > .inner {
	padding-top: 2em;   
	padding-bottom: 2em;   
}

/** Title Section **/
.mak .title > .inner {
	padding-top: 0em;   
	padding-bottom: 0em;   
}
.mak .title h1 {
  font-family: var(--product-font-family);
	font-size: 5em;	
	font-weight: 400;
	margin: 0;
}
.mak .title h2 {
	font-size: 2em;	
	font-weight: 400;
	line-height: 1.2;
}
.mak .title h3 {
	font-size: 1.25em;	
	font-weight: 400;
	line-height: 1.2;
}
.mak .title p {
	font-size: 1em;	
	line-height: 1.2;
	margin: 0px;
	padding: 0px 20px;
}
.mak .title li {
	font-size: 1.5em;	
	font-weight: 400;
}
.mak .title-foot {
	padding-top: 2em;
	padding-bottom: 2em;
}

/** Intro Section **/
.mak .intro-head > .inner {
	padding-top: 0;
	padding-bottom: 0;
} 
.mak .intro > .inner {
	padding-top: 2em;   
	padding-bottom: 2em;   
}

/** In-page Navigation Bar Section **/

.mak .navbar {
	padding-top: 1.4em;
	padding-bottom: 1.4em;
	text-align: center;
	display: block; 
	font-size: 1.2em;
	color: var(--mak-dark-grey)!important;
	background-color: var(--mak-light-grey)!important;
}
.mak .navbar.sticky {
	margin-top: 0px;
	position: sticky!important;
	z-index: 9999;	
	width: 100%
}
.mak .navbar a {
	color: #717174!important;
	font-weight: 300!important;
	font-size: 17.7px!important;
	font-family: "Roboto"!important;
}
.mak .navbar a:hover{
	color: #ee242e!important;
	font-weight: 300!important;
	text-decoration: none!important;
}
.mak .navbar p {
	margin: 0;
}

/** Message Section **/
.mak .message-head > .inner {
	padding-top: 3em;
	padding-bottom: 1em;
} 
.mak .message > .inner {
	padding-top: 3em;   
}
.mak .message > .inner > div:nth-child(2) {
	padding-left:2%;   
}
.mak .message-foot > .inner{
	padding-top: 3em;
	padding-bottom: 3em;
} 

/** Tech-Savvy Section **/
.mak .tech-savvy-head > .inner {
	padding-top: 3em;
	padding-bottom: 1em;
} 
.mak .tech-savvy > .inner {
	padding-top: 3em;   
}
.mak .tech-savvy-foot > .inner{
	padding-top: 3em;
	padding-bottom: 3em;
} 

/** Products Section **/
.mak .products-head > .inner {
	padding-top: 3em;
	padding-bottom: 1em;
} 
.mak .products-head h2 {
	font-weight: 400;
}
.mak .products > .inner {
	padding-top: 1em;   
}

.mak .products h3, {
	font-size: 1.2em;
	font-weight: 500;
	margin-top: 0.3em;
	margin-bottom: 0.1em;
	border-bottom:1px solid #CCC; 
	padding-bottom:3px;
	margin-right: 122px;
}
.mak .products p {
	margin: 0 0 0.2em 0;
	padding-left: 1.6em;
}
.mak .products ul {
	padding-top: 0; 
	padding-left: 0.6em;
	list-style: none;
}
.mak .products ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--mak-neutral-grey);
	font-size: 1.2em;
	font-weight: normal; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1.0em; /* Also needed for space (tweak if needed) */
}
.mak .products img {
	margin-right: .4em;
}
.mak .products-foot > .inner {
	padding-top: 3em;
	padding-bottom: 3em;
} 

/** Feature Section **/
.mak .feature-head > .inner {
	padding-top: 1em;
	padding-bottom: 1em;
} 
.mak .feature > .inner {
	padding-top: 1em;   
}
.mak .feature > .inner > div:nth-child(2) {
	padding-left:2%;   
	padding-right:2%;   
}
.mak .feature > .inner > div:nth-child(4) {
	padding-left:2%;   
}
.mak .feature-foot > .inner {
	padding-top: 3em;
	padding-bottom: 3em;
} 
.mak .feature li {
	list-style-image: url(/images/mak/layout/feature-bullet.svg);
	list-style-type: circle;
}
.mak .feature.light li {
	list-style-image: url(/images/mak/layout/feature-bullet-light.svg);
	list-style-type: circle;
}
.mak .feature.white li {
	list-style-image: url(/images/mak/layout/feature-bullet-white.svg);
	list-style-type: circle;
}
.mak .feature li::marker {
	font-size: 3em;
}
.mak .feature-foot a.button {
	margin-left: 20%;
	margin-right: 20%;
	background-color: var(--mak-yellow)!important;
	color: var(--mak-dark-grey)!important;
	font-size: 1.5em
}

/** Topic Section **/
.mak .topic-head > .inner {
	padding-top: 3em;
	padding-bottom: 1em;
} 
.mak .topic > .inner {
	padding-top: 3em;   
}
.mak .topic-foot > .inner {
	padding-top: 3em;
	padding-bottom: 3em;
} 
/** Resources Section **/
.mak .resources-head {
	padding-top: 3em;
}
.mak .resources-foot {
	padding-bottom: 3em;
} 

/** User Profile **/
.com-users-profile {
padding-top: 60px;
}
.com-users-profile__core dt, com-users-profile__core dl, 
.com-users-profile__custom users-profile-custom-fields-1 dt, .com-users-profile__custom users-profile-custom-fields-1 dl {
  font-family: "Roboto";
  font-size: 1.1em;
  padding-bottom: 1%;
}
fieldset#users-profile-custom, 
fieldset#users-profile-custom-actionlogs, 
fieldset#users-profile-custom-webauthn, 
fieldset#users-profile-custom-joomlatoken {
  display: none!important;
}
.com-users-profile a.btn.btn-primary {
  color: #fff;
}
/*********** Block Styling ***************/
/*** Rounded Block ***/
.mak .rounded-block {
	border-radius: 5px;
	padding: 0.5em;
	margin: 1em auto;
}
.mak .rounded-block ul li {
	font-weight: 500;
	font-size: 1.2em;	
	line-height: 1.2em;
}

/*** Button Block ***/
/* javascrip operates on button-block classes to make the whole block into a link */ 
.mak .button-block {
	border-radius: 3px;
	padding: 0.5em;
	margin: 1em auto;
	border: none;
	box-shadow: 0px 0px 6px 0px var(--mak-dark-grey-shadow);
	/* cursor: pointer; */
}
.mak .black.button-block {
	border: none;
	box-shadow: 0px 0px 6px 0px var(--mak-dark-grey-shadow);	
}
.mak .black.button-block:hover {
	box-shadow: 0px 0px 6px 0px var(--mak-light-grey-shadow);		
}
.mak .light.button-block {
	border: none;
	box-shadow: 1px 1px 3px 2px var(--mak-neutral-shadow);	
}
.mak .light.button-block:hover {
	box-shadow: 0px 0px 4px 0px var(--mak-dark-grey-shadow);		
}
.mak .button-block .wrap-h2 {
	height: 3em;
	line-height: 3em;	
}
.mak .button-block .wrap-p {
	height: 2.5em;
	line-height: 2.5em;
}
.mak .button-block img {	
	display: block;
	margin: 0px auto 0px ;
	height: 70px;
}
.mak .button-block h2 {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	padding-bottom: 0.2em;
	font-size: 1.2em;	
	font-weight: 700;
}
.mak .button-block p {
	font-size: .8em;	
	font-weight: 700;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 10px;
}
.mak .button-block a {
	display: none;
	margin: 0;
	padding: 0;
}

/*** Resource Block ***/
.mak .resource-block {
	border-radius: 3px;
	padding: 0.5em;
	margin: 1em auto;
}
.mak .white .resource-block {
	border: 1px solid #e0e0e0;
	box-shadow: 0px 0px 6px 0px var(--mak-light-grey);	
}

.mak .resource-block .wrap-h2 {
	height: 7em;
	line-height: 7em;	
}
.mak .resource-block .wrap-p {
	height: 3.5em;
	line-height: 3.5em;
}
.mak .resource-block .wrap-a {
	height: 3em;
	line-height: 3em;
}
.mak .resource-block img {	
	display: block;
	margin: 20px auto 0px ;
	height: 70px;
}.mak .resource-block h2 {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
}
.mak .resource-block h3 {
	line-height: 3em;
}
.mak .resource-block p {
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 10px;
}
.mak .resource-block a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	padding: 5px 13px;
}

/** Hero Tiles **/
.mak .hero img {	
	display: block;
	margin: 5% auto;
	width: 100%;
}
.mak .hero .wrap-h2 {
	height: 7em;
	line-height: 7em;	
}
.mak .hero h2 {
	font-size: 5em;	
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
}
.mak .hero h3 {
	font-size: 3em;	
	line-height: 1.3;
}
.mak .hero .wrap-p {
	height: 5em;
	line-height: 5em;
}
.mak .hero p {
	font-size: 2em;	
	line-height: 1.2;
	margin: 0px;
	padding: 0px 20px;
}
.mak .hero a {
	color: var(--mak-red);
	display: block;
	border-radius: 2px;
	margin: 20px 20%;
	padding: 5px 13px;
	vertical-align: bottom;
}


/** Icon Block **/
.mak .icon-block {
	border-radius: 3px;
	padding: 0.5em;
	margin: 1em auto;
}
.mak .white .icon-block {
	border: 1px solid #e0e0e0;
	box-shadow: 1px 1px 1px 1px var(--mak-white-shadow);	
}
.mak .icon-block img {	
	display: block;
	margin: 20px auto 10px;
	height: 70px;
}
.mak .icon-block .wrap-h2 {
	height: 7em;
	line-height: 7em;	
}
.mak .icon-block h2 {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
}
.mak .icon-block h3 {
	line-height: 1.2;
}
.mak .icon-block .wrap-p {
	height: 5em;
	line-height: 5em;
}
.mak .icon-block p {
	font-size: .8em;	
	line-height: 1.2;
	margin: 0px;
	padding: 0px 20px;
}
.mak .icon-block a {
	color: var(--mak-red);
	display: block;
	border-radius: 2px;
	margin: 20px 20%;
	padding: 5px 13px;
	vertical-align: bottom;
}

/** Icon Block B **/
.mak .icon-block-b {
	border-radius: 3px;
	padding: 0.5em;
	margin: 1em auto;
}
.mak .white .icon-block-b {
	border: 1px solid #e0e0e0;
	box-shadow: 1px 1px 1px 1px var(--mak-white-shadow);	
}
.mak .icon-block-b img {	
	display: block;
	margin: 0px auto 0px;
	height: 70px;
}
.mak .icon-block-b .wrap-h2 {
	height: 7em;
	line-height: 7em;	
}
.mak .icon-block-b h2 {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	font-size: 26px;
}
.mak .icon-block-b h3 {
	line-height: 1.2;
}
.mak .icon-block-b .wrap-p {
	height: 7em;
	line-height: 5em;
}
.mak .icon-block-b p {
	font-size: .8em;	
	line-height: 1.2;
	margin: 0px;
	padding: 0px 20px;
}
.mak .icon-block-b a {
	color: var(--mak-red);
	display: block;
	border-radius: 2px;
	margin: 20px 20%;
	padding: 5px 13px;
	vertical-align: bottom;
}


/** Info Block **/
.mak .info-block, .mak .image-block {
	border-radius: 3px;
	padding: 0.5em;
	margin: 1em auto;
}
.mak .white .info-block {
	border: 1px solid #e0e0e0;
	box-shadow: 1px 1px 1px 1px var(--mak-white-shadow);	
}

.mak .info-block img {	
	display: block;
	margin: 20px auto 10px;
	height: 70px;
}
.mak .image-block img {	
	display: block;
	margin: 20px auto 10px;
	width: 100%;
}
.mak .info-block .wrap-h2 {
	height: 5em;
	line-height: 5em;	
}
.mak .image-block .wrap-h2 {
	height: 3em;
	line-height: 3em;	
}
.mak .info-block h2, .mak .image-block .h2 {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
}
.mak .info-block h3, .mak .image-block h3 {
	line-height: 1.2;
}
.mak .info-block .wrap-p {
	height: 9em;
	line-height: 9em;
}
.mak .info-block p, .mak .image-block p {
	font-size: .8em;	
	line-height: 1.2;
	margin: 0px;
	padding: 0px 20px;
}
.mak .info-block a, .mak .image-block a {
	color: var(--mak-red);
	display: block;
	border-radius: 2px;
	margin: 20px 20%;
	padding: 5px 13px;
	vertical-align: bottom;
}


/** Product Icons **/
.mak .title h1 img, .mak .title h2 img, .mak .title h3 img, .mak .products h1 img, .mak .products h2 img, .mak .products h3 img {
	width: 1em;
	height: 1em;
	margin-right: .2em;
	margin-bottom: .2em; 
}

/** Image Tiles **/
.mak .image.tile img {	
	display: block;
	margin: 0px auto;
	width: 100%;
}


.mak .spacer1 {	height: 1em; }
.mak .spacer2 {	height: 2em; }
.mak .spacer3 {	height: 3em; }
.mak .spacer4 {	height: 4em; }
.mak .spacer5 {	height: 5em; }



/*** Support Pages Styles ***/
.support-listing p {
  line-height: 1.2em;
  margin: 0.0em;
  padding: 0.1em;
}
.support-listing h2 {
  margin-top: 1em;
}
.support-listing h3 {
  line-height: 1.2em;
  margin-top: 0.4em;
}

/*** Product Version Tables ***/
table.mak-table {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-top: 1px solid var(--mak-neutral-grey);
	border-left: 1px solid var(--mak-neutral-grey);
}
table.mak-table td {
	padding: 10px;
	border-bottom: 1px solid var(--mak-neutral-grey);
	border-right: 1px solid var(--mak-neutral-grey);
}
table.mak-table tr td {
	background: var(--mak-light-grey);
}
table.mak-table tr.mt-white td {
	background: var(--mak-white);
}
table.mak-table td p {
	margin: 0;
}

.mak.fa-links a::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.mak.fa-links.play .block {
	padding-left: 1.0em;
}
.mak.fa-links.play a::before {
	content: "\f04b";
	font-weight: 700; 
	font-family: "Font Awesome 5 free"; 
	font-size: .4em;
	vertical-align: middle;
	margin-right: .6em;
	margin-left: -1.4em;
}

/* Maximenuck Customizations */
#wrapper1 {
 box-shadow: 1px 1px 1px var(--mak-red);
}
div#maximenuck110 ul.maximenuck {
 max-width: 1140px;
 width: 100vw;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
 background: transparent;
}
#menu ul.maximenuck li.maximenucklogo {
 float:left;
 display: inline;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
 line-height: 100px;
 display: inline-flex!important;
  justify-content: space-evenly;
  flex-wrap:nowrap;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level2, 
div#maximenuck110 ul.maximenuck li.maximenuck.level3 {
 line-height: 21px;
}
div#maximenuck110 ul.maximenuck li.maximenuck.parent.level1:hover, 
div#maximenuck110 ul.maximenuck li.maximenuck.parent.level1:active {
    color: #717174;
	background:url("/modules/mod_maximenuck/themes/makstyle/images/chosen.png");
	background-size: 40px 18px;
	background-repeat: no-repeat;
	background-position: 50px 64px;
	z-index: 1000000;
	border: none!important;
	}
div#maximenuck110 ul.maximenuck li.maximenuck.parent.level1:hover a, 
div#maximenuck110 ul.maximenuck li.maximenuck.parent.level1:active a, 
div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover a, 
div#maximenuck110 ul.maximenuck li.maximenuck.level1:active a {
	text-decoration: none!important;
}	
div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover, 
div#maximenuck110 ul.maximenuck li.maximenuck.level1:active {
  background: transparent;
  	text-decoration: none;
	border: none!important;
}	
#mobilemenuck-1-wrap, #menu ul.mod-menu.mod-list.nav.mobile {
display: none;   /* hide mobile menu on other devices */
}

/* custom mak-one header */
div#maximenuck110 ul li.maximenuck img.menu-header {
	max-width: 100%;
  margin-top: 0px;	
  border-radius: 3px;
}
div#maximenuck110 ul li.maximenuck img.menu-header:hover {
	border: solid;
	border-color: var(--mak-red); 
}

/*** Page Header Animation ***/
#wrapper1 {
	position: sticky;
	top: 0;
	width: 100%;
  height: 100px;
  z-index: 99999;
	background: #fff;
	transition: 0s;
	background-color: var(--mak-light-grey);
}
#wrapper2 {
/* margin-top: 100px; */
}
/* Edge needs a 4px offset */
@supports (-ms-ime-align:auto) {
#wrapper2 {
margin-top: 96px;
 }
}
/* Minimal styling for breadcrumb */ 
.breadcrumb { background-color: transparent; }
.mod-breadcrumbs li { font-size: 0.9rem;}

/*** Footer Styling ***/
/** Footer Styling **/
#footmodules {
	padding-top: 2em;
}

/* Connect area of footer */
.footer-connect p, .footer-connect h2, .footer-connect h3 {
	color: var(--mak-white);
}
.footer-connect h2 {
	font-size: 1.2em;	
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 1em;
}
.footer-connect h3 {
	font-size: 1em;	
	font-weight: 300;
	margin-top: 0;
	margin-bottom: .5em;
	line-height: .7em;
}
.footer-connect p {
	font-size: .8em;
	font-weight: 300;
	line-height: 1.0;
}
.footer-connect .button, .footer-connect input.btn {
  border: none;
  background: var(--mak-light-grey);
  color: var(--mak-dark-grey);
  padding: 10px;
  text-align: center;
	font-size: 1em;
	font-weight: 400;
	margin-top: 0.2em;
	margin-bottom: 1.3em;
}

/* Contact area of footer */
.footer-contact p, .footer-contact h2, .footer-contact h3, .footer-contact a {
	color: var(--mak-white);
}
.footer-contact h2 {
	font-size: 1.2em;	
	font-weight: 400;
	padding-left: 36px;
	margin-top: 0;
	margin-bottom: 1em;
}
.footer-contact h3 {
	font-size: 1em;	
	font-weight: 400;
	margin-top: 0;
	margin-bottom: .5em;
}
.footer-contact h4 {
	font-size: .8em;	
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0.5em;
}
.footer-contact p {
	font-size: .8em;
	font-weight: 300;
	line-height: 1.0;
	margin: 0;
}
.footer-contact .col {
	margin-left: 20px;
  padding-right: 0;
  flex-basis: 100px;
}
.footer-contact .button, .footer-contact input.btn {
  border: none;
  background: var(--mak-red);
  color: var(--mak-light-grey);
  padding: 10px;
  text-align: center;
	font-size: 1em;
	font-weight: 400;
	margin-top: 2.5em;
	margin-bottom: 2em;
}
.footer-contact p.menu-items {
	text-align: center;
	font-size: .7em;
	font-weight: 300;
}
.footer-contact p.menu-items, .footer-contact p.menu-items a {
  color: var(--mak-light-grey);
}



/** Styles used on Customer Successes page **/
product.logo img {
	float: left;
	height: 40px!important;
	margin-right: 10px;
	border:none;
}

element.style {
}

[data-rlta-element=heading] > img {
	width: 100px!important;
	height: auto!important;
	padding-right: 1em;
}

/*** Downloads page ***/
.downloads caption, .downloads select, .downloads p, .downloads h3 {
	color: var(--mak-black);
	font-weight: 400;
	caption-side: top;
}
.downloads select {
	border-radius: 8px;
}

/*** For the MAK Live Events page ***/
.live {
	font-family: "Noto Sans", sans-serif;
	margin-bottom: 2em;
}
.live img {
	max-width: 100%;
}
.live img.experience {
	margin-top: 22px;
	max: 220px;
}
.live h1 {
	display: none;
}
.live h2 {
	font-size: 2.0rem;
}
.live h3 {
	font-size: 1.0rem;
	line-height: 1.5;	
}
.live p {
	font-size: 1.0rem;	
}
.live p.days {
	font-style: italic;	
}
.live .register p {
	margin: 0;
}
.live .register a {
	color: #fff;
}

.live .register .now {
	font-weight: 800;
}

.live div.bio {
	padding-top: 10px;
}
.live .bio p {
	margin: 0;
}
.live .bio p.intro {
	font-style: oblique;	
	padding-bottom: 10px;
}
.live .bio p.name {
	font-style: oblique;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px;
}
.live .bio p.title {
	font-style: oblique;	
}
.live .bio p.bio {
	font-style: oblique;	
}

.live.row {
	margin-left: 0px;
	margin-right: 0px;
}
/* Height adjustment for login error page */
.com_users #maincontent > .inner, 
.com_content #login-form-132, 
.pageid-74 #maincenter > .inner, 
.error-page #maincenter > .inner  {
 	padding-top: 90px;
}

/** Adjust the spacing between the sub menus (was 35px) **/
div#maximenuck110 ul li span.titreck {
  margin-left: 20px;
}
div#maximenuck110 ul li ul li span.titreck {
  margin-left: 35px;
}
div#maximenuck110 ul li span.descck {
  margin-left: 35px;
}

/** Drop maximenu MAK ONE image on short screens **/
@media screen and (max-height: 831px) {
	img.menu-header {
		display: none;
	}
}

/** Countdown timer on MAK Live Events page **/
#cntdwn155 {
	text-align: center;
}

/** Styles for sliding elements in from the Left and Right when they enter the bottom of the page. Uses .js code to add the .visible class when the elements intersect the viewport **/


.slide-in-left {
  opacity: 0;
  transform: translateX(-100px);
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
.slide-in-right {
  opacity: 0;
  transform: translateX(100px);
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
.slide-in-bottom {
  opacity: 0;
  transform: translateY(100px);
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
.slide-in-top {
  opacity: 0;
  transform: translateY(-100px);
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

.slide-in-left.visible, .slide-in-right.visible, .slide-in-bottom.visible, .slide-in-top.visible {
  opacity: 1;
  transform: translateX(0);
} 

/** CSS-only animation for slide in/out  *//
/**
@keyframes animate-in-and-out-vt {
  entry 0%  {
    opacity: 0; transform: translateY(-100%);
  }
  entry 100%  {
    opacity: 1; transform: translateY(0);
  }
  exit 0% {
    opacity: 1; transform: translateY(0);
  }
  exit 100% {
    opacity: 0; transform: translateY(-100%);
  }
}
.slide-in-top {
  animation: linear animate-in-and-out-vt;
  animation-timeline: view();
}
@keyframes animate-in-and-out-vb {
  entry 0%  {
    opacity: 0; transform: translateY(100%);
  }
  entry 100%  {
    opacity: 1; transform: translateY(0);
  }
  exit 0% {
    opacity: 1; transform: translateY(0);
  }
  exit 100% {
    opacity: 0; transform: translateY(-100%);
  }
}
.slide-in-bottom {
  animation: linear animate-in-and-out-vb;
  animation-timeline: view();
}
@keyframes animate-in-and-out-hl {
  entry 0%  {
    opacity: 0; transform: translateX(-100%);
  }
  entry 100%  {
    opacity: 1; transform: translateX(0);
  }
  exit 0% {
    opacity: 1; transform: translateX(0);
  }
  exit 100% {
    opacity: 0; transform: translateX(-100%);
  }
}

.slide-in-left {
  animation: linear animate-in-and-out-hl;
  animation-timeline: view();
}
@keyframes animate-in-and-out-hr {
  entry 0%  {
    opacity: 0; transform: translateX(100%);
  }
  entry 100%  {
    opacity: 1; transform: translateX(0);
  }
  exit 0% {
    opacity: 1; transform: translateX(0);
  }
  exit 100% {
    opacity: 0; transform: translateX(100%);
  }
}
.slide-in-right {
  animation: linear animate-in-and-out-hr;
  animation-timeline: view();
}
**/
/** End CSS-only animations **/ 

/*** Hidden third sublevel menus ***/
/* Legion Capabilities */
div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck.item310 {
	display: none!important;
}


/** Mobile Styles **/
/** changed to keep desktop menus from wrapping @media screen and (max-width: 799px) { **/

@media screen and (max-width: 799px) {
html, body {
  overflow-x: hidden;
  width:100%;
  height:100%;
  margin:0; padding: 0;
  scroll-behavior: smooth;
}
 #maincontent{
   -webkit-overflow-scrolling: touch;
}
.normal #maincenter > .inner, 
.normal #wrapper1 > .inner, 
.normal #wrapper2 > .inner,
#wrapper1 > .inner,
.rowck > .inner,
.mak .narrow > .inner,
.mak .normal > .inner,
.mak .wide > .inner,
.mak .full > .inner {
	max-width: 98%;
	margin: 0 1%;
}

  #mobilemenuck-1-wrap, #menu ul.mod-menu.mod-list.nav.mobile {
    display: block;
  }
div#maximenuck110, div#maximenuck110 ul.maximenuck { display: none!important; }
 #wrapper2 {
 margin-top: 35px;
 } 
 .scrollToTop {
 display: none!important;
 }
 .footer-connect, .footright  {
 display: block;
 width: 100%;
 margin: 2% auto;
 text-align: center;
 clear: both;
 }
 .footright img, .footer-contact input.btn  {
 	max-width: 175px;
 	float: none!important;
 	margin: 0 auto;
 }
 .footer-contact .col {
 flex-basis: 150px;
 padding-top: 15px;
 }
  .footer-contact .col.text-center {
  flex-basis: 100px!important;
  max-width: 100%;
  display: block;
  } 
.footer-contact h2 {
 margin-bottom: 0;
 margin-top: 10px;
 }
}

/*** Tilted Monitors ***/
.tilted .row {
	position: relative;
	min-height: 475px; 
}
.tilted .monitor {
	position: relative;
	z-index: 1;
	top: 0px;
	right: 0px;
}.tilted .right-float {
	position: relative; /* needed so contents can be absolute */
	float: right;
	right: -90px;
}
.tilted .left-float {
	position: relative;  /* used in overview pages */
	float: left;
	left: -90px;
}
.tilted .right-tilt {
	position: absolute;
	z-index: 3;
	top: -2px;
	right: -104px;
	-moz-transform: perspective(374px) scale(0.51, 0.8) skewX(-2.8deg) skewY(1.3deg) rotateX(-1deg) rotateY(-13.7deg);
	-moz-transform: perspective(925px) scale(0.50, 0.61) skewX(-27.0deg) skewY(12.0deg) rotateX(1deg) rotateY(-40.0deg) rotateZ(-14.5deg);
	-ms-transform: perspective(925px) scale(0.50, 0.61) skewX(-27.0deg) skewY(12.0deg) rotateX(1deg) rotateY(-40.0deg) rotateZ(-14.5deg);
	-webkit-transform: perspective(925px) scale(0.50, 0.61) skewX(-27.0deg) skewY(12.0deg) rotateX(1deg) rotateY(-40.0deg) rotateZ(-14.5deg);
	transform: perspective(925px) scale(0.50, 0.61) skewX(-27.0deg) skewY(12.0deg) rotateX(1deg) rotateY(-40.0deg) rotateZ(-14.5deg);
	border: 1px solid #2e2e2e;
}
.tilted .left-tilt {
	position: absolute;
	z-index: 3;
	top: 2px;
	left: -104px;
	-moz-transform: perspective(925px) scale(0.50, 0.61) skewX(27.0deg) skewY(-12.0deg) rotateX(1deg) rotateY(40.0deg) rotateZ(14.5deg);
	-ms-transform: perspective(925px) scale(0.50, 0.61) skewX(27.0deg) skewY(-12.0deg) rotateX(1deg) rotateY(40.0deg) rotateZ(14.5deg);
	-webkit-transform: perspective(925px) scale(0.50, 0.61) skewX(27.0deg) skewY(-12.0deg) rotateX(1deg) rotateY(40.0deg) rotateZ(14.5deg);
	transform: perspective(925px) scale(0.50, 0.61) skewX(27.0deg) skewY(-12.0deg) rotateX(1deg) rotateY(40.0deg) rotateZ(14.5deg);

	border: 1px solid #2e2e2e;
}
/*** End Tilted ***/

@media only screen and (max-width: 650px) {
	#introtext .right-tilt {
		position: relative;
		z-index: 3;
		top: 0px;
		right: 0px;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		border: none;
	}
	#introtext .left-tilt {
		position: relative;
		z-index: 3;
		top: 0px;
		right: 0px;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		border: none;
	}
}
/*** Dogs For Vets Pages ***/
.dogs-for-vets-header h2 {
	line-height: 1.1;
	font-size:2em;
}
.dogs-for-vets-header h3 {
	line-height: 1.1;
	font-size:1em;
}

.dogs-for-vets-header p {
	line-height: 1.1;
	font-size:20px;
}

/* Hides the check box to add administrative fees, because MAK covers those */
.dogs-for-vets p {
	line-height: 1.2;
}
.dogs-for-vets .side-callout h2 {
	font-size: 24px;
	line-height: 1.2;
}
.dogs-for-vets .side-callout p {
	font-size: 16px;
	line-height: 1.2;
}
.dogs-for-vets .side-callout .button {
	background-color: var(--mak-light-grey);
	color: var(--mak-green);
	font-size: 24px;
	font-weight: 700;
}
.dogs-for-vets .side-callout .button:hover {
	background-color: var(--mak-green);
	color: #ffffff;
}
.eshop-container .eshop-info-block a, .eshop-container .eshop-info-block a:hover {
	font-size: 24px;
	color: #333333;
	text-decoration: none!important;
	cursor: pointer!important;
}

.eshop-container .eshop-title {
	display: none;
}
.eshop-container .form-control {
	display: inline;
}
.eshop-container .input-group-prepend {
	display: inherit;
}
.eshop-container div.eshop-buttons p {
	display: none;
}
.eshop-container .d-none {
	display: none !important;
}
#eshop-main-container .page-header {
	display: none !important;
}
#eshop-main-container .col-lg-4 .img-thumbnail  {
	display: none !important;
}
.eshop-container .btn {
	background-color: var(--mak-neutral-grey);
}
.eshop-container .button-minus, .eshop-container .button-plus {
	background-color: var(--mak-light-grey);
	color: var(--mak-dark-grey);
	height: 35px;
}
.eshop-container .eshop-quantity-value {
	color: var(--mak-dark-grey);
	text-align: center;
}
#cboxContent .btn {
	background-color: var(--mak-dark-grey);
	color: var(--mak-light-grey);
}
#cboxContent .btn:hover {
	background-color: var(--mak-blue);
}
div#give-lively-widget div.form-check.mt-2.mb-2 {
	display: none;
}
/** Sponsor page **/
.dfv div {
	background-color: var(--mak-blue);
}
.dfv .col {
	padding: 1%;
}
.dfv .rounded img {
	border-radius: 10px;
}
/*** End: Dogs for Vets pages ***/
.mre H2 {
	padding: .5em 0 .5em 0;
}
.mre H3 {
	padding: 0 0 0 0;
}
.mre .contact p {
	padding: 0em 0 0em 0;
}
/*** MAK Knowledge Base pages***/
.knowledge-base.narrow .maincenter > .inner {
	max-width: 960px;
	margin: 0 auto;
}

.confluenceTable, .table-wrap {
    margin: 10px 0 0 0;
    overflow-x: auto;
}
.confluenceTable {
    border-collapse: collapse;
}
.confluenceTable:first-child, .table-wrap:first-child {
    margin-top: 0;
}
table.confluenceTable th.confluenceTh {
    font-weight: bold;
}

table.confluenceTable th.confluenceTh {
    background-color: #F4F5F7;
}
.confluenceTable .confluenceTh, .confluenceTable .confluenceTd {
    min-width: 8px;
}
.confluenceTh, .confluenceTd {
    border: 1px solid #C1C7D0;
    padding: 7px 10px;
    vertical-align: top;
    text-align: left;
    min-width: 8px;
}

/*** End: MAK Knowledge Base pages ***/

/******** End MAK Styles ********/