מדיה ויקי:Common.css

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;700&display=swap');
:root {
	--doalogue-azure: #2fafdd;
	--doalogue-blue: #0082b1;
	--doalogue-gray: #6b6b6b;
}
body:not(.cat-Noscroll) {
	scroll-behavior: smooth;
}

body  {
	font-family: 'Assistant', sans-serif;
	background: #fff;
}
h2 {
    border-bottom: 2px solid #2aaddc;
}
.mw-body h1:lang(he), .mw-body-content h1:lang(he), .mw-body-content h2:lang(he) {
    font-family: 'Assistant';
}
.hide, .mw-editsection, .show-only-users, #nav #p-personal, div#p-lang, div#mw-panel .portal {
display:none !important;
}

.mw-body-content center > p, .mw-body-content .center p {text-align: center;}



::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #fcfeff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #2aaddc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4b4b4b;
}

/* Font Awesome corrections */
.fad {
	--fa-primary-color: #4a708f;
    --fa-secondary-color: #b1c6d7;
}

.fa-rotate-45 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-rotate-min-45 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5)";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* utility Classes */
figure { 
	display: inline-block; 
}

.sread {
	position: absolute;
	left:-9999px;
}

.center {
	text-align: center;
}

.padding-1 {
	padding: 1rem;
}

.padding-t-1 {
	padding-top: 1rem;
}

.padding-r-1 {
	padding-right: 1rem;
}

.padding-b-1 {
	padding-bottom: 1rem;
}

.padding-l-1 {
	padding-left: 1rem;
}
.float-left .padding-1 {
	padding-left: 0;
}

.text-horizontal {
	writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}
center iframe {
    margin: auto;
    text-align: center;
    display: block;
    width: 100%;
}

#content iframe {
max-width: 100% !important;
    border:none;
}
.bigger-iframe .embedWrapper {
    padding-top: 150px;
}
.row {
	overflow:hidden;	
}
.col-6, .col-4, .col-3 {
    width: 50%;
    float: right;
    padding: 5px;
    box-sizing: border-box;
}
.col-4 {
    width: 33%;
}

.col-3 {
    width: 25%;
}
@media only screen and (max-width: 767px) {
	.col-6, .col-4, .col-3 {
    width: 100%;
	}
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}
/* tooltips */
.tooltip:after {
    content: attr(title);
    opacity: 0;
    transition: .3s;
    position: absolute;
    display: block;
    background: var(--doalogue-gray);
    color: #fff;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
    max-width: 0;
    height: 1em;
}

.tooltip:hover:after {
    margin-top: 3px;
    opacity: .8;
    max-width: 100%;
}
/* multi media viewer */
/* SVG preview */
.mw-mmv-image img.svg {
    background: #f8f9fa;
    max-height: 100%;
	max-width: 90%;
}

/* anchor-text */

.anchor-text:target {
    display: inline-block;
    padding-top: 60px;
    margin-top: -60px;
}
#context li {
	position: relative;
}
.anchor-text:target:before {
    content: "";
    display: block;
    width: 1em;
    height: 1.5em;
    position: absolute;
    border: solid 2px #2aaddc;
    z-index: -1;
    right: -21px;
    width: calc(100% + 29px);
    top: -3px;
    height: calc(100% + 8px);
    box-shadow: #2aaddc1f 0px 5px 11px 4px;
    border-radius: 4px;
}
/* סינון במונחון */
input#filter-input {
    width: 90%;
    padding: 7px 5px;
    margin: 1em 5% 5px;
    font-size: 1.2rem;
}
mark {
  background: orange;
  color: inherit;
}

/* Accessibility */
#md-accessibility {
    position: fixed;
    right: 0;
    float: right;
    top: 50%;
}
#md-accessibility a.mfb-component__button--main {
    background-color: #2aaddc !important;
}
#md-accessibility .mfb-component__wrap {
    padding: 0;
    margin-right: -54px;
}

#md-accessibility .mfb-component__button--main {
    width: 104px;
    padding-right: 1em;
    border-radius: 56px 0 0 56px;
}

#md-accessibility .mfb-component__list > li {
    right: -5px;
	
}
    
#md-accessibility .mfb-component__button--main:after {
    right: 106px;
}

#md-accessibility .mfb-component--tl {
    animation: fromTop 1s 1;
    -webkit-animation: fromTop 1s 1;
}

#md-accessibility .mfb-component--tr {
    animation: fromTop 1.3s 1;
    -webkit-animation: fromTop 1.3s 1;
}

/* Addthis popup*/
.lightboxField #at-cv-lightbox-submit {
    width: inherit !important;
    margin: 6px !important;
    padding: 4px 26px !important;
    background: rgb(2, 72, 129) !important;
}

.lightboxField .at-cv-input {
    width: inherit !important;
    margin: 0 0 20px !important;
    padding-left: 8px;
}

div#at-cv-lightbox-message span {
    font-size: 38px;
    line-height: 1.3;
}

/* קישורי קבצים */
img[srce=".svg"] {
	max-width:100%;
}
*:not(.floatleft):not(.fullImageLink):not(.thumb) a[href$=".pdf"]:not(.image):after {
    display: inline-block;
    position: relative;
    content: "";
    top: 4px;
    height: 1.2em;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5em;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/5f/Document-pdf.svg);
}
.thumb a[href$=".pdf"]:after, .thumb a[href$=".doc"]:after, .thumb a[href$=".docx"]:after, .thumb a[href$=".ppt"]:after, .thumb a[href$=".pptx"]:after {
    display: none !important;
}
a[href$=".doc"]:not(.image):after, a[href$=".docx"]:not(.image):after {
    display: inline-block;
    position: relative;
    content: "";
    top: 4px;
    height: 1.2em;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5em;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/fd/Microsoft_Office_Word_%282019%E2%80%93present%29.svg);
}

#content a[href^="mailto"]:after {
display: inline-block;
    font: "Font Awesome 5 Pro";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e0";
    margin-right: 4px;
}
a[href$=".ppt"]:not(.image):after, a[href$=".pptx"]:not(.image):after, a[href$=".pps"]:after:not(.image), a[href$=".ppsx"]:after:not(.image){
    display: inline-block;
    position: relative;
    content: "";
    top: 4px;
    height: 1.2em;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5em;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/fd/Microsoft_Office_Word_%282019%E2%80%93present%29.svg);
}

a[href$=".ppt"].image  > img, a[href$=".pptx"].image  >img, a[href$=".pps"].image > img,  a[href$=".ppsx"].image >img,  a[href$=".doc"].image > img, a[href$=".docx"].image  >img {opacity:0;}

a[href$=".ppt"].image,  a[href$=".pptx"].image,  a[href$=".pps"].image, a[href$=".ppsx"].image ,  a[href$=".doc"].image, a[href$=".docx"].image {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/0/0d/Microsoft_Office_PowerPoint_%282019%E2%80%93present%29.svg);
    margin: 4px;
    width: 60px;
}

a[href$=".doc"] .image, a[href$=".docx"].image  {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/fd/Microsoft_Office_Word_%282019%E2%80%93present%29.svg);}


.filehistory td > a[href$=".pdf"]:after {
    background: none !important;
    display: none  !important;
}
a.internal {display: none;}
p a.internal, li > a.internal {display:inline;}
 
a.new {
color:#000;
text-decoration:none;
    cursor: text;
}

/* Popups */
/* popup */
body.page-עמוד_ראשי h1.firstHeading { display:none; }
.mwe-popups-timestamp-older, mwe-popups-timestamp-recent {display:none;}
.mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract {
z-index: 999999;
}

.mwe-popups.flipped.mwe-popups-no-image-tri:after {top: -6px;}

.mwe-popups footer {display: none;}

.mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract {
    max-height: 117px !important;
    margin-bottom: 12px !important;
    padding-top: 3px !important;
}

.mwe-popups.flipped_x_y:after {
border-top: 9px solid #fff;}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar, .ve-init-mw-viewPageTarget-toolbar {
width: 752px;}

.ve-activated #header, .ve-activated #Lheader {
position: absolute;}

/* gallery */
ul.gallery {
text-align:center;
}

.gallerytext p {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/*********************************************************************************/
/* ניווט                                                                       */
/*********************************************************************************/

	#header, #Lheader {
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		background: rgba(75,75,75,0.9);
		height: 3em;
		line-height: 3em;
		box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1);
	}
	
	
	#nav {
		position: absolute;
		right: 0.5em;
		top: 0;
		height: 3em;
		line-height: 3em;
width:100%;
	}

		#nav ul {
			margin: 0;
		}
#nav .fa {
font-size: 1.1em;
text-shadow: black 1px 1px 1px;
margin-left: 5px;
margin-right: 5px;
}

			#nav ul li {
				display: inline-block;
				font-size: 1em;
				float: right;
				margin:0;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
transition:all 0.3s ease;
			}
#nav ul li.nav-left {
float:left;
height:3em;
margin-left: 6px;
}
#nav ul li.nav-left ul {
left: 1PX;
}

#nav ul li.nav-left ul {
	    top: 48px;
}
.nav-left > ul {
top: 3em;
}
#nav ul li.nav-left ul li {
padding: 12px 9px;
	min-height: 1em;
}

#nav ul li.nav-left i.fa.fa-arrows {
    display: inherit;
    padding: 2px 0 0 1px;
}
#nav ul li.nav-left ul li ul {
    margin-left: 44px;
    margin-top: -48px;
	box-shadow: none;
}
#nav #p-personal {
margin-top:-5px;
}

#p-cactions-label {display: none;}
div.vectorTabs span, div.vectorTabs, a.feedlink {
	background-image:none;
	height: initial;
}

div.vectorTabs span {
	height: initial;
}
div.vectorTabs li a {
    font-size: inherit;
}
div.vectorTabs ul li {
    height: 3em;
}
#nav #p-personal ul {
    padding-right: 0;
    left: 30px;
}
#nav ul li.nav-left ul li ul li {
padding:0;
}
#nav ul li:hover {
    background:rgba(249, 98, 98, 0.82);/*rgb(98, 139, 249)*/
}
			
#nav ul li a,#nav ul li p {
    display: block;
    color: inherit;
    text-decoration: none;
    height: 3em;
    line-height: 3em;
    padding: 0 0.5em 0 0.5em;
    outline: 0;
    color:#fff;
}

#nav ul li p {
margin: 1px 0;}

#nav ul li i {color:#fff;}

#nav ul li ul {
position:absolute;
display:none;
box-shadow: black -4px 4px 7px -1px;
}

#nav ul li ul li {
	float:none;
	margin:0;
	padding-right:5px;
	padding-left:8px;
	color:#fff;
	display:block;
	background: rgba(75,75,75,0.9);
	height: initial;
}

#right-navigation:before {
    content: "\f013";
    position: absolute;
    font: "Font Awesome 5 Pro";
	left: 16px;
}

#nav ul li ul li:hover {
background:rgba(58, 111, 255, 0.9);
}
body.page-עמוד_ראשי #nav ul li ul li:hover {
background: rgba(71, 121, 255, 0.95);
}
#nav ul li:hover ul, #nav ul li ul:hover {
display:block;
}

#nav ul li ul li ul {
display:none !important;
margin-top: -3em;
margin-right: 12em;
width: 15em;
}
#nav > ul > li:nth-child(3) > ul {width: 12.3em;}

#nav ul li ul li:hover ul, #nav ul li ul li ul:hover {
display:block !important;}

#nav #social-bar-icon a {
float:right;
width: 100%;
margin: 0;
padding-right: 12px;
}
#social-bar-icon a:hover {
background:rgba(58, 111, 255, 0.9);
}
#nav #social-bar-icon {
display:flex;
margin:0;
padding:0;
}
#nav #social-bar-icon:hover {
background: rgba(75,75,75,0.9);
}
#mw-page-base {
display:none;}

div.suggestions {
z-index: 99999;}

#nav #p-variants, #nav #p-namespaces, #nav #left-navigation, #nav #p-cactions-label a, #nav ul li.nav-left ul li p, #nav #mw-navigation, #p-tb-label, .mwe-popups-timestamp-recent, .hiddenpic {display:none;}

#nav #ca-watch > span > a, #ca-unwatch.icon a {
background-repeat: no-repeat;
float:left;
margin: -5px 6px;
}
#p-logo {
padding: 9px;
width: 147px;
top: -153px;
overflow: hidden;
height: 111px;
}
/* פירורי לחם */
#mw-head-base {
    margin: 0;
    height: 0;
}

.ns-90 #breadcrumbs2 {
    display: none;
}

#breadcrumbs2 {
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 0;
    font-size: 1em;
    text-align: center;
}
.cat-באנר #breadcrumbs2 {
	display: none;	
}
#image-banner #breadcrumbs2 {
	display: block;	
}
/* קטגוריות */
#mw-subcategories,  #mw-pages
{
padding: 1em;
background: rgb(241, 241, 241);
margin: 1em 0 2em;
box-shadow: black 4px 6px 13px -4px;
}

#mw-subcategories h2, #mw-pages h2   {
font-size:1.5em;
text-align:center;
}
#mw-subcategories h3, #mw-pages h3 {
font-size:1.3em;
}


#mw-pages > div > table > tbody > tr > td {
padding: 0 13px;
}
#content #mw-content-text .hebrewQuotation > tbody >tr > td > p, #content #mw-content-text .hebrewQuotation b, #content #mw-content-text .engQuotation b,  #content #mw-content-text .engQuotation p
{
font-size: larger;
text-align: justify;
}
.catlinks li:first-child {
    margin-right: -2px; 
    }
    
    .catlinks li {
	border-right: none;
    }
    .catlinks li  a {
    background: #2aaddc;
    border-radius: 3px;
    border: solid thin #2aaddc;
    padding: 0.1em 0.5em 0.2em;
    margin-right:6px;
    }
    .catlinks li > a:hover {
    text-decoration:none;
    }
    .catlinks a {
    color: #fff;
    }
    .catlinks li:hover {
    background: #fff;
    color: #2aaddc;
    }
    
    .catlinks {
    border: none;
    background-color: transparent; }
    
    
    #page1 {
    margin-top:-4em;
    }
/* דפי מדיה */
#mw-imagepage-reupload-link, #filehistory, .mw-search-createlink, li#mw-imagepage-upload-disallowed, .mediaWarning,  span.fileInfo, #filetoc, #mw-imagepage-section-filehistory > p, #mw-imagepage-section-filehistory > table > tbody > tr, #mw-imagepage-section-filehistory > table > tbody > tr:nth-child(2) > td, h2#filehistory, .mw-imagepage-section-metadata, h2#metadata {
display: none;
}
#mw-imagepage-section-filehistory > table > tbody > tr:nth-child(2) {display:block;}
#mw-imagepage-section-filehistory > table > tbody > tr:nth-child(2) > td:nth-child(2) {
    display: inline-block;
    border: none;
    vertical-align: middle;
}

.filehistory-selected a {
    font-size: 2em;
}
/* תוכן עניינים */
.toctogglespan {
	display: none;
}
.mw-content-rtl .toc ul ul, .mw-content-rtl #toc ul ul, .mw-content-ltr .mw-content-rtl .toc ul ul, .mw-content-ltr .mw-content-rtl #toc ul ul {margin: 0 1em 0 0;
}


#toc {
-webkit-transition:right 0.5s ease;
-moz-transition:right 0.5s ease;
-o-transition:right 0.5s ease;
-ms-transition:right 0.5s ease;
transition:right 0.5s ease;
}
#toc li.active a {
background: gray;
border-radius: 4px;
padding: 4px;
color: #fff;
}
#tocmeta, #toctitle > h2, span.toctoggle {
    display: none;
}

#toc h1.firstHeading {
    margin-top: 0;
    text-align: right;
    border-bottom: #c1c1c1 solid;
}

#toc li {
text-align: right;
font-size: 16px;
margin-bottom: 3px;
}

#toc a.active {
	font-weight:bold;
}
li.toclevel-2 {
font-weight: normal;
}
li.toclevel-1 {
font-weight: bold;
}
.toctoggle {transition: all 0.4s ease;}
.tocnumber { display: none; }


@media only screen and (max-width: 1200px) {
#toc, .toc {
position: relative !important;
	}
#p-tb {display: none;}
}


@media only screen and (min-width: 1200px) {
div#content {
    min-height: 52vh;
}
#toc li a {
color: rgb(106, 106, 106);
}

a#togglelink {
color: #808080;
}

span.toctoggle {
margin: 0px 1em 0 -2em;
}

#toc, .toc {
background: #f2f2f2;
position: absolute;
right:-261px;
top: 15em;
    padding: 1em 2em;
    z-index: 0;
width: 190px;
border: none;
}

#tocmeta {display:block;}
#tocmeta #firstHeading {font-size: 1.2em;
text-align: center;
font-weight:bold;}

.tochidden {
visibility: hidden;
}
.tochidden .toctoggle {
visibility: visible;
margin-left: 8em;
}

.tochidden #togglelink {
opacity: 0;
}
.tochidden .toctoggle:before:hover {
}
a.scrollFixIt {
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-ms-transform: rotate(23deg);
-o-transform: rotate(23deg);
transform: rotate(23deg);
color: #656565;
}
}
@media only screen and (min-width: 1444px) {
#toc, .toc {
right:-353px;
width: 255px;
}
.mw-content-rtl .toc ul ul, .mw-content-rtl #toc ul ul, .mw-content-ltr .mw-content-rtl .toc ul ul, .mw-content-ltr .mw-content-rtl #toc ul ul {margin: 0 2em 0 0;
}
}

/* RTL adjustments */
.dropdown-menu {
right: 0;
left: inherit;}

#userbar .nav {
cursor: pointer;
padding: 0;
}

.nav-pills .dropdown-menu {
text-align: right;
}
#innerbodycontent {
max-width: 750px;
margin-left: auto;
margin-right: auto;
}

#catlinks {
margin: 1em auto 1em auto;
max-width: 750px;
}
#mw-normal-catlinks {
color: transparent;
margin-top: 2em;
}
#mw-normal-catlinks > a {
display: none;
}
/* share */
div#at4-whatsnext {
    background-image: url(https://doalogue.co.il/wiki/images/7/75/LOGO_NS.png);
    background-size: 42%;
    background-repeat: no-repeat;
    background-position: 0% 34%;
    background-color: #fff;
}

.at-whatsnext-nophoto .at-whatsnext-content-inner {
    left: inherit !important;
    right: 3em !important;
}

.slideInRight {
-webkit-animation-name: slideInLeft !important;
animation-name: slideInLeft !important;
}
#at4-whatsnext {
left: 0;
right: auto;
width: 290px;
}

small#at-whatsnext-dom {
bottom: 0px;
}
#at4-share, #at4-soc {
top: 190px !important;}


#at-whatsnext-link {
    text-align: right;
    max-width: 9.5em;
}
.atss.atss-right {
float: left;
left: 0;
right:auto;
}
.atss-right .at-share-close-control .at4-arrow {
float: right !important;
background-position: 0px 0;
}
.atss.atss-right a {
float: left !important;
}

#at4-soc {
left: 0;
right: auto;
}

div.at4-arrow, .at4m-menu .at4m-menu-content ul li a span.at4-arrow, .at4m-menu .at4m-menu-inner .at4m-menu-header .at4m-menu-header-inner a.at4m-menu-cancel, .at4m-menu-content ul li a span.at4-arrow {COLOR: TRANSPARENT;}
.at4m-menu .at4m-menu-content ul li a {
width: auto !important;}
#at-whatsnext-dom {
left: 0;
}
.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {height: 31px !important;}
.at4-share-title {
height: 31px;
width: 32px;
padding: 5px 11px 11px 5px;
color: transparent;
}
.at4-whatsnext .at-whatsnext-content a.at4-logo {
right: -10em !important;}

.at4-whatsnext .at-whatsnext-content-inner small {
position: relative !important;}
#at4-share > div.at4-share-title:before {
position: absolute;
content: "\f1e0";
font-family: "Font Awesome 5 Pro",'Helvetica Neue',Helvetica,Arial,sans-serif;
color: #000;
opacity: 0.24;
font-size: 2em;
font-weight: 100;
}
#at4-share > div.at4-share-title:before:hover {
opacity:1;
}

.atss {
z-index: 998 !important;}

/* תבנית ניווט */
.navbox, .navbox a, .navbox a.extiw {
color:rgba(85, 143, 255, 0.8);
}  
.navbox a:visited, .navbox a.extiw:visited{
color:#05C328;
}
.group a, .group a:visited {
color: #fff;
}

table {
background-color: transparent;
}
.mw-body table {
width: auto;
}


.menu {
margin: 1em auto 1em auto;
max-width: 752px;}

.navigaion {margin-top: 2em;}


/* flip */
.panel, .nopanel {
    margin: 0 auto;
    width: 130px;
    height: 130px;  
    position: relative;
    font-size: .8em;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}
.front {
background: #000;
}
.panel .front, .nopanel .front {
    position: absolute;
    top: 0;
    z-index: 900;
    width: inherit;
    height: inherit;
    text-align: center;
}
.panel .back {
    position: absolute;
    top: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
}

.panel .front, .nopanel .front {
    position: absolute;
    top: 0;
    z-index: 900;
    width: inherit;
    text-align: center;
    transform: rotateX(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
height: 100%;
overflow:hidden;
}
.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.panel .back {
    position: absolute;
    top: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
 
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    /* -- transition is the magic sauce for animation -- */
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .4s ease-in-out;
}
/* no flip for mw124 */ 
.panels .panel {
    margin: 0 auto;
    width: 100%;
    height: 100%;  
    font-size: 1em;;
}

.front {box-shadow: rgba(0,0,0, 0.6) 3px 4px 5px 0px, rgba(0,0,0, 0.3) 0px 0px 46px 50px inset;}
.front.three {background: url('../images/overlay.png'), url(../images/fulls/03.jpg) no-repeat 0 0 / 100%;}
.front.workshop {background:url('../images/overlay.png'), url( //doalogue.co.il/images/workshop.jpeg) no-repeat 0 0 / 100%;}
.front.o-one {background:url('../images/overlay.png'), url( //doalogue.co.il/images/fulls/01.jpg) no-repeat 0 0 / auto 100% !important;}
.front.o-five {background:url('../images/overlay.png'), url( //doalogue.co.il/images/fulls/05.jpg) no-repeat 0 0 / auto 100%;}
.front.t-one {background:url('../images/overlay.png'), url( //doalogue.co.il/images/thumbs/01.jpg) no-repeat 0 0 / auto 100%;}
.front.por-zero {background:url('../images/overlay.png'), url(https://lh4.googleusercontent.com/-cB8NvZ4hoes/Uhcq8DNnHgI/AAAAAAAAEBk/yCNjPoogisc/w1245-h701-no/SAM_2073.JPG
) no-repeat 0 0 / auto 100%;}
 
.front.por-one {background:url('../images/overlay.png'), url(https://lh3.googleusercontent.com/-vu1VcjBBcCs/U9Qt3XYRqVI/AAAAAAAAEJk/a9KoH_i09_Y/w987-h658-no/chicago-bean-329248.jpg) no-repeat 0 0 / auto 100%;}
 
.front.por-two {background:url('../images/overlay.png'), url(https://lh3.googleusercontent.com/-AB7MJTDDk7A/U_1lqgSaopI/AAAAAAAALEU/F9ruvMh3Dkg/w941-h701-no/IMG_20140824_184346.jpg) no-repeat 0 0 / cover;}
 
.front.por-three {background:url('../images/overlay.png'), url(/images/complex-bg.jpg) no-repeat 0 0 / auto 100%;}
 
.front.por-four {background:url('../images/overlay.png'), url(https://lh5.googleusercontent.com/-sw6vthg5ums/U9QrphUOPBI/AAAAAAAAEJw/I6FBaJx4pnY/w987-h658-no/Training_meeting_in_a_ecodesign_stainless_steel_company_in_brazil.jpg) no-repeat 0 0 / 100% 100%;}
.front.por-five {background:url('../images/overlay.png'), url(https://lh4.googleusercontent.com/-ah2CEvDlKvg/Uhd19SK-t5I/AAAAAAAAEBs/8AA6Gc6La1s/w1245-h701-no/SAM_1395.JPG) no-repeat 0 0 / auto 100%;}
.front.pardigm-rise {background:url('../images/overlay.png'), url( //doalogue.co.il/wiki/images/e/e8/%D7%94%D7%AA%D7%97%D7%9C%D7%A4%D7%95%D7%AA_%D7%A4%D7%A8%D7%93%D7%99%D7%92%D7%9E%D7%95%D7%AA.JPG) no-repeat 0 0 / auto 100%;}
 .front.paradigm-org {background:url('../images/overlay.png'), url( https://upload.wikimedia.org/wikipedia/commons/thumb/9/92/Sort_sol_ved_%C3%98rns%C3%B8_2007.jpg/320px-Sort_sol_ved_%C3%98rns%C3%B8_2007.jpg) no-repeat 0 0 / cover;}
.front.local1 {background:url('../images/overlay.png'), url(../images/fulls/03.jpg) no-repeat 0 0 / cover;}
.front.local2 {background:url('../images/overlay.png'), url( //doalogue.co.il/images/fulls/01.jpg) no-repeat 0 0 / cover;}
.front.local3 {background:url('../images/overlay.png'), url( //doalogue.co.il/images/thumbs/01.jpg) no-repeat 0 0 / cover;}

.front.TLV-view {background:url('../images/overlay.png'), url(https://lh4.googleusercontent.com/-U7wEC1BKBMk/U8Us2Z9SXCI/AAAAAAAACOo/bVOtnhZF3rg/w864-h701-no/IMG_20140715_162202.jpg) no-repeat 0 0 / cover !important;}

.front.light-house {background:url('../images/overlay.png'), url(https://lh5.googleusercontent.com/-kifGoYF7iEI/U9Q3x9XjaFI/AAAAAAAAELA/2B0Jjf3B0ew/w877-h658-no/lh4.jpg) no-repeat 0 0 / cover;}


.front.gatesea {background:url('../images/overlay.png'), url(https://lh5.googleusercontent.com/-D31aGljuqt4/U9Qt1qmSetI/AAAAAAAAEJ4/MoO90GLrigQ/w1041-h658-no/duluth-398714.jpg) no-repeat 0 0 / cover;}
.porback 
{position: absolute;
/* background: url( https://doalogue.co.il/wp-content/uploads/2019/01/intro-11.jpg) 0 0 / 100% 100% fixed; */
background: #4d99e7;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-size:cover;
opacity: 0.5;}
/* פורטלים שונים 
#leadership-portal > div > div.front > div.porback, #leadership-portal > div.nopanel > div.gridcell > div > div.porback {background-image: url(https://lh5.googleusercontent.com/-sw6vthg5ums/U9QrphUOPBI/AAAAAAAAEJw/I6FBaJx4pnY/w987-h658-no/Training_meeting_in_a_ecodesign_stainless_steel_company_in_brazil.jpg);}

#management-portal > div > div.front > div.porback, #management-portal > div.nopanel > div.gridcell > div > div.porback {
background-image: url(https://lh4.googleusercontent.com/-cB8NvZ4hoes/Uhcq8DNnHgI/AAAAAAAAEBk/yCNjPoogisc/w1245-h701-no/SAM_2073.JPG);
}
#knowledge-portal > div > div.front > div.porback, #knowledge-portal > div.nopanel > div.gridcell > div > div.porback {
background-image: url(/images/fulls/03.jpg);
}
#strategy-portal > div > div.front > div.porback, #strategy-portal > div.nopanel > div.gridcell > div > div.porback {
background-image: url(https://lh4.googleusercontent.com/-ah2CEvDlKvg/Uhd19SK-t5I/AAAAAAAAEBs/8AA6Gc6La1s/w1245-h701-no/SAM_1395.JPG);
background-position: 0 -42%;
}
#organization-portal > div > div.front > div.porback, #organization-portal > div.nopanel > div.gridcell > div > div.porback {
background-image: url(/images/complex-bg.jpg);
}
#innovation-portal > div > div.front > div.porback, #innovation-portal > div.nopanel > div.gridcell > div > div.porback {
background-image: url(https://lh5.googleusercontent.com/-kifGoYF7iEI/U9Q3x9XjaFI/AAAAAAAAELA/2B0Jjf3B0ew/w877-h658-no/lh4.jpg);
}

#system-thinking > div > div.front > div.porback, #system-thinking > div.nopanel > div.gridcell > div > div.porback {
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/8/84/Organic-network.jpg);
}
#try > div > div.front > div.porback, #try > div.nopanel > div.gridcell > div > div.porback {
background-image: url(https://lh3.googleusercontent.com/-vu1VcjBBcCs/U9Qt3XYRqVI/AAAAAAAAEJk/a9KoH_i09_Y/w987-h658-no/chicago-bean-329248.jpg);
}
*/
.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

#artitle, #portitle {
    height: 150px;
    position: absolute;
    width: 150px;
display: flex;
justify-content: center;
align-items: center;
}
#portitle h3, #artitle h3 {
margin: 13px;
font-size: 2em;
padding: 0;
line-height:1.2;
color:#fff;}
#gridtext > p > a
{
color: #fff;
font-weight: bold;
}


#portitle {
border-radius: 1em;
box-shadow: black 4px 8px 10px;
} 

#portitle h3 {
font-size: 2em;
text-align:center;
}
#gridlink > .selflink, #p-search > h3 {display:none;}
#gridlink a {
position: absolute;
z-index: 10000;
opacity: 0;
width: 100%;
height: 100%;
display: block;
}
#artitle2 {
    background: #cecece;
    height: 150px;
    position: absolute;
    width: 150px;
display: flex;
justify-content: center;
align-items: center;
}
#artitle2 p
{
margin: 1em;
overflow: hidden;
text-align: justify;
font-size: 14px;
line-height: 1.4;
display: block;
}
.gridcell h3, #gridcell h3 {
margin: 0.5em;
text-align: center;
font-size: xx-large;
border: none;
font-weight: bold;
line-height:1.1;
position: relative;
z-index: 1;
color:#fff;
}
.gridcell p, #gridcell p {
margin: 0.4em 2em !important;
text-align: justify;
position: relative;
z-index: 1;
color:#fff;
}
#content svg {
  display: block;
  margin: auto;
  max-width:100%;
  height: 100%;
}
@media (max-width: 767px) {
	#content .responsive-diagram {
	  overflow-x: auto;
	}	
	#content .responsive-diagram svg {
	  max-width: fit-content;
	  max-height: 75vw;
	  height: unset;
	}	
}

.diagram2pdf {
    position: absolute;
    margin-top: -1.2em;
    z-index: 4;
    left: .5em;
    cursor: pointer;
    color: var(--doalogue-azure);
}
.hide.visible {
	display: block;
}
.ns-90 #firstHeading, .ns-102 #firstHeading {
margin-top: 0;
font-size: 3.6em;
border: none;
font-weight: bold;
text-shadow: lightgray 2px 3px 8px;
text-align: center;
padding: 2em 0 0.4em;
}

.ns-90 .mw-body p, .page-פורטלים .mw-body p, .page-קורסים_והכשרות .mw-body p, .ns-90 .mw-body .thumb, .page-פורטלים .mw-body thumb, .page-קורסים_והכשרות .mw-body thumb {
display: none;
}

.ns-90 #p-logo a, .ns-102 #p-logo a {
    z-index: 99;
    position: relative;
    height: 87px;
    top: 42px;
}

#p-logo a {
    background-size: contain;
width: inherit;
    transition: ALL Ease .5s;
-webkit-transition: all ease .5s; 
-moz-transition: all ease .5s; 
-ms-transition: all ease .5s; 
-o-transition: all ease .5s; 
}

.ns-90 #mw-page-base, .ns-102 #mw-page-base {
height: 0em;} 

#gridtext  {
overflow: hidden;
}
#gridtext p {
color: #fff;
display: block;}
/* תיקונים קוסמטיים*/
div#content a.external {
background-position: center left;
background-repeat: no-repeat;
background-image:none;
padding-left: 0; }

div.vectorMenu ul {
z-index: 9999;}

#cite_ref-1 {
line-height: 1;
}
/* תבנית תמונה */
div.floatleft, table.floatleft {
margin: 0 1.5em .5em 0;}
.thumbinner2 {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
position: relative;
}

.thumbinner2 a {
left: 3px;
right: 3px;
top: 8px;
bottom: 2.5em;
position: absolute;
opacity: 0;
}

.thumbinner2 img {
width: 100%; }

.thumbcaption a {
position: relative !important;
opacity: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.toccolours .mw-body h3 {
margin-top: 0.3em;
  margin-bottom: .3em;
}

#frontl h3 {
text-align: center;}

#mf-frontl:hover {
box-shadow: gray 3px 3px 5px 1px;
margin-top: -3px;
border-radius: 10px;
margin-bottom: 3px;
}

.thumb.strip > div > img {
margin-top: -13em;
}

/* מסך הבית */

.nav-links a:hover {
color: white;
overflow: hidden;
padding: 0 10px 0 10px;
background: rgba(59,164,204,0.88);
padding: 1em;}

.nav-links a {
position: relative;
margin-top: -9px;
padding-top: 9px;
padding-right: 30px;
padding-left: 30px;
box-shadow: none;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-family: Arial;
color: gray;
font-weight: 700;
text-align: left;
letter-spacing: 1px;
text-decoration: none;
font-size: 16px;
}

#mf-table {
background-color: rgba(20, 20, 20, .6); 
}

#mf-fronts {
border-top: 13px solid white;
border-bottom: 19px solid rgba(179,173,173,0.51);
background-color: rgba(20,20,20,.5);
color: #fff;
height: 100%;
position: relative;
text-align: justify;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
line-height: 1.3em;
margin-bottom: -6px !important;
text-align: center;
}

#mf-fronts a, .template-header a {
color:#fff !important;
font-weight:bold;}

#mf-fronts a:hover {
color:#FFF;
}

#mf-fronts ul{
position: relative;
padding-left: 0;
  display: inline-block;
  position: relative;
  max-width: 1189px;
  margin: 0.3em auto 0;
  padding-left: 0;
  list-style-image: none;
}

#mf-fronts h3 {
border: none;
text-align: center;
margin-top: 10px;
color: #fff;
font-weight: bold;
background: transparent;
line-height: 1.2; 
}
#sides {
display: none;
}
#sides:hover {
background: transparent;
}

#mf-wiki {
background-color: white;
text-align: center;
margin: 0 auto 4em;
max-width: 801px;
}

#page4 {
max-width: 1000px;
margin: 0 auto;
}

#mf-wiki h2 {
border:none; 
font-size: 33px;
font-weight: 300;
margin-top: 60px;
margin-bottom: 20px; 
line-height: normal;
}
#mf-wiki p {
font-size: 18px;
}
#fr-shadow, #frshadow {
width: 90%;
background-image: linear-gradient(to bottom,rgba(150,150,150,0.5),rgba(150,150,150,0));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80969696',endColorstr='#00969696',GradientType=0);
background-color: rgba(150,150,150,0.3);
background-image: -moz-linear-gradient(top,rgba(150,150,150,0.5),rgba(150,150,150,0));
background-image: -ms-linear-gradient(top,rgba(150,150,150,0.5),rgba(150,150,150,0));
background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(150,150,150,0.5)),to(rgba(150,150,150,0)));
background-image: -webkit-linear-gradient(top,rgba(150,150,150,0.5),rgba(150,150,150,0));
background-image: -o-linear-gradient(top,rgba(150,150,150,0.5),rgba(150,150,150,0));
background-image: linear-gradient(top,rgba(150,150,150,0.5),rgba(150,150,150,0));
background-repeat: repeat-x;
margin: auto;
height: 20px;
background-color: #FFF !important;
}

#fr-shadow:after, #frshadow:after {
content: '';
position: absolute;
height: 20px;
opacity: 1;
background: -moz-linear-gradient(left,#ffffff 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,#ffffff 100%);
background: -webkit-linear-gradient(left,#ffffff 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,#ffffff 100%);
background: -o-linear-gradient(left,#ffffff 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,#ffffff 100%);
background: -ms-linear-gradient(left,#ffffff 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,#ffffff 100%);
background: linear-gradient(to right,#ffffff 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,#ffffff 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)";
}

#fr-shadow:after, #frshadow:after {
width: 70%;
left: 15%;
}

#fr-shadow:before, #frshadow:before {
display: table;
content: "";
}

body.page-פורטל:ויקי #fr-shadow {
width: 70%;}


#mf-frontl, #frontl {
padding:2em;
-webkit-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

#mf-frontl h3 {
text-align: center;}

#mf-frontl:hover {
box-shadow: gray 3px 3px 5px 1px;
margin-top: -3px;
border-radius: 10px;
margin-bottom: 3px;
}

.ns-90 div#mw-head, body.page-עמוד_ראשי div#mw-head, body.page-עמוד_ראשי .at4-whatsnext-outer-container.addthis-smartlayers-desktop.addthis-smartlayers {
position: relative;
display: none;}

body.page-עמוד_ראשי #p-logo {
display:none;
}
.ns-90 #catlinks, body.page-עמוד_ראשי #catlinks {
display: none;
}

.ns-90 div#footer ul, body.page-עמוד_ראשי div#footer ul {
margin: 0 0 0 9em;}

.ns-90 #footer-info-lastmod, body.page-עמוד_ראשי #footer-info-lastmod, #footer-info-viewcount
{
display: none;
}
.ns-90 div#content,.ns-102 div#content, body.page-עמוד_ראשי div#content {
border: none;
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
padding-bottom: 1em;
box-shadow: rgba(20,20,20,0.3) 0px 5px 6px 1px;
}

#mf{
	position: relative;
	overflow: hidden;
	color:#333;
}
#mf-banner {
background: url( https://doalogue.co.il/wp-content/uploads/2019/01/intro-11.jpg);
background-attachment: fixed;
margin-top: 20px;
background-position: 57% 100%;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
mf-logo {
background-image: url(/doalogo.png);}
body.page-עמוד_ראשי h1.firstHeading { display:none; }


#mf-banner-intro {
margin: 6em 30%;
padding: 20px; position: relative; 
max-width: 590px;
 z-index: 1; font-size: 200%;
 text-align: center;
opacity: 0.9; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px;
color: white;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

#mf-banner-intro h2{
font-size: 2.3em; text-align: center; line-height:100%; color:#FFF;
border-bottom: 1px solid #fff;
margin-bottom: -0.2em;
text-shadow: black 1px 8px 11px,black 0px 0px 7px;
overflow: visible;
text-indent: 0;
text-align: center;
}

#mf-banner-intro h3 {
font-size: 1.1em;
font-weight: 100;
line-height: 1.1;
color: white;
text-shadow: black 2px 2px 8px,black 1px 1px 2px;
}

#mf-banner-intro:hover h4 {opacity:0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-size:medium;
}

#mf-banner-intro h4 {
   color: white;
line-height: 0.5;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
margin-bottom: -0.7EM;
margin-top: -0.2EM;
}

#mf-banner-intro p{
color:#FFF;
opacity: 0;
font-size: larger;
padding: 1em 1em 0 1em;
margin-bottom: -1em;
display: none;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
text-shadow: black 4px 4px 21px, black 1px 1px 3px;
margin-top: -1em;
margin-bottom: -1em;
}


body.page-עמוד_ראשי#simpleSearch
{
top: 18.5em;
left: 1em;
position: absolute;
width: 236px;
z-index: 11;
float: left;
font-size: 110%;
}

/*.highlight {
    background: #FF9696;
    border-radius: 3px;
    padding: 3px;
}*/

#mf-search-back{
	position: absolute;
	background: transparent;	
}

#mf-logo img {
vertical-align: middle;
position: absolute;
z-index: 2;
margin-right: 0em;
clip: rect(0px,100px,70px,0px);
width: 100px;
right: 1em;
margin-top: -5em;
}

body.page-עמוד_ראשי #mw-head-base {
margin-top: -4em;
margin-right: 10em;
height: 0em;}

#mf-wrap {
height: 46em;
overflow: hidden;
}

#main-bottom, #main-bottom p {
text-align:center;
clear: both;
}
#mf .column{
	float: left;
	width: 31%;
	margin-right: 3%;
}
#mf .column h2, #mf.column h3{
	margin-bottom: 5px;
	margin-top: 15px;
}
#homes .half{
	width: 50%;
	float: left;
}
#mf .last{
 margin-right:0;
}
#mf .left{
float:left;
}
#mf .first{
 clear:left;
}


#lowtable {
margin: 0 12%;
clear: both;
}

#rb-grid {
	list-style: none;
	text-align: center;
	margin: 0 auto;
}

#rb-grid li {
max-width: 146px;
  height: 9em;
  margin: -19px 0 -18px;
  background: transparent;
  color: #fff;
  display: block;
  padding: 1.6em 0;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  animation: mfronts1 25s infinite;
  float: right;
}

#mf-front {
    padding: 0 6px;
}

#rb-grid li:hover {
background-color: rgba(71, 121, 255, 0.8); 
}

.rb-grid li h3 {
	font-size: 1.5em;
	font-weight: 100;
}

.rb-grid li:hover .rb-temp {
	opacity: 1;
}

.rb-overlay {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: -1;
	pointer-events: none;
	cursor: default;
}

.rb-close {
	position: absolute;
	top: 0.4em;
	right: 0.4em;
	width: 3em;
	height: 3em;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 1000;
}

.rb-close::before {
	content: 'x';
	font-weight: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 3em;
	line-height: 0.6;
	text-align: center;
	text-indent: 0px;
}

.rg-close {
	position: relative;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 1000;
}

.rg-close::before {
	content: '';
	font-weight: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 3em;
	line-height: 0.6;
	text-align: center;
	text-indent: 0px;
}

.rb-week {
	width: 100%;
	height: 100%;
}

.rb-week > div {
	width: 10%;
	height: 100%;
	float: right;
	position: relative;
	padding: 3% 0;
}

.rb-week > div:first-child {
	width: 80%;
}

.rb-week span {
padding: 2% 6% 2% 6%;
	font-size: 3em !important;
	font-weight: 100;
	display: block;
	margin: auto 0;
/*	height: 30%;
	width: 100%; */
	line-height: 1;
}

.rb-week span:hover {
opacity: 1; 
font-size: 120%;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.rb-week span.rb-city {
	font-size: 60px !important;
	font-weight: 700;
	padding: 1% 10%;
	font-size: 1em;
	line-height: 1.2;
}

.rb-week [class^="icon-"]:before {
font-size: 40px !important;	
font-size: 2.5em;
	font-weight: normal;
}

.rb-week > div:first-child [class^="icon-"] {
	opacity: 0.1;
font-size: 50px !important;
}



/* quote lightbox */
#readmre-wrapper {
overflow: hidden;
width: 100%;
padding: 0 0 0 2em;
border-radius: 2em;
transition: .4s all ease;
-moz-transition: .4s all ease;
-ms-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
}

#readmre-wrapper.english-quote {
    direction: ltr;
}
div#readmre-wrapper:hover {
box-shadow: black 2px 2px 7px -3px;}

div.readmore-div {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
/* margin: 0em auto 5em; */
}
 span.source {
   float: left;
 }
 span.source:before{
   content:"–";
   padding: 0 0 0 9px;
 }
.readmore-qoute p:nth-child(1) {
  font-size: 1.2em;
    height:7em;
  overflow: hidden;
  text-align:justify;
  position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
.readmore-qoute p:after {
content: "";
text-align: right;
position: absolute;
bottom: 0px;
left: 0;
width: 70%;
height: 1.3em;
transition: .4s all ease;
-moz-transition: .4s all ease;
-ms-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
blockquote.readmore-qoute {
  max-width:600px;
  display:block;
  position: relative;
}
.quote-contain {
  border-radius:7px;
max-width:700px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;}
.merhaot:before, .merhaot:after {
content: "\201D";
font-size: 4.4em;
position: relative;
margin: -15px 0 0 10px;
opacity: .5;
float: right;
padding: 0 0 0 5px;
}
#closeit{
display:block;
padding-top:1.5em;
}
.merhaot:after{
  content:"\201C";
 margin: -50px;
  float: left;
  }
.readmore-qoute a:hover {
opacity:1;
}

a.readmore-trigger {
color: transparent;
display: block;
position: absolute;
bottom: -14px;
left: 0;
width: 33px;
height: 24px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAtAAAALQB65csewAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJHSURBVEiJrZU9aFRBEMd/M3ukMH40B6IEQgwBiyvuMGAjRAtBUUEwQSsVUlhqaWWjnRjEShBFkODJNSYRtRJEC8EiQbBQFE8QFa6xsEhi7o3Fe3p7+/Y+8FyYYvfNzm/27X9mxcwIh4jsBD2mUDGkDDYO8l6wlQRZhuaCmTVyG2PDzNoM3FlBfwhqXawBbibcGzMvMEVBlnoEbjNFHwDb+gII8jgSZE1wrxWdF3RZ0F8RyHxPAOi5YGNT0WvApvbfxxZFb4YQcCc6AoAxQX/6wcEd/uOg6GXBvQJ30runU/k7oRgDKOhxYPivguCq2cYTTwcTYHvBdrSEsVEVuOP5FMEdjIlIFcrefDUhudSP+hKSi22BsHLMr2BQaU3lrZmtO3FXDCtla5PZyWZVdD+AoUtmdlvFfQZG0zWrEBkFYMzL61PqLPuAqcC3BFLKsq2nS/YBZDRLZLwDQN6B7cmcJlIAc0A1zVxmwSYFagk8S78nbzL/3d7pv8YAKHrL1z0w3K4CraZS1AuB/EaCergbVVECKx5vSNG5aCbBEOSGP0+QR518twvaCArnjKf504peB6Zaa3o+qIM64LpUspuOtQBgJPgtuwR5mG8p7gUw1LUXZf0m1tS+C+5leMq8yUIM4me3Objwf7A8JNKcCocE/dIjWF1wz/uBSIcXbSu4A4pVDCun9WHfBPmYIE+huQiIIPdBpvO6sUXDZsxsveeL1LXXQ0GQWreTDAToA1IbGNAFsgbu6H8BRCCr4I5EVTQoRNF7/ov4G7N5JtcDKeecAAAAAElFTkSuQmCC88ba86b1786453b254c8475923921c1d');
background-position: center;
cursor: pointer;
background-repeat: no-repeat;
opacity: 0.8;
zoom: 1;
border: none;
z-index: 1003;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
transition: .4s all ease;
-moz-transition: .4s all ease;
-ms-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
border-radius: 108%;
padding: 12px;
transition-delay: .1s;
}

a.readmore-trigger:after, a.readmore-trigger:before {
opacity: 0;
visibility: hidden;
-webkit-transition-delay: 300ms; 
   -moz-transition-delay: 300ms; 
     -o-transition-delay: 300ms; 
        transition-delay: 300ms;
 -webkit-transition: all 900ms cubic-bezier(0.805, 0.010, 0.180, 1);
-webkit-transition: all 900ms cubic-bezier(0.805, 0.010, 0.180, 1.285); 
   -moz-transition: all 900ms cubic-bezier(0.805, 0.010, 0.180, 1.285); 
     -o-transition: all 900ms cubic-bezier(0.805, 0.010, 0.180, 1.285); 
        transition: all 900ms cubic-bezier(0.805, 0.010, 0.180, 1.285);

-webkit-transition-timing-function: cubic-bezier(0.805, 0.010, 0.180, 1);
-webkit-transition-timing-function: cubic-bezier(0.805, 0.010, 0.180, 1.285); 
   -moz-transition-timing-function: cubic-bezier(0.805, 0.010, 0.180, 1.285); 
     -o-transition-timing-function: cubic-bezier(0.805, 0.010, 0.180, 1.285); 
        transition-timing-function: cubic-bezier(0.805, 0.010, 0.180, 1.285);
}

a.readmore-trigger:after {
  content: "";
  display: block;
  position: absolute;
  right: -33px;
  text-align: center;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 29px 19px 0;
  border-color: transparent #00B2FF transparent #00B2FF;
  bottom: 5px;
}

a.readmore-trigger:before {
content: "לחץ להרחבה";
background: #00B2FF;
color: #fff;
width: 120px;
height: 25px;
display: block;
position: absolute;
right: -153px;
text-align: center;
}

div#readmre-wrapper:hover a.readmore-trigger:after, div#readmre-wrapper:hover a.readmore-trigger:before {
  opacity: 1;
  visibility: visible;
}
div#readmre-wrapper:hover a.readmore-trigger:after{right: -18px;}
div#readmre-wrapper:hover a.readmore-trigger:before {right: -138px;}

/* light box mechanism*/
div.readmore-div:target {
  position:fixed;
  width:100%;
  height:100%;
top: 0;
right: 0;
z-index: 10000000;
margin:0;
  display: flex;
}
.readmore-div:target .readmore-qoute p {
  overflow: visible;
  height: inherit;
}
.readmore-div > p > a {
position: fixed;
opacity: 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
width: 100%;
height: 100%;
visibility: hidden;
z-index: -1;
top: 0;
right: 0;
background-position: 98% 3em;
background-color: rgba(0,0,0,0.8);
}

.readmore-div:target > p > a {

opacity: 1;
visibility: visible;
}

.readmore-div:target > .quote-contain {
    background:#fff;
padding: 2em 1em 3em;
  box-shadow: black 0 5px 45px 0px;
  margin: auto;
  
}
.readmore-div:target a.readmore-trigger {
  opacity:0;
}

.readmore-div:target .readmore-qoute p:after {opacity:0;
}


.readmore-trigger:hover:before {
opacity: 1;
visibility: visible; }

.english-quote .readmore-qoute p {
  direction: ltr;
}

.english-quote a.readmore-trigger {
  right: 0;
   left: inherit;}

.english-quote .readmore-qoute p:after {
  right: 0;
   left: inherit;
  width: 70%;
  background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 50%);
}
.english-quote .readmore-trigger:after {
left: -18px;
border-width: 19px 0 19px 29px !important; }

.english-quote .readmore-trigger:before {
  left: -138px;}

/* quote lightbox end */
.fancybox-close, .mlb-close, .mlb-fullscreen {
    left: inherit;
    right: 3em;
    top: 4em;
    background-image: url(/images/icons/X.svg);
    height: 23px;
    width: 23px;
    position: fixed;
    background-repeat: no-repeat;
    transition: opacity 0.25s;
    opacity: 0.8;
    }
    
    
    .fancybox-close:hover, .mlb-close:hover, .mlb-fullscreen:hover {
    opacity: 1;
    }
    
    
    
.lightbox {
  /** Hide the lightbox */
   opacity:0;
  /** Apply basic lightbox styling */
  position: fixed;
  z-index: 9999;
   text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; }


.lightbox:target {
  position: fixed;
  clip: auto; 
  height: 100%;
      width: 100%;
  margin: 0; padding: 0; border: 0; 
  /** Show lightbox when it is target */
  display: block;
  /** Remove default browser outline style */
  outline: none;
   opacity:1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}


.icon-clima-1 a {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
}
.wikitable td {
vertical-align: top;
padding: 0.2em 7px !important;}

.toccolours {
padding: 1px 20px !important;
overflow: hidden;}

.sharedaddy {display:none;}

/* בית חדש */

#mf-search {
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#mf-search .searchboxInput  {
height: 4em;
border-radius: 8px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
background-color: #fff;
border: 0;
}

#mf-search > div:nth-child(2) {
display: inline-block;
width: 100%;
margin: 0 auto;
}

div#mf-search {
max-width: 700px;
margin: 0 auto;
position: relative;
}

#mf-search #searchInput {
position: relative;
color: #E4E4E4;
 -webkit-transition:all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
outline: none;
border: none;
height: 3em;
width: 100%;
font-size: 1.6em;
color: #777777;
border-radius: 9px;
text-indent: 1em;
box-shadow: 0 4px 12px -2px rgba(0,0,0,1);
opacity: .7;
width: 100%;
margin: 3em 0 1em;
	}

#mf-search .searchboxGoButton {
font-family: "Font Awesome 5 Pro",'Helvetica Neue',Helvetica,Arial,sans-serif;
width: 30px;
border: 0;
-moz-border-radius: 2px;
padding: 0;
position: absolute;
left: 0;
cursor: pointer;
top: 0;
height: 4em;
background: transparent;
font-size: 20px;
font-weight: initial;
display: block;
padding: 0 0 1em 0.3em;
}
#searchButtonCenter {
opacity: 1;
color: #9A9A9A;
font-size: 1.3em;
z-index: 1;
position: absolute;
left: 0em;
padding: 0;
margin: 0;
height: 4em;
width: 3em;
border: 0;
-moz-border-radius: 2px;
cursor: pointer;
background: transparent;
top: 3.7em;
 -webkit-transition:all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
}
#mf-search .searchboxSearchButton {
display:none;
}

.stats {
display:flex;
text-shadow: black 1px 3px 3px;
}

.stats > div {
float: right;
margin: 0 auto;
color: #fff;
font-weight: normal;
text-align: center;
font-size: 2em;
}

.stats a {
color: #fff;
text-decoration: none;
font-size: 1.6em;
line-height: 2.1;
letter-spacing: 0.4px;
}

.stats p {
margin: 0;
}

.stats h3 {
margin-top: 0;
text-align:center;
color:#fff;
font-weight:normal;
line-height: 1;
}

#mf-banner-intro {
margin: 3em auto 0;}

#mf-search #searchInput:focus {
margin: -1em auto 13em;
opacity:1;
}
#mf-search #searchInput:focus + #searchButtonCenter, #mf-search #searchInput:focus ~ #searchButtonCenter {
top: -1.3em;
}

body.page-עמוד_ראשי div.suggestions {
z-index: 99999;
border-radius: 9px;
-webkit-transform: translatey(3px);
-o-transform: translatey(3px);
-moz-transform: translatey(3px);
-ms-transform: translatey(3px);
transform: translatey(3px);
opacity: .9;
}

body.page-עמוד_ראשי .suggestions a.mw-searchSuggest-link, body.page-עמוד_ראשי .suggestions a.mw-searchSuggest-link:hover, body.page-עמוד_ראשי .suggestions a.mw-searchSuggest-link:active, body.page-עמוד_ראשי .suggestions a.mw-searchSuggest-link:focus {
border-radius: 9px; }
.suggestions-special {
border: none;
padding: 0.25em 1em;
line-height: 1.1em;
}

/* עבודה על החיפוש */
.mw-search-result-data {
display:none;
}


#simpleSearch {
    width: 19.2em;
    width: 30vw;
}

div#simpleSearch #searchInput {
    display: block;
    background: #fff;
    padding: 3px 5px 4px 27px;
    font-size: 1.3em;
    border-radius: 4px;
}

#searchInput:focus, #simpleSearch:hover #searchInput:focus {
	
}
#p-search {
    transition: margin-left 250ms ease 0s;
 /* width: 100%;*/}


div#simpleSearch button#searchButton > img {
display:none;
}

::-webkit-input-placeholder {
  position: relative;
  right: 2px;
}

:-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  position: relative;
  right: 2px;
}

div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton {
  height: 105%;
  background-size: 75%;
left: 3px;}

/* חיפוש מתקדם */
fieldset#mw-searchoptions table, fieldset#mw-searchoptions tbody, fieldset#mw-searchoptions tr {
    display: block;
    margin: 0;
    float: right;
    background: transparent;
    border: none;
    width: auto;
}

td[class*="mw-search-ns"], #mw-searchoptions h4, #mw-search-togglebox, #mw-searchoptions .divider {
    display: none;
}
.mw-search-ns0, .mw-search-ns4, .mw-search-ns6, .mw-search-ns14, .mw-search-ns100, .mw-search-ns102, .mw-search-ns110 {
    display: block !important;
    float: left;
    font-size: 1.6em;
}
/* navigation for mobile ++ */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 890px) {
.skin-vector > div#content {
  padding: 11px
}
#mf-banner {
  background-size: cover;
background-position: 71%;}

#mf-fronts h3 {
  font-size: 40px;}

#main-bottom, #main-bottom p,#mf-wiki p {
  font-size: 22px;
}
#mf-banner-intro {
margin: 5em auto 2em !important;}
span.mw-headline {
  max-width: none;
}

#nav ul {
  background: rgba(0,0,0,0.8);
}
#mf-banner-intro h2 {
  font-size: 1.3em;
}

#mf-banner-intro h3 {
  font-size: .9em;}

#mf-wrap {
  height: inherit;}

#search-block, #sides, #boxt, #page4 {display:none !important;}

#content div.tleft { margin: .5em 1.4em 1.3em 0;}


#rb-grid li {
  vertical-align: top;
  display: inline-block;
max-width: 249px;
  width: 249px;
margin: 1em auto 0;
  float: none;
  height: inherit;
}

#rb-grid {
margin: inherit;
width:100%;
}

#mf-fronts h3 {
  max-width: 9em;
  margin: 1em auto;
}

 #header, #Lheader {background: transparent; 
 padding: none;
		height: 5em;
		line-height: 5em;}

#nav {right: 0;}
  #nav ul li ul {display: none !important;
  }
    #nav ul {
background: rgba(75,75,75,0.9);}
  #nav ul li {display:none;}

 #nav ul.active > li {
display:block;
}  

div#simpleSearch {
  width: inherit;}

  #nav ul:before {
    margin-right: 8px;
    content: "\f0c9";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    position: relative;
        color: #fff;
    display: block;
    height: 3em;
    line-height: 3em;
    outline: 0 none;
    padding: 0 0.5em;
    text-decoration: none;
  }

  #nav ul li {float: none;
  width:100%}

#nav li:nth-child(8) {position: fixed;
top:0;
left: 3px;
width: 80%;
display:block;}
#nav .nav-left:hover {background: transparent;}

#nav li:nth-child(7) i {
display:none;
}


#mf-banner-intro {
margin: 2em auto 0;
}


.rb-grid li {
width: 100%;}
}  

/* css לדפים ספציפיים */
.page-צבי_לניר #mw-content-text > ul:nth-child(21) {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
/* באנר תמונה */
#newHeading .firstHeading {
  color: #fff;
  border: none;
  font-size: 4em;
  text-shadow: black 3px 3px 4px;
  padding-top: 25vh;
  max-width: 776px;
margin:auto;
}

#heroButton a {
  speak: none;
  color:#fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 3em;
opacity:0.7;
-moz-transition: all .5s;
-webkit-transition: all .5s ;
-ms-transition: all .5s ;
-o-transition: all .5s ;
}
#heroButton a:hover {
opacity:1;
}

   #image-banner {
    width:100%;
    display:block;
    background-attachment:fixed;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 60vh;
	}
#image-banner.contained {
	    background-size: contain;
    	background-position: center 47px;
}
#content #image-banner {
  display: none;
}
#p-logo.banner {
width: 212px;
    top: -153px;
    overflow: hidden;
    height: 173px;
}
#p-logo.banner > a {
    -webkit-filter: brightness(1) contrast(2.5) saturate(105%) hue-rotate(20deg);
    -moz-filter: brightness(1) contrast(2.5) saturate(105%) hue-rotate(20deg);
    -ms-filter: brightness(1) contrast(2.5) saturate(105%) hue-rotate(20deg);
    -o-filter: brightness(1) contrast(2.5) saturate(105%) hue-rotate(20deg);
    filter: brightness(1) contrast(2.5) saturate(105%) hue-rotate(20deg);
}

.art__hero__txt {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%
}
.art__hero .art__head {
    font-weight: 300;
}
.art__hero .art__head {
    font-size: 96px;
    font-size: 6rem;
    line-height: 1.0625em;
}
.t-kilo, .art__hero .art__head {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.125em;
}
.mag-max, .pic--e .pic__caption {
    max-width: 1280px;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.fullScreen {
  bottom: 23vh;
  height: 24px;
  width: 24px;
  left: 3vw;
  right: auto;
  transition: opacity 0.25s;
  background-position: center;
  /* margin-bottom: 5vh; */
  margin-left: 14px;
  cursor: pointer;
  position: absolute;
  background-repeat: no-repeat;
  opacity: 0.8;
  filter: alpha(opacity=80);
  zoom: 1;
  border: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fullScreen :hover {
opacity: 1;
}

#fullScreen a.image {
  width: 100%;
  height: 100%;
  display: block;
opacity:0;
}

#fullScreen img {display:none;}

/* סטטיסטיקות */
.mw-special-Statistics #mw-content-text > table > tbody > tr:nth-child(n+8):nth-child(-n+15) {
    display: none;
}

/* תבנית קישור לציטוט דואלוג-ציטוט*/
.doalogue-quote {
    background: #f2f2f2;
    margin: 1rem 1rem 1rem 0;
    overflow: hidden;
    float: left;
    padding: .5rem .5rem 0 1rem;
    position:relative;
    transition: all ease .2s;
}
.ns-110 .doalogue-quote {
    float: none;
}
.doalogue-quote:hover {
    background: #686868;
    color: #fff;
}
.ns-110 .doalogue-quote:hover {
    background: #f2f2f2;
    color: inherit;
}
.doalogue-quote h3 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    color: inherit;
    line-height: 1;
}

.doalogue-quote h3 span.mw-headline {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
.doalogue-quote i {
    padding: 7px;
    color: #2aaddc;
	}

.doalogue-quote-link a {
    color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
}
/* דף ציטוט */
.doalogue-blockqoute {
    padding: 0 40px;
    margin: 1em 0;
    overflow: hidden;
}

.doalogue-blockqoute i.fa-quote-left, .doalogue-blockqoute i.fa-quote-right {
    position: relative;
    color: #adadad;
}
.doalogue-blockqoute i.fa-quote-left {
    left: -38px;
}

.doalogue-blockqoute i.fa-quote-right {
	right: -24px;
}

.english-dir {
    direction: ltr;
}

/* facebook iframe */
.full-height-frame .embedWrapper {
	padding-bottom: 100%;
}
#footer, #footer li {
    background-color: #676768;
    color: #fff;
    font-family: 'Assistant',Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0px;
    font-style: normal;
    line-height: 1.9;
    margin-right: 0;
    padding: 0;
}

#footer * {
	box-sizing: border-box
}

#footer .footer-container {
margin-right: auto;
margin-left: auto;
max-width: 100%;
}

#footer .row {
    margin: 0;
    max-height: 22em;
    overflow: hidden;
}

#footer a {
    color: #fff;
}


#sidebar-footer ul {
margin-top: 0;
    margin-bottom: 10px;
}
#sidebar-footer ul li {
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
}

 #sidebar-footer .widget {
    margin-bottom: 40px;
}
#sidebar-footer h5.widget-title {
	margin-top: 0;
	margin-bottom: 5px;
    color: #fff;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 600;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 2px;
    font-style: normal;
    position: relative;
    line-height: 1;
}
.col-sm-4, .col-md-6 {
    float: right;
    position: relative;
    min-height: 1px;
}

@media (min-width: 768px) {
.col-sm-4 {
    width: 33.33333333%;
}
.col-md-6 {
    width: 50%;
}
}
@media (min-width: 1200px) {
#footer .footer-container {
    width: 1170px;
}
#sidebar-footer>.footer-container>.row {
    margin-right: -30px;
    margin-left: -30px;
}
#sidebar-footer .widget {
    padding: 0 30px;
}
}

#sidebar-footer>.footer-container {
    padding: 50px 0 10px;
}
#footer iframe {
    width: 100% !important;
}

#footer #copyright {
	line-height: 49px;
    background-color: #23282d;
    color: #fff;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 3px;
    font-style: normal;
    text-align: center;
}
#footer #copyright .footer-text-right {
	display:inline-block;
}

#footer #mc_embed_signup {
    text-align: right;
}
#footer #mc_embed_signup input.email {
	height: auto;
    vertical-align: middle;
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
    background-color: #FFF;
    color: #555;
    font-size: 1em;
    padding: 11px 10px;
    margin: 0;
    width: 69%;
    display: inline-block;
    outline:none;
}
#footer #mc_embed_signup .button {
    text-align: center;
    background-color: #2aaddc;
    display: inline-block;
    float: left;
    width: 31%;
    padding: 0;
    height: 40px;
    border-color: #2aaddc;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-style: normal;
    line-height: 1.2;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}
/* bordered-table */
.table-has-border {
	border-collapse: collapse;
}
.table-has-border th, .table-has-border td {
	padding: 5px;
}
.bordered-table, .bordered-table th, .bordered-table td   {
	border: solid thin #2aaddc;
	border-collapse: collapse;
}

.bordered-table-top, .bordered-table-middle, .bordered-table-bottom {
    border-color: #2aaddc;
}
.bordered-table-top {
    border-top: solid thin;
    border-right: solid thin;
    border-left: solid thin;
}
.bordered-table-middle {
    border-right: solid thin;
    border-left: solid thin;
    width: 50%;
}
.bordered-table-bottom {
    border-bottom: solid thin;
    border-right: solid thin;
    border-left: solid thin;
}
/* doalogue-table */
.doalogue-table {
	background: #d4eaf4;
    border: 0;
    border-spacing: 0;
    font-size: 17.5px;
    margin-bottom:1em;
    text-align: right;
    box-shadow: 2px 2px 9px #bfbfbf;
}
body .doalogue-table p, body .doalogue-table li {text-align: right;}

.doalogue-table th {
    background: #3494bb;
    color: #fff;
    text-align: center;
    padding: 3px;
    color: #3494bb;
}

.doalogue-table td {
    padding: 4px 7px 4px 4px;
}

.doalogue-table th {
    background: #3494bb;
    color: #fff;
    text-align: center;
    padding: 3px;
}
.doalogue-table tr:nth-child(odd) {
    background: #c4e3f3;
}
.doalogue-table tr:hover {
    background: #acd7ca;
}
.table-bordered {
	
}
.doalogue-table.table-bordered {
    border-spacing: 2px;
}
/* matrix table */
table.matrix-table {
    max-width: 350px;
    width: 100%;
    margin: auto;
    background-position: 56% 56%;
    background-repeat: no-repeat;
    background-size: 41%;
    border: none;
    background-color: #b1c6d7;
    color: #236b87;
    border-collapse: collapse;
        table-layout: fixed;
}
.matrix-table.z-shape {
    background-image: url(https://doalogue.co.il/wiki/upload/doalogue/3/34/Z-arrow.png);
}
.matrix-table.d-shape {
    background-image: url(https://doalogue.co.il/wiki/upload/doalogue/2/28/D-arrow.png);
    background-position: 49% 56%;
    background-size: 37%;
}
.matrix-table.o-shape {
	    background-image: url(https://doalogue.co.il/wiki/upload/doalogue/d/dc/O-arrow.png);
}

.matrix-table.o-shape-h {
	    background-image: url(https://doalogue.co.il/wiki/upload/doalogue/a/ae/O-arrow-h.png);
}

.matrix-table.l-shape {
	    background-image: url(https://doalogue.co.il/wiki/upload/doalogue/4/47/L-arrow.png);
}
.matrix-table.bottom-shape {
    background-position: center 85%;
}

.matrix-table.top-shape {
    background-position: center 15%;
}

.matrix-table.right-shape {
    background-position: 79% center;
    background-size: 18%;
}

.matrix-table.left-shape {
    background-position: 21% center;
    background-size: 18%;
}
table.matrix-table p {
    text-align: center;
    padding: 6px;
}
table.matrix-table * {
    text-align: center;
}

table.matrix-table td {
    width: 50%;
    height: 125px;
    font-size: 23px;
    position: relative;
    transition: all ease .3s;
}

table.matrix-table td:hover {
background: #236b877a;
color: #fff;
}
table.matrix-table tr:first-child td {
    border-bottom: solid #236b87 2px;
}

table.matrix-table td:first-child {
    border-left: solid #236b87 2px;
}
i.round-number {
	    position: absolute;
	    right: 4px;
    	top: 4px;
}
i.round-number:before {
    content: "";
    font-family: "Assistant";
    font-style: normal;
    color: #fff;
    position: absolute;
    z-index: 1;
	right: 6px;
    top: 2px;
    height: 1em;
    width: 1em;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4;
}

i.round-number:after {
    content: "";
    background: #236b87;
    position: absolute;
    border-radius: 50%;
    height: 1em;
    width: 1em;
    right: 5px;
    top: 5px;
}

i.round-number.left {
    left: 35px;
    right: initial;
}

i.round-number.bottom {
    bottom: 35px;
    top: initial;
}


i.number-1:before {
    content: "1";
}
i.number-2:before {
    content: "2";
}
i.number-3:before {
    content: "3";
}
i.number-4:before {
    content: "4";
}


.what-interesting {
    background: #29addb1f;
    padding: 1em;
    color: #2980a1;
    border: solid 2px;
    border-radius: 3px;
    margin: 1em 0;
}

.what-interesting .h3 {
    font-size: 1.7em;
    font-weight: 500;
}
.what-interesting > ul a {
    color: #29addb;
    font-weight: 500;
}

/* oneSignal */
#onesignal-slidedown-dialog {
    direction: rtl;
}

#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-icon img {
    height: auto !important;
}
/* תבנית ספר */ 
.booktab {
    background: #2aaddc;
    color: white;
    padding: 5px 10px 10px;
    border-radius: 5px;
    margin-bottom: 1.4em;
    transition: all ease .3s;
    max-height: 2.3em;
    position: relative;
    overflow: hidden;
}

.booktab:target {
	max-height: 100%;
}
.booktab > *, .booktab a, .booktab h3 {
    color: #fff;
}

.booktab h3 {
    color: #fff;
    padding: 0 .5em;
    font-weight: normal;
    margin: 0;
} 

.booktab h3:before {
    content: "\f02d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    right: 6px;
    font-size: 18px;
    padding: 9px 0 0 9px;
    float: right;
}
.booktab h3 a {
	display: block;
}

.booktab h4 {
    color: #fff;
    padding: 0;
    margin: 0 39px;
    position: relative;
    display: block;
}
.booktab .row {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
}

.booktab-content a {
    color:#fff !important;
    text-decoration: underline;
}
.booktab-content a:hover, .booktab-content a:visited {
    color:#fff;
    opacity: 0.8;
}
.booktab h3 a:nth-child(n+2) {
    position: absolute;
    left: 10px;
    top: 11px;
}
.booktab:target h3 a:nth-child(2), .booktab h3 a:nth-child(3) {
	display: none;
}

.booktab:target h3 a:nth-child(3) {
	display: block;
}

.booktab .external-image {
    width: 180px;
    overflow: hidden;
    float: left;
    margin: 10px 8px 10px 0;
}

.external-image img {
	max-width: 100%;
}
.booktab .external-image img {
	width: 100%;
}
.embed-external-image {
    margin: 1em 6px;
    font-size: 85%;
    border-radius: 7px;
    padding: 0;
    margin-bottom: 1em;
    border: solid 2px #2aaddc;
    overflow: hidden;
    position: relative;
    clear: both;
}
.embed-external-image p {
	padding: 0;
	margin: 0;
}

.embed-external-image .embed-footer {
    background: #2aaddc10;
    text-align: center;
}


.booktab .book-header ul {
	margin: 0;
    padding: 0;
}

.booktab .book-header ul li {
    padding-left: 1em;
}
.booktab .book-header .rating {
	float: left;
}

.booktab .book-header .row {
	padding: .5em 0;
}

.booktab blockquote {
    padding: 10px;
    border-right: solid 6px;
    padding-right: 2.5em;
    padding-left: 1em;
    margin: 13px 0;
    background-color: #fff3;
    background-repeat: no-repeat;
    background-position: 99% 6px, 6px 99%;
    background-size: 2em;
    background-image: url(https://doalogue.co.il/wiki/upload/doalogue/1/19/Quote-right.svg), url(https://doalogue.co.il/wiki/upload/doalogue/9/98/Quote-left.svg);
}

.booktab blockquote.ltr {
    border-left: solid 6px;
    border-right: none;
    padding-right: 1em;
    direction: ltr;
    padding-left: 1em;
    margin: 13px;
    background-position: 99% 97%,6px 4px;
	
}

.categories {
    clear: both;
}

.categories a {
	margin-top: .5em;
    margin-left: 8px;
    border: solid thin;
    border-radius: 3px;
    padding: 1px 6px;
    background: #fff;
    color: #2aaddc;
}
.categories a:hover {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

/* תבנית ספריה לדפים */
.doalogue-bookshelf {
    background: #edf3f6;
    overflow: hidden;
    padding: .5rem .5rem 0 1rem;
    position: relative;
    transition: all ease .2s;
    border: solid 2px #2aaddc;
    border-radius: 4px;
    color: #2aaddc;
    clear: both;
}


.doalogue-bookshelf h2, .doalogue-bookshelf h2 a{
	border: none;
	margin-top: 0;
	color: #2aaddc;
}

.books a {
    background: #2aaddc;
    color: white;
    padding: 5px 10px 5px;
    border-radius: 5px;
    margin-bottom: .4em;
    transition: all ease .3s;
    position: relative;
    overflow: hidden;
    border: solid thin #21abdc;
    display: block;
    font-size: 1.5em;
}

.books a:hover {
    background: #fff;
    color: #19a9dc;
    text-decoration: none;
}
.books a .float-left {
    padding-top: 4px;
}
/* דוגמא */
.example-block {
    margin: 1em 6px;
    font-size: 85%;
    background: #2aaddc03;
    border-radius: 7px;
    padding: 0 1em;
    margin-bottom: 1em;
    border: solid 2px #2aaddc;
    overflow: hidden;
    position:relative;
    clear:both;
}


.example-block h4 {
    color: #2aaddc;
    font-size: 23px;
    margin: 0;
    font-weight: 500;
}

.floating-diagram {
    float: left;
    width: 50%;
    margin-right: 2em;
}

/* tool quick information */
.quick-view  {
	float: left;
    max-width: 295px;
    margin-right: 2em;
    font-size: 17px;
    background: var(--doalogue-azure)29;
    border-radius: 4px;
    padding: 1em;
    margin-bottom: 1em;
    border: solid 2px var(--doalogue-azure);
    overflow: hidden;
    position:relative;
    clear:both;
}
.quick-view > p {
	display: none;	
}
.mw-body .quick-view h2 {
    color: var(--doalogue-azure);
    margin-top: 0;
    font-size: 1.5rem;
}

.quick-view h4, .mw-body .quick-view h3 {
	display: inline;
    font-size: 17px;
    margin: 0;
    font-weight: 600;
    padding: 0;
}
.quick-view .field-view-category a {
    background: var(--doalogue-azure);
    display: inline-block;
    color: #fff;
    padding: 1px 4px;
    border-radius: 2px;
    text-decoration: none;
    margin: 3px 0 0 3px;
}
.quick-view .field-view-category a:hover {
	background: var(--doalogue-blue);
}
.quick-view p {
	margin: 0;
	padding: 0;
    font-size: 17px;
    line-height: 1;
}
/* tool block */
.tool-block {
    background: #2aaddc03;
    border-radius: 4px;
    padding: 0 1em;
    margin-bottom: 1em;
    border: solid 2px #2aaddc;
    overflow: hidden;
    position:relative;
    clear:both;
}
.tool-block #field-view-field_081Nqv {
  counter-reset: section;
}
.tool-block h4 {
	counter-increment: section;
    color: #2aaddc;
    font-size: 23px;
    margin: 0;
    font-weight: 500;
}
.tool-block #field-view-field_081Nqv h4:before {
	  content: '#'counter(section) ' ';
}
/* credit block */
.credit-block {
	margin-top: 1em;
	padding: 5px 10px;
    background: #2aaddc03;
    border-radius: 4px;
    border: solid 2px #2aaddc;
}

.mw-body-content .credit-block p {
	margin: 0;
	line-height: 1;
}

/* inverted list */
.inverted ol {
    list-style-type: none;
    counter-reset: item 13;
}

.inverted ol li {
    counter-increment: item -1;
}

.inverted ol li:before {
    content: counter(item) ". ";
}


/* Mail chimp Popup */ 
.popup {
  position: fixed;
  bottom: 1em;
  left: -450px;
  width: 400px;
  max-width: 100%;
  height: 250px;
  margin-top: 5vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: left 0.3s ease-in-out;
  z-index: 9999;
  box-shadow: #052c3a76 1px 5px 10px 0px;
}

.popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1em 2em;
}

.popup-content h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #fff;
}
#popup .popup-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url('https://www.doalogue.co.il/wiki/upload/doalogue/d/d1/Laptop-bg-around.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0.5);
  max-width: unset;
}

.show {
  left: 0;
}

.popup .dismiss-button {
  position: absolute;
  color: #fff;
  top: 1em;
  right: 1em;
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
}

.brandingLogo {
  display: none;
}

.input-group {
  display: flex;
  align-items: center;
}

input[type="email"] {
  width: 70%;
  padding: 10px;
  border: none
}

.submit-button {
  padding: 10px 20px;
  background-color: #2aaddc;
  color: #fff;
  border: none;
  cursor: pointer;
}

.submit-button:hover {
  background-color: #676768;
}

.thank-you-message,
.error-message {
  display: none;
  margin-top: 10px;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #2aaddc;
}
#mc-embedded-subscribe-form {
    width: 100%;
}
#mce-EMAIL {
  outline: none;
}

@media only screen and (max-width: 767px) {
	.popup {
	    bottom: 0;
	    width: 100vw;
	    height: unset;
	    margin-top: unset;
	}
	.popup-content {
	    padding: 1em;
	}
	.popup .dismiss-button {
    top: 5px;
    right: 5px;
	}
}