/* Customization last done 09/11/2023
	Author: Brian Hogaan
Edits as reccommeneded by Zoho Corp by Steven Furniss 24th October 2025

*/


:root {
	/*
	line left
	line right
	line bottom
	line top
	arrow left
	arrow right
	arrow diagonal
	*/
	--icon-external-link-white: url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> \
		<g style="stroke:rgb(255,255,255);stroke-width:1"> \
			<line x1="5" y1="5" x2="5" y2="14" /> \
			<line x1="14" y1="9" x2="14" y2="14" /> \
			<line x1="5" y1="14" x2="14" y2="14" /> \
			<line x1="5" y1="5" x2="9" y2="5"  /> \
			<line x1="10" y1="2" x2="17" y2="2"  /> \
			<line x1="17" y1="2" x2="17" y2="9" /> \
			<line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> \
		</g> \
	</svg>');
    --icon-external-link-black: url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> \
		<g style="stroke:rgb(0,0,0);stroke-width:1"> \
			<line x1="5" y1="5" x2="5" y2="14" /> \
			<line x1="14" y1="9" x2="14" y2="14" /> \
			<line x1="5" y1="14" x2="14" y2="14" /> \
			<line x1="5" y1="5" x2="9" y2="5"  /> \
			<line x1="10" y1="2" x2="17" y2="2"  /> \
			<line x1="17" y1="2" x2="17" y2="9" /> \
			<line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> \
		</g> \
	</svg>');
  --icon-external-link-white-hover: url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> \
		<g style="stroke:rgb(6,147,227);stroke-width:1"> \
			<line x1="5" y1="5" x2="5" y2="14" /> \
			<line x1="14" y1="9" x2="14" y2="14" /> \
			<line x1="5" y1="14" x2="14" y2="14" /> \
			<line x1="5" y1="5" x2="9" y2="5"  /> \
			<line x1="10" y1="2" x2="17" y2="2"  /> \
			<line x1="17" y1="2" x2="17" y2="9" /> \
			<line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> \
		</g> \
	</svg>');
}


/* 
MediaKind CSS Fonts 
*/
@font-face {
                font-family: 'MuseoSans-300';
                src: url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-300.otf"); /* IE9*/
                src: url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-300.otf?#iefix") format("embedded-opentype"), /* IE6-IE8 */  url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-300.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-300.svg#MuseoSans-300") format("svg"); /* iOS 4.1- */
}
@font-face {
                font-family: 'MuseoSans-500';
                src: url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-500.otf"); /* IE9*/
                src: url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-500.otf?#iefix") format("embedded-opentype"), /* IE6-IE8 */  url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-500.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-500.svg#MuseoSans-500") format("svg"); /* iOS 4.1- */
}
@font-face {
                font-family: 'MuseoSans-700';
                src: url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-700.otf"); /* IE9*/
                src: url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-700.otf?#iefix") format("embedded-opentype"), /* IE6-IE8 */  url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-700.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url("https://www.mediakind.com/wp-content/themes/mediakindtheme//assets/fonts/MuseoSans-700.svg#MuseoSans-700") format("svg"); /* iOS 4.1- */
}




/*
* {
  font-family: 'MuseoSans-700',Helvetica,Arial,sans-serif;
}
*/

/*body, p, span, input {*/
html * {
    font-family: 'MuseoSans-300',Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
  	font-weight: 300;
}

h1 *, h1, h2 *, h2, h3 *, h3, h4 *, h4, h5 *, h5, h6 *, h6 {
	font-weight: 700;
    -webkit-font-smoothing: antialiased;
	font-family: 'MuseoSans-700', Helvetica, Arial, sans-serif;
}

b, b * {
  	font-weight: 700 !important;
    -webkit-font-smoothing: antialiased;
	font-family: 'MuseoSans-500', Helvetica, Arial, sans-serif;
}

.commonStyle__zt3BrandBg {
	background-color: #0693e3; 
}

.SearchContainer__downArrow {
	border-top-color: #0693e3;
}
.SearchContainer__searchIcon {
	background: #fff; 
  	border: 1px solid #0693e3;
}

.Button__footerBtn:hover {
    background: #0693e3;
}
.Header__tabsTab.Header__active, 
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, 
.Header__tabsTab:hover {
    border-bottom: 0.1875rem solid #0693e3;
    color: #0693e3;
}

.Header__homeNavbarFixed:hover .Header__navbar:hover .Header__tabsTab:hover {
	border-bottom: 0.1875rem solid #0693e3;
	color: #0693e3;
}

.globalfixednav:hover .globalSignin:hover, .globalfixednav:hover .globalSignup:hover {
	border-bottom: 0.1875rem solid #0693e3;
	color: #0693e3;
}

.Icon__brand, .Icon__icon {
	color: #0693e3; 
}

.Icon__brand:hover,
.Icon__icon:hover,
.SearchContainer__downArrow:hover,
a.Signin__userLink:hover
{
	color: #d4103a; 
    border-top-color: #d4103a;
}

.commonStyle__zt3Brand, .commonStyle__zt3BrandBorder {
    border-color: #0693e3;
    color: #0693e3;
}

.Badge__announcement {
    color: #0693e3;
}

.Input__inputCommon:focus, 
.Input__inputCommon:active {
	border-color: #0693e3;
  	outline: #0693e3;
}
.AppContainer__keyBoardfocus, 
[data-focus-added] {
  	outline: solid 3px #0693e3 !important;
}

.AppContainer__arrowShow {
 	background-color: #fff;
  	border: 1px solid #0693e3;
}  

.AppContainer__arrowShow:hover, 
.SearchContainer__searchIcon:hover
{
 	background-color: #D3D3D3;
}

/* CSS Trickery

Guide: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

.toBeReplaced {
    visibility: hidden;
    position: relative;
}

.toBeReplaced:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "This text replaces the original.";
}

*/

/* Edit Community Description on Home page */
/*
div.ContentBox__boxThree:nth-child(2) > div > div > p {
    visibility: hidden;
  	position: relative
}

div.ContentBox__boxThree:nth-child(2) > div > div > p:after {
    visibility: visible;
  	position: absolute;
  	top: 0;
    left: 0;
    content: "Ask questions, share ideas, or start a discussion with other customers.";
}
*/
/* Edit Tickets Description on Home page */
/*
div.ContentBox__boxThree:nth-child(3) > div > div > p {
    visibility: hidden;
  	position: relative
}

div.ContentBox__boxThree:nth-child(3) > div > div > p:after {
    visibility: visible;
  	position: absolute;
  	top: 0;
    left: 0;
    content: "View the statuses and solutions of your previous tickets.";
}
*/
/*MK Custom objects Home Page*/

.MKCSP__Disclaimer__div {
  width:100%;
  text-align: center;
  color: #333;
  font-size: .70em;
}

.MK__CSP__Button{
 padding: 0.2rem .5rem;
 font-size: .7rem;
}

/* MK Modules CSS */
.MKModules {
  float: left; 
  display: inline-block; 
}

/* change logo on scroll */

/* at the top of page white logo */
header.Header__header.Header__defaultContent >
div.Header__navbar >
div.Header__container > 
div.Header__logo > 
a > 
img.MKLogo,
header.Header__header.Header__homeContent > 
div.Header__navbar > 
div.Header__container > 
div.Header__logo > 
a > 
img.MKLogo {
	  content: url("/portal/api/publicImages/866814000000951104?portalId=edbsnf6f75889ec0770015094b547f9729fe3d406fe98641dfb0cc2ecfee703026e5d");
}

/* user scrolled coloered logo */
header.Header__header.Header__homeContent.Header__homeNavbarFixed.globalfixednav > 
div.Header__navbar > 
div.Header__container > 
div.Header__logo > 
a > 
img.MKLogo {
	  content: url("/portal/api/publicImages/866814000000951102?portalId=edbsnf6f75889ec0770015094b547f9729fe3d406fe98641dfb0cc2ecfee703026e5d");
}


/*overwrite product name*/
span.product__Name::before {
  content: "MK/IO"; 
}

/*customize login by hiding some data*/
/* Brian's old code */
/* .Signin__loginHead { */
/*   display:none; */
/* } */
/* .UserContainer__innerContainer1 { */
/* position:relative; */
/*  height: 97px; */
/*  overflow: hidden; */
/* } */

/* #iamFrame{ */
/*  position:absolute;*/
/*  top:-210px; */
/*  height: 400px; */
/* } */

/* Code provided by Zoho and inserted by Steven F */
.Signin__loginHead {
  display: block !important;
}

.UserContainer__innerContainer1 {
  position: relative !important; 
  height: auto !important;
  overflow: visible !important;
}

#iamFrame {
  position: relative !important;
  top: 0 !important;
  height: 500px !important;
}



/* at the top of page white logo */
header.Header__header.Header__defaultContent >
div.Header__navbar >
div.Header__container > 
div.Header__menuTab >
ul.Header__menuList > 
li.Header__tabsTab >
a[href^="https://"]::after,
header.Header__header.Header__homeContent > 
div.Header__navbar > 
div.Header__container > 
div.Header__menuTab >
ul.Header__menuList > 
li.Header__tabsTab >
a[href^="https://"]::after {
	content: ' ';
	background: no-repeat var(--icon-external-link-white);
	padding-right: 1em;
}

header.Header__header.Header__defaultContent >
div.Header__navbar >
div.Header__container > 
div.Header__menuTab >
ul.Header__menuList > 
li.Header__tabsTab:hover >
a[href^="https://"]::after,
header.Header__header.Header__homeContent > 
div.Header__navbar > 
div.Header__container > 
div.Header__menuTab >
ul.Header__menuList > 
li.Header__tabsTab:hover >
a[href^="https://"]::after {
	content: ' ';
	background: no-repeat var(--icon-external-link-white-hover);
	padding-right: 1em;
}

/* user scrolled coloered logo */
header.Header__header.Header__homeContent.Header__homeNavbarFixed.globalfixednav.Header__navopen.globalnavopen > 
div.Header__navbar >
div.Header__container > 
div.Header__menuTab >
ul.Header__menuList > 
li.Header__tabsTab >
a[href^="https://"]::after {
	content: ' ';
	background: no-repeat var(--icon-external-link-black);
	padding-right: 1em;
}

header.Header__header.Header__homeContent.Header__homeNavbarFixed.globalfixednav.Header__navopen.globalnavopen > 
div.Header__navbar >
div.Header__container > 
div.Header__menuTab >
ul.Header__menuList > 
li.Header__tabsTab:hover >
a[href^="https://"]::after {
	content: ' ';
	background: no-repeat var(--icon-external-link-white-hover);
	padding-right: 1em;
}


a#faq[href^="https://"]::after {
	content: ' ';
	background: no-repeat var(--icon-external-link-black);
	padding-right: 1em;
}


a#faq[href^="https://"]:hover::after {
	content: ' ';
	background: no-repeat var(--icon-external-link-white-hover);
	padding-right: 1em;
}


div.ThreadedComment__clearFontSize >
ul.List__list.commonStyle__margin0.commonStyle__padding0.commonStyle__listStyleNone.commonStyle__displayBlock >
li.List__listItem.commonStyle__inlineBlock >
span.ThreadedComment__labelName.commonStyle__flex >
div.UserStatistics__userDetail.commonStyle__positionRel.commonStyle__inlineBlock.agent_name::after {
 content: ' MediaKind'; 
}