@import url("https://8b3198.claudeassets.com/20220120222058cs_/https://www.insideinferno.com/templates/jm-personal-site/css/layout.css");
@import url("https://f21750.claudeassets.com/20220120222058cs_/https://www.insideinferno.com/templates/jm-personal-site/css/modules.css");
@import url("https://863765.claudeassets.com/20220120222058cs_/https://www.insideinferno.com/templates/jm-personal-site/css/menus.css");
@import url("https://5f53f1.claudeassets.com/20220120222058cs_/https://www.insideinferno.com/templates/jm-personal-site/css/extensions.css");
@import url("https://09c432.claudeassets.com/20220120222058cs_/https://www.insideinferno.com/templates/jm-personal-site/css/editor.css");
/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------
==========================================================================
IMPORT styles
==========================================================================
* load layout styles *
* load modules styles *
* load menu styles *
* load extensions styles *
* load editor styles *
==========================================================================
TEMPLATE COMPONENT styles
==========================================================================
* component headings**/
DIV.blog H2, DIV.item-page H2, DIV.blog-featured H2, DIV.items-more H3, DIV.item-page H2, DIV.archive UL#archive-items LI H2, DIV.contact H2, DIV.contact-category H2, DIV.newsfeed H2, DIV.newsfeed-category H2, DIV.weblink-category H2
{
	margin: 0 0 30px;
	position: relative;
	display: block;
}
DIV.blog H2:after, DIV.item-page H2:after, DIV.blog-featured H2:after, DIV.items-more H3:after, DIV.item-page H2:after, DIV.archive UL#archive-items LI H2:after, DIV.contact H2:after, DIV.contact-category H2:after, DIV.newsfeed H2:after, DIV.newsfeed-category H2:after, DIV.weblink-category H2:after
{
	height: 2px;
	width: 40px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
}
DIV.blog H1, DIV.blog-featured H1, DIV.item-page H1, DIV.archive H1, DIV.categories-list H1, DIV.category-list H1, DIV.search H1, H1.componentheading
{
	line-height: 1.2em;
	padding: 2px 0 4px 20px;
	margin: 0 0 20px;
	text-transform: uppercase;
	font-weight: 700;
}
/** category blog **/
.blog .category-desc
{
	margin-bottom: 30px;
}
/**single article**/
UL.actions
{
	text-align: right;
}
UL.actions LI
{
	display: inline;
	background: none;
	margin: 0 5px;
	padding: 0;
}
.article-info
{
	margin: 0 0 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}
.article-info .article-info-term
{
	font-weight: bold;
}
.article-info DD
{
	margin: 0;
}
/** article categories **/
.categories-list UL LI DL
{
	font-weight: bold;
}
.categories-list UL LI DT
{
	float: left;
	padding-right: 5px;
}
UL.categories-module LI, UL.category-module LI
{
	background-position: left center;
}
/** article category blog / featured articles **/
DIV.items-leading
{
	display: inline-block;
	width: 100%;
}
DIV.items-row
{
	display: inline-block;
	width: 100%;
}
.items-leading .item-separator
{
	clear: both;
	display: inline-block;
	width: 100%;
	height: 1px;
	margin: 0 0 30px;
}
.row-separator
{
	clear: both;
	display: inline-block;
	width: 100%;
	height: 1px;
	margin: 0 0 30px;
}
.item-page
{
	display: inline-block;
	width: 100%;
}
.items-row:last-child .row-separator
{
	display: none;
}
.cols-2 .column-1
{
	float: left;
	width: 48%;
}
.cols-2 .column-2
{
	float: right;
	width: 48%;
}
.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3
{
	float: left;
	width: 31%;
}
.cols-3 .column-2
{
	padding: 0 3%;
}
.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4
{
	float: left;
	width: 23%;
}
.cols-4 .column-2
{
	padding: 0 1% 0 2%;
}
.cols-4 .column-3
{
	padding: 0 2% 0 1%;
}
.items-more
{
	padding: 0 0 10px;
}
/** article category list **/
.category-list .cat-children
{
	padding-top: 20px;
}
TABLE.category
{
	width: 100%;
	margin: 0 0 10px;
}
TABLE.category TH
{
	padding: 8px;
	font-weight: normal;
	color: #FFF;
}
TABLE.category TH A
{
	text-decoration: none;
	color: #FFF;
}
TABLE.category TD
{
	padding: 8px;
}
/*archived articles*/
.archive UL#archive-items
{
	margin: 0;
}
.archive UL#archive-items LI
{
	background: none;
	margin: 0 0 30px;
	padding: 0;
}
.archive UL#archive-items LI:last-child
{
	margin: 0;
}
/** user components **/
.registration DL, .profile DL, .profile-edit DL, .remind DL, .reset DL
{
	margin: 0;
}
.registration DT, .profile DT, .profile-edit DT, .remind FIELDSET DT, .reset FIELDSET DT
{
	float: left;
	clear: both;
	margin: 0;
	min-width: 250px;
	min-height: 38px;
	line-height: 38px;
}
.registration DD, .profile DD, .profile-edit DD, .remind FIELDSET DD, .reset FIELDSET DD
{
	padding: 2px;
	margin: 0;
	min-height: 38px;
	line-height: 38px;
}
.login-fields
{
	padding: 5px 0;
}
.login-fields LABEL#password-lbl, .login-fields LABEL#username-lbl
{
	min-width: 100px;
	display: inline-block;
}
FIELDSET.userdata
{
	padding: 0;
}
/** submit article, submit a weblink **/
.edit .formelm LABEL, .edit .formelm-area LABEL
{
	display: inline-block;
	min-width: 150px;
}
.edit .formelm IMG
{
	vertical-align: middle;
	margin: 0 5px;
}
.edit .formelm-buttons
{
	padding: 10px 0;
}
.edit .button2-left
{
	float: left;
	padding: 5px;
}
/** search **/
DIV.search DIV.phrases-box
{
	padding-bottom: 25px;
}
DIV.search DIV.phrases-box LABEL, DIV.search FIELDSET.only LABEL
{
	margin-right: 10px;
	vertical-align: middle;
}
DIV.search DIV.phrases-box INPUT, DIV.search FIELDSET.only INPUT
{
	height: auto;
	line-height: inherit;
	padding: 0;
	border: 0;
}
/**single contact**/
.contact-email LABEL
{
	min-width: 100px;
	display: inline-block;
	padding: 0 0 5px;
}
FORM#contact-form FIELDSET
{
	border: none;
	padding: 0;
	margin: 0;
}
FORM#contact-form DT, FORM#contact-form DD, FORM#contact-form BUTTON.button
{
	margin: 10px 0 0;
}
/** buttons, inputs **/
INPUT, SELECT, TEXTAREA
{
	font-size: 14px !important;
	margin: 2px 0;
	padding: 0 0 0 8px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}
SELECT
{
	padding: 8px;
	height: 38px;
	line-height: inherit;
}
TEXTAREA
{
	padding: 8px;
	height: auto;
	line-height: 1.5em;
}
INPUT.checkbox, INPUT.radio, INPUT[type="checkbox"], INPUT[type="radio"]
{
	background: none;
	padding: 0;
	border: none;
}
INPUT.button, BUTTON.validate, BUTTON, A.djc_producer_items_link, #djcatalog .djc_product_top_nav SPAN.button, #djcatalog .djc_product_bottom_nav SPAN.button
{
	font-size: 18px !important;
	font-weight: 700;
	margin: 0;
	cursor: pointer;
	padding: 0 33px 0 22px;
	border: none !important;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	text-transform: uppercase;
	background-image: url("https://b9b652.claudeassets.com/20220120222058im_/https://www.insideinferno.com/templates/jm-personal-site/images/button.png");
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
INPUT.button:hover, BUTTON.validate:hover, BUTTON:hover, #djcatalog .djc_product_top_nav A:hover, #djcatalog .djc_product_bottom_nav A:hover
{
	text-decoration: none;
}
BUTTON::-moz-focus-inner
{
	border: 0;
	padding: 0;
}
INPUT[type="file"]
{
	height: auto;
}
INPUT#modlgn-remember, INPUT#remember
{
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
	height: auto;
}
DIV.login BUTTON.button
{
	margin: 10px 0 0;
}
/** page navigation **/
UL.pagenav
{
	margin: 10px 0 0;
	clear: both;
	display: inline-block;
	width: 100%;
}
UL.pagenav LI
{
	padding: 0;
	margin: 0;
	background-image: none;
}
UL.pagenav LI.pagenav-next
{
	float: right;
}
UL.pagenav LI.pagenav-prev
{
	float: left;
}
UL.pagenav LI A
{
	display: inline-block;
	padding: 10px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	text-decoration: none;
}
/** pagination **/
DIV.pagination
{
	padding: 10px 0 0;
	text-align: center;
	clear: both;
	display: inline-block;
	width: 100%;
}
DIV.pagination UL
{
	margin: 0;
}
DIV.pagination LI
{
	display: inline-block;
	padding: 0;
	margin: 0 5px;
	background: none;
}
DIV.pagination LI A:hover
{
	text-decoration: underline;
}
DIV.pagination UL LI SPAN.pagenav, DIV.pagination UL LI A.pagenav
{
	display: inline-block;
	padding: 8px 16px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	text-decoration: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
DIV.pagination UL LI.pagination-start A.pagenav, DIV.pagination UL LI.pagination-prev A.pagenav, DIV.pagination UL LI.pagination-next A.pagenav, DIV.pagination UL LI.pagination-end A.pagenav, DIV.pagination UL LI.pagination-start SPAN.pagenav, DIV.pagination UL LI.pagination-prev SPAN.pagenav, DIV.pagination UL LI.pagination-next SPAN.pagenav, DIV.pagination UL LI.pagination-end SPAN.pagenav
{
	border: none;
	background: none;
}
DIV.pagination UL LI.pagination-start A:hover, DIV.pagination UL LI.pagination-prev A:hover, DIV.pagination UL LI.pagination-next A:hover, DIV.pagination UL LI.pagination-end A:hover
{
	text-decoration: underline;
	border: none;
	background: none !important;
}
P.counter
{
	text-align: center;
	margin: 0 0 10px;
}
/*newsflash*/
.newsflash-title
{
	clear: both;
	display: inline-block;
	width: 100%;
}
.newsflash P
{
	clear: both;
}
.newsflash .readmore
{
	float: right;
	margin-bottom: 30px;
}
.newsflash .readmore:last-child
{
	margin-bottom: 0;
}
/*==========================================================================
TEMPLATE MODULES styles
==========================================================================
* login **/
FORM#login-form INPUT.button
{
	margin: 10px 0;
}
FORM#login-form DIV.logout-button INPUT.button
{
	margin: 0;
}
#form-login-username LABEL, #form-login-password LABEL
{
	width: 100px;
	display: block;
}
DIV.login-greeting
{
	padding-bottom: 10px;
}
/** language **/
DIV.mod-languages UL LI
{
	background: none;
	padding: 0;
}
/** search **/
DIV.search LABEL[for="mod-search-searchword"]
{
	display: none;
}
/** tooltip **/
.tip
{
	background: rgba(0, 0, 0, 0.2);
	width: 250px;
	padding: 10px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tip:after
{
	content: '';
	position: absolute;
	left: 20px;
	top: -10px;
	width: 0;
	height: 0;
}
.tip .tip-title
{
	font-weight: bold;
}
/** details **/
.img-intro-none, .img-fulltext-none
{
	text-align: center;
	margin-bottom: 20px;
}
.image-left, .img-intro-left, .img-fulltext-left
{
	float: left;
	margin-right: 30px;
}
.image-right, .img-intro-right, .img-fulltext-right
{
	float: right;
	margin-left: 30px;
}
.img-intro-none IMG, .img-fulltext-none IMG, .image-left IMG, .img-intro-left IMG, .img-fulltext-left IMG, .image-right IMG, .img-intro-right IMG, .img-fulltext-right IMG
{
	padding: 10px;
}
P.img_caption
{
	text-align: center;
	margin: 0 0 10px;
	padding: 5px;
}
P.readmore
{
	text-align: right;
}
P.readmore A:link, P.readmore A:visited, A.readmore:link, A.readmore:visited, .jm-slider1 A.dj-readmore:link, .jm-slider1 A.dj-readmore:visited, A.readmore2:link, A.readmore2:visited, .djf_mod A.btn:link, .djf_mod A.btn:visited
{
	font-weight: 700;
	line-height: 26px;
	font-size: 18px;
	display: inline-block;
	padding: 12px 35px 12px 20px;
	position: relative;
	text-decoration: none;
	margin-top: 5px;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.jm-slider1 A.dj-readmore:link, .jm-slider1 A.dj-readmore:visited, A.readmore2:link, A.readmore2:visited, .djf_mod A.btn:link, .djf_mod A.btn:visited, .djc_readon A.readmore:link, .djc_readon A.readmore:visited
{
	padding: 7px 25px;
}
.djc_readon A.readmore:link, .djc_readon A.readmore:visited
{
	background-image: none;
}
/** system pagebreak **/
HR.system-pagebreak
{
	display: block;
	width: 100%;
	height: 1px;
	margin: 15px 0px;
	clear: both;
	height: 1px;
	border: none;
}
/** pagebreak pages **/
DIV#article-index
{
	float: right;
	margin: 0 0 0 10px;
	padding: 10px 5px;
	width: 150px;
}
DIV#article-index H3
{
	font-size: 1em;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}
DIV.pagenavcounter
{
	clear: both;
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	text-align: center;
	width: 150px;
}
/** pagebreak sliders / contact sliders **/
.pane-sliders DIV.panel
{
	margin-bottom: 2px;
}
.pane-sliders DIV.panel H3.title
{
	margin: 0;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
	padding: 15px 30px;
	font-family: Tahoma;
}
.pane-sliders DIV.panel H3.title A
{
	font-weight: 700;
	text-transform: uppercase;
}
.pane-sliders DIV.panel H3.title:hover A
{
	text-decoration: none;
}
.pane-sliders DIV.pane-down
{
	padding: 20px !important;
}
/** pagebreak tabs / contact tabs **/
DL.tabs
{
	display: inline-block;
	padding: 10px 0 0;
	margin: 0;
	width: 100%;
}
DL.tabs DT.tabs
{
	float: left;
	padding: 15px 30px;
}
DL.tabs DT.tabs.closed
{
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}
DL.tabs DT.tabs:last-child
{
	border-right: none;
}
DL.tabs DT.tabs H3
{
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-family: Tahoma;
}
DL.tabs DT.tabs H3 A:hover
{
	text-decoration: none;
}
DD.tabs
{
	clear: both;
	margin: 0;
	padding: 20px;
}
/********** Unpublished **********/
.system-unpublished
{
	background: transparent;
}
/********** System Messages **********/
#system-message
{
	margin-bottom: 10px;
	padding: 0;
	text-shadow: none;
}
#system-message DT
{
	display: none;
}
#system-message DD
{
	margin: 0;
	font-weight: bold;
	text-indent: 0px;
}
#system-message DD UL
{
	margin: 0 0 10px;
	padding: 10px;
	list-style: none;
	text-align: center;
}
/********** System Standard Messages **********/
#system-message DT.message
{
	display: none;
}
#system-message DD.message UL
{
	background: #C4E2FD;
	color: #206DB5;
	text-align: center;
	margin: 0 0 10px;
	padding: 10px;
	border-top: 1px solid #4597E3;
	border-bottom: 1px solid #4597E3;
}
/********** System Error Messages **********/
#system-message DT.error
{
	display: none;
}
#system-message DD.error UL
{
	color: #FFF;
	background: #F76C6D;
	text-align: center;
	margin: 0 0 10px;
	padding: 10px;
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
}
#system-message DD.error UL LI
{
	background: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
/********** System Notice Messages **********/
#system-message DT.notice
{
	display: none;
}
#system-message DD.notice UL
{
	background: #C4E2FD;
	color: #206DB5;
	text-align: center;
	margin: 0 0 10px;
	padding: 10px;
	border-top: 1px solid #4597E3;
	border-bottom: 1px solid #4597E3;
}
#system-message UL LI
{
	background: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
/*==========================================================================
TYPOGRAPHY styles
==========================================================================*/
H1, H2, H3, H4, H5, H6
{
	margin: 0 0 5px;
	font-weight: 300;
}
H1
{
	font-size: 2em;
	line-height: 1.2em;
}
H2
{
	font-size: 1.8em;
	line-height: 1.2em;
}
H3
{
	font-size: 1.6em;
	line-height: 1.2em;
}
H4
{
	font-size: 1.4em;
	line-height: 1.5em;
}
H5
{
	font-size: 1.2em;
	line-height: 1.5em;
}
H6
{
	font-size: 1em;
	line-height: 1.5em;
}
FIELDSET
{
	margin: 0;
	padding: 0 0 20px;
	border: 0;
}
FIELDSET LEGEND
{
	padding: 0 0 20px;
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: 300;
}
P
{
	margin: 5px 0;
	padding: 0;
}
OL
{
	padding-left: 40px;
}
OL OL
{
	padding-left: 20px;
}
UL
{
	margin: 5px 0;
	padding: 0;
	list-style: none;
}
UL LI
{
	margin: 0 0 0 3px;
	padding: 0 0 0 14px;
	background-repeat: no-repeat;
	background-position: left 9px;
}
A:link, A:visited
{
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
IMG
{
	max-width: 100%;
}
div.mod-languages ul{
	margin: 7px 0 0;
}
div.mod-languages ul.lang-inline li{
	line-height:18px;
}

/*
     FILE ARCHIVED ON 00:03:54 May 24, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:03:21 Jul 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 4.462
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.057
  esindex: 0.009
  cdx.remote: 10.345
  LoadShardBlock: 239.208 (3)
  PetaboxLoader3.datanode: 112.526 (4)
  PetaboxLoader3.resolve: 189.855 (3)
  load_resource: 128.709
*/