/* MXM tweaks for MXnet */

/*
<div class="MXnet"><span style="font-family: arial, helvetica, sans-serif; font-size: 36px; color: #78c0eb;"><strong>moleski.net </strong></span><span style="color: #78c0eb; font-family: 'times new roman', times, serif; font-size: 24px; vertical-align: middle; padding-left: 400px;">הֲבֵל הֲבָלִים הַכֹּל הָבֶל</span></div>
*/


.container-banner img {
    display: block;
    margin: auto
}

.container-banner .banner-overlay {
    background-attachment: fixed;
    background-position: top,left;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 10vh; /*mxm*/
}

.container-banner .banner-overlay .overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;/*mxm*/
    -ms-flex-align: start;/*mxm*/
    -webkit-box-pack: start;/*mxm*/
    -ms-flex-pack: start;/*mxm*/
    align-items: flex-start;/*mxm*/
    background-color: rgba(255,255,255,255); /*mxm*/
    color: #78C0EB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;/*mxm*/
    flex-direction: row;/*mxm*/
    height: 100%;
    justify-content: left;/*mxm*/
    padding: 1em 0 0 3em;
    text-align: left/*mxm*/
}

.container-banner .banner-overlay .overlay .MXtitle {
	font-family: Arial, Helvetica, sans-serif;	width: 20%;
	float:left;
	font-size:36px;
	color: #78C0EB;
	text-align:left;
	font-weight: 700;
}

.container-banner .banner-overlay .overlay .MXmotto {
	font-family: "Times New Roman", Times, serif;
	width:70%;
	float:right;
	font-size:24px;
	color: #78C0EB;
	text-align:center;
	display: block;
}


.container-banner .banner-overlay .overlay .text-thin {
    font-weight: lighter
}

.container-banner .banner-overlay .overlay .text-thin:after {
    background: #fff;
    content: "";
    display: block;
    height: 4px;
    margin: 1rem auto 2rem;
    width: 30%
}

.container-banner .banner-overlay .overlay .text-thin .lead {
    font-size: 150vh
}

.container-banner .banner-overlay .overlay .MXnet {
  padding:0;
  margin: 0;
  align-items: flex-start;/*mxm*/
  align-content: flex-start;/*mxm*/
}

@media screen and (max-height: 740px) {
    .container-banner .banner-overlay {
        height:10vh; /*mxm*/
    }
}

.container-banner {
   /* display: block; */
    margin: 0 0 0 0;
}

:root {

    --cassiopeia-color-primary: #006699; /*mxm*/
    --cassiopeia-color-link: #78C0EB;   /*mxm*/
    --cassiopeia-color-hover: #56a8c9; /*mxm*/

    --cassiopeia-font-family-body: "Arial", "Helvetica", sans-serif;
    --cassiopeia-font-family-headings: "Arial", "Helvetica", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;

    --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 13, 110, 253;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 25, 135, 84;
    --info-rgb: 13, 202, 240;
    --warning-rgb: 255, 193, 7;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 248, 249, 250;
    --dark-rgb: 33, 37, 41;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 33, 37, 41;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation 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: var(--cassiopeia-font-family-body);
    --body-font-size: 13px;
    --body-font-weight: 400;
    --body-line-height: 1.1;
    --body-color: #006699;
    --body-bg: #FFFFFF;
}

.card {--card-spacer-y:1rem;
	--card-spacer-x:1rem;
	--card-title-spacer-y:0.5rem;
	--card-border-width:1px;
	--card-border-color:#dfe3e7;
	--card-border-radius:0.25rem;
	--card-box-shadow: ;
	--card-inner-border-radius:calc(0.25rem - 1px);
	--card-cap-padding-y:0.5rem;
	--card-cap-padding-x:1rem;
	--card-cap-bg:rgba(0,0,0,.03);
	--card-cap-color: ;
	--card-height: ;
	--card-color: ;
	--card-bg:#fff;
	--card-img-overlay-padding:1rem;
	--card-group-margin:0.5em;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	word-wrap:break-word;
	background-clip:border-box;
	background-color:var(--card-bg);
	/*border:var(--card-border-width) solid var(--card-border-color);*/
	border: none;
	border-radius:var(--card-border-radius);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	height:var(--card-height);
	min-width:0;
	position:relative;
}

.card-body {-webkit-box-flex:1;
	color:var(--card-color);
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	padding:0 4em 0 2em;
}
.card-title {margin-bottom:var(--card-title-spacer-y);
}
.card-subtitle {margin-top:calc(var(--card-title-spacer-y)*-.5);
}
.card-subtitle,.card-text:last-child {margin-bottom:0;
}
.card-link+.card-link {margin-left:var(--card-spacer-x);
}



.mod-list {
    -webkit-padding-start: 0;
    list-style: none;
    padding-inline-start:0}

.mod-list li {
    padding: .25em 0
}

.mod-list li a {
    text-decoration: none
}

.mod-list li a:hover {
    text-decoration: none
}

.container-header .mod-list li a:hover {
    text-decoration: none
}

.mod-list li.active>a {
    text-decoration: none
}

.container-header .mod-list li.active>a {
    text-decoration: none
}

.mod-list li .mod-menu__sub {
    padding-left: 1em
}

.h2,h2 {
	font-family:'Lucida Grande',Verdana,Lucida, Helvetica, Arial, sans-serif;
	font-size:calc(0.8rem + .5vw);
	border-bottom:solid 1px #efefef;
	color: #095197;
	font-weight:300
}