/* Change Font weight for articles */
body {font-weight: 300;
}

/* Change Font weight for Links in Articles */
a {font-weight: 300;
   text-decoration: underline;
}

/* Change Font weight and collour for H4, H5, H6 Titles */
h4, h5, h6 {
    font-weight: 400;
    color: #444444;
}

/* Change Hover Link color to Blue and Underline */
a:hover, a:active, a:focus {
    color: #0096ff;
    text-decoration: underline;
}

/* Change Font weight for H3 Titles */
h3 {
    font-weight: 300;
}

/* Change Font Colour for H2 Titles */
h2 {
    color: #333333;
}

/* Change Spacing above and below Headings H1, H2, H3, H4, H5, H6 */
h1 {
    margin-bottom: 10px;
}

h2 {
    margin-bottom: 10px;
}

h3 {
    margin-bottom: 10px;
    margin-top: 26px;
}

h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}

h5 {
    margin-bottom: 10px;
    margin-top: 10px;
}

h6 {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Responsive Image re-sizing */
img {
    max-width: 100%;
    height: auto;
}

/* Customize Main Menu Font Weight */
#rstpl-main-menu-position .navbar .navbar-collapse .mod-menu>.nav-item>a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu>.nav-item>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu>.nav-item>.separator {
    font-weight: 400;
}

/* Customize Main Menu Drop Down padding */
#rstpl-main-menu-position .navbar .navbar-collapse .navbar-nav-scroll .mod-menu>.nav-item>.mod-menu__sub>li>a, #rstpl-main-menu-position .navbar .navbar-collapse .navbar-nav-scroll .mod-menu>.nav-item>.mod-menu__sub>li>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .navbar-nav-scroll .mod-menu>.nav-item>.mod-menu__sub>li>.separator {
    padding: 0.8rem 0 0.8rem 1rem;
}

/* Customize Main Menu Drop Down Font Colour and Weight */
#rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li .nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li .separator {
    color: #ffffff;
    font-size: 16.2px;
    font-weight: 400;
}

/* Customize Hover Colour for Drop down menu */
#rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li.active>a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li.mm-active>a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:hover>a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:active>a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:focus>a, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li.active>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li.mm-active>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:hover>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:active>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:focus>.nav-header, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li.active>.separator, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li.mm-active>.separator, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:hover>.separator, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:active>.separator, #rstpl-main-menu-position .navbar .navbar-collapse .mod-menu .nav-item .mod-menu__sub li:focus>.separator {
    color: #0e263e;
}

/* Customize Tags Button Colour */
.btn.btn-info {
    background-image: linear-gradient(90deg, #005bff 0%, #3ad0ff 100%);
}

/* Customize Affiliate Alert Message */
.alert.alert-info {
    background-color: #e3e3e3;
    color: #005bff;
}

/* Fix Headings for lower Menus */
.body>.rstpl-footer-position .rstpl-card h1.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h1.rstpl-title, .body>.rstpl-footer-position .rstpl-card h2.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h2.rstpl-title, .body>.rstpl-footer-position .rstpl-card h3.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h3.rstpl-title, .body>.rstpl-footer-position .rstpl-card h4.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h4.rstpl-title, .body>.rstpl-footer-position .rstpl-card h5.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h5.rstpl-title, .body>.rstpl-footer-position .rstpl-card h6.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h6.rstpl-title {
    font-size: 1.6rem;
    padding: 20px 0px 0px 0px;
    font-weight: 600;
}

/* Make Background see-through on Tutorial Categories page */
#rstpl-pagewrap .categories-list .com-content-categories__items .com-content-categories__item .com-content-categories__description {
    background-color: rgba(0, 0, 0, 0);
}

/* Fix Avatar aspect ratio for JLex Comments */
#jlexcomment img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

/* Make Breadcrumb background transparent */
.rstpl-breadcrumbs-position {
    background-color: rgb(0 0 0 / 0%);
}

/* Make Breadcrumb font weight 300 */
.breadcrumbs .breadcrumb li {
    font-weight: 300;
}

/* Make Breadcrumb Links font weight 300 */
.breadcrumbs .breadcrumb li a {
    font-weight: 300;
}

/* Breadcrumb padding */
.py-2 {
    padding-bottom: 0.6rem !important;
    padding-top: 0.6rem !important;
}

.px-3 {
    padding-right: 0.4rem !important;
    padding-left: 0.4rem !important;
}

/* Shrink padding for Alert Messages like Disclosure statement */
.alert {
    padding: 0.6rem;
    margin-bottom: 0.4rem;
}

/* Sale button NEW for Vegas deals */
.myButton1 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #9908fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #9908fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #9908fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #9908fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #9908fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #9908fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#9908fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
	border:1px solid #0000ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-style:italic;
	padding:14px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9908fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #9908fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #9908fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #9908fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #9908fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #9908fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9908fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#9908fa;
  	color: #ffffff;
}
.myButton1:active {
	position:relative;
	top:1px;
}

/* Upgrade button NEW for Vegas deals */
.myButton2 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0828fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0828fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0828fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0828fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0828fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0828fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0828fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
	border:1px solid #0096ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-style:italic;
	padding:14px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0828fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0828fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0828fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0828fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0828fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0828fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0828fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0828fa;
	color: #ffffff;
}
.myButton2:active {
	position:relative;
	top:1px;
}

/* Decrease the size of Quotation Box */
blockquote>p, q>p {
    font-size: 16px;
    margin-bottom: 14px;
    line-height: 30px;
}

/* Remove BORDER from Blockquote */
blockquote, q {
    border: 0px solid rgba(68, 68, 68, 0.25);
}

/* Reduce padding for H3 Titles in Footer */
.body>.rstpl-footer-position .rstpl-card h1.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h1.rstpl-title, .body>.rstpl-footer-position .rstpl-card h2.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h2.rstpl-title, .body>.rstpl-footer-position .rstpl-card h3.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h3.rstpl-title, .body>.rstpl-footer-position .rstpl-card h4.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h4.rstpl-title, .body>.rstpl-footer-position .rstpl-card h5.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h5.rstpl-title, .body>.rstpl-footer-position .rstpl-card h6.rstpl-title, .body>.rstpl-after-footer-position .rstpl-card h6.rstpl-title {

    margin: 0 0 16px 0;
}

/* Change Tag Button size and shape */
.btn.btn-sm {
    padding: 5px 20px;
    margin: 3px;
}

.btn {
    font-weight: 500;
    border-radius: 14px;
}

/* Change position of Menu button for Mobile Devices */
#rstpl-main-menu-position .navbar .navbar-toggler {
    right: 1rem;
}

/* Change Padding for Menu Items on Mobile Devices */
#rstpl-main-menu-position .navbar .navbar-collapse .mod-menu>.nav-item {
    padding: 5px 0;
}

/* Fix Breadcrumb gaps when viewing on Mobile in Portrait mode */
@media (max-width: 576px) {
.breadcrumbs .breadcrumb li {
width: auto;
}
}

/* Change colour of Large Carousel Quotation elements */
#rstpl-pagewrap .rspbld-carousel.rstpl-testimonials .carousel .carousel-inner .carousel-item .rspbld-item-container:after {
    color: #0096ff;
}

/* Fix to make JCE Joomla Content Editor Columns function work */
#rstpl-pagewrap .wf-columns { display: flex !important;}

/* Make Blockquote a smaller size on MSZ Forum */
blockquote, q {
    font-size: 18px;
    line-height: 1.00;
}

blockquote>p, q>p {
    font-size: 20px;
    margin-bottom: 14px;
}

blockquote, q {
    border: 0px solid rgba(68, 68, 68, 0.25);
}

/* Change margin for beginning of GDPR text */
.cc-header {
    margin-top: 15px;
}

/* KUNENA_FORUM Font Weight for Links */
#kunena.layout a {
    font-weight: 400;
}

/* KUNENA_FORUM Change Left Margin for Blockquotes in Kunena Forum */
#kunena.layout blockquote {
    margin: 1em 0 1em 0;
}

/* KUNENA_FORUM Kunena Template Banner Position - remove border */
.well {
    border: 0px solid rgba(68,68,68,0.25);
    box-shadow: none;
    padding: 0rem;
}

/* KUNENA_FORUM Change colours for Forum Solved buttons to Purple */
.bg-success {
    background-color: #6b00ff !important;
}

/* KUNENA_FORUM Change colours for Forum Question buttons to MSZ Blue */
.bg-primary {
    background-color: #0096ff !important;
}

/* KUNENA_FORUM Change colours for Forum LOVED buttons to Pink */
.bg-danger {
    background-color: #ff00ff !important;
}

/* KUNENA_FORUM Change colour of Alerts to RED */
.alert>h1, .alert>h2, .alert>h3, .alert>h4, .alert>h5, .alert>h6 {
    color: #e10126;
}

.alert p {
    color: #e10126;
}

/* Reset min-width of kunena pagination item */
#kunena.layout .kpagination-wrap .pagination .page-item .page-link {
  min-width: 1px;
}

#writeaccess .card-block {
  width: 100%;
}

/* KUNENA_FORUM Change background colour for Topic Counts on Home page */
#kunena.layout .kfrontend .ksection-header h2 small {
    background: #fff;
}

/* KUNENA_FORUM Icons on Front Page - Center vertically */
#kunena.layout .kfrontend .kcat-item>div {
    align-items: center;
}

/* COMMENTS Section - Change Link Colour */
#jlexcomment #jcm-header a {
    color: #005bff;
    font-weight: bold;
}

/* KUNENA-FORUM Change Confidential reply text styling */
#kunena.layout div.kmsgtext-article, #kunena.layout div.kmsgtext-quote, #kunena.layout div.kmsgtext-hide, #kunena.layout div.kmsgtext-code, #kunena.layout div.kmsgtext-confidential {
    font-size: 14px;
    font-style: normal;
}