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

.hide {
display:none;
}
div#page-secondary-actions, .last-modified-bar.view-border-box.footer-element {
    display: none;
}

/* סינון במונחון */
input#filter-input {
    width: 90%;
    padding: 7px 5px;
    margin: 1em 5% 5px;
    font-size: 1.2rem;
    border: #eaecf0 solid 1px;
}

input#filter-input:focus {
    border: orange solid 1px;
}

mark {
  background: orange;
  color: inherit;
}

/* ממשק עריכה ויזואלי */
@media screen and (max-width: 768px) {
.overlay-header button {
    width: 2.2em !important;
}

.overlay-header > ul, .overlay-header button {
    width: 2.2em !important;
}

.overlay-header .overlay-action button {
    padding: 11px !important;
}


.editor-overlay-ve .overlay-header-container .oo-ui-barToolGroup .oo-ui-tool.oo-ui-iconElement, .editor-overlay-ve .overlay-header-container .overlay-header > .toolbar .oo-ui-toolbar-bar .oo-ui-toolGroup {
    margin: 0 !important;
}
.editor-overlay-ve .overlay-header-container .oo-ui-toolbar-tools .oo-ui-iconElement-icon {
    width: 2.35em;
}
}
/* Header */
.header {
    BACKGROUND: #52A3F6;
}
input#searchInput::-webkit-input-placeholder {    color: #fff  !important;}
input#searchInput::-moz-input-placeholder { color: #fff !important; }
input#searchInput::-ms-input-placeholder  { color: #fff !important; }

input.search:not([type=submit]) {
    background: #52A3F6 !important;
border-bottom: none;}

.overlay-enabled input.search {
background: #fff  !important;
color: #000;
}
.overlay-content {
    overflow: auto;
}
iframe {width: 100%; max-height: 100vw; height: 56.25vw}

/* image gallery */
ul.gallery {
    display: flex;
}

.gallerytext p {
    text-align: center;
    padding: 0;
    margin: -6px;
    font-weight: bold;
}

ul.gallery .gallerybox .thumb img {
    margin: auto;
}

li.gallerycaption {
    position: absolute;
    font-weight: bold;
    margin: auto;
    text-align: center;
    width: 100%;
font-size: 1.2em;
}

ul.gallery .gallerybox {
    margin-top: 1.5em;}
/* */
#content svg {
  display: block;
  margin: auto;
max-width:100%;
  height: 100%;}
/* תפריט */
a.icon-text.icon {
    text-indent: 42px;
}
#mw-mf-page-left > ul:nth-child(2) {
display:none;
}
#contact-icons a, a.icon:before {
display: inline-block;
  font: normal normal normal 23px FontAwesome;
  text-rendering: auto;
}

#contact-icons {display:flex;}
#mw-mf-page-left ul li#contact-icons a {margin-right:0; 
  padding: 13px;
  font-size: 35px;}

#mw-mf-page-left ul li#contact-icons:hover {
  background-color: inherit}

#mw-mf-page-left ul li#contact-icons a:hover {
  background-color: #555;}
.icon:before {
  position: absolute;
 right: -27px;
}
.icon-strat:before {  content: "\f05b";
right: -25px;
}
.icon-course:before {  content: "\f19c";
  right: -27px;
  font-size: 20px !important;}
.icon-portal:before {
  content: "\f1b3";
  right: -29px;
  font-size: 21px !important;}

.icon-contact:before {
  content: "\f0e0"; 
 right: -27px; }

.icon-linkedin:before {
  content: "\f08c";}

.icon-twitter:before {
  content: "\f081";}

.icon-phone:before{
  content: "\f098";}

.icon-facebook:before {
content: "\f082";
}

.icon-blog:before {
content: "\f09e";
right: -24px;
}


/* תיקונים כלליים */
#page-actions, .nomobile {display:none;}
.is-authenticated #page-actions {display:block;}
#content_wrapper .top-bar {display: none;}
.is-authenticated #content_wrapper .top-bar {display: block;}
/* פורטל */


.ns-100 #mf-section-0 > p, .ns-100 .mf-section-0 .thumb, .ns-100 .content .section-heading .indicator {
    display: none;
}

   .container {
    border: 0px dashed #ccc;
    position: relative;
    max-width:650px;
    margin: auto;
    overflow: hidden;
}    

.container > div {
    background: transparent;
    height: 180px;
    position: relative;
    width: 50%;
    float: right;
	max-width: 220px;
	padding: 5px;
    box-sizing: border-box;
}

#gridlink a {
position: absolute;
z-index: 10000;
opacity: 0;
width: 100%;
height: 100%;
display: block;
}

#bodyContent .container .panel {
	clear: none !important;
    background-color: transparent !important;
    margin-top: 0 !important;
}

.container > div[data-ss-colspan='4'] { width: 150px; }
.container > div[data-ss-colspan='2'] { 
	width: 100%;
	max-width: 400px; 
	height:auto;
}

.container > div.nopanel {
    padding: 0;
    margin: 5px;
    border-left: solid white 10px;
    background: #52a3f6;
    padding-bottom: 1em;
}
#double {
	width: 100%;
	max-width: 400px;
	height: 180px;
	background: #ccc;
	padding: 5px;
    box-sizing: border-box;
}	
#double .pad {
  width: 309px;
}

.container .ss-placeholder-child {
    background: #000;
    opacity:0.1; 
}
.gridcell h3.section-heading {
    display: block !important;
    margin: 0;
}

.gridcell {
	
}
/* flip */
.panel {
    margin: 0;
}
.panel .front {
    position: relative;
    background: #52a3f6;
    z-index: 900;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 900;
    text-align: center;
}
.panel .back {
    position: absolute;
    top: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
}
.panel .front .section-heading, .content .nopanel .section-heading {
    width: auto;
    border-bottom: none;
    margin-bottom: 0;
}

.content .section-heading > span, .content .in-block > span {
    display: inline;
}


.panel h3.collapsible-heading.icon.icon-text.icon-15px.open-block.icon-arrow-up {
  margin: 10px;
}

.gridcell .collapsible-block {
  display: block  !important;;
}

/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.panel .back {
  display:none
}
.panel.flip .back {
display:none;
}
.panels .panel {
width: 100%;
height: 100%; 
font-size: 1em;
}


#portitle {
    background: #ccc;
    height: 150px;
    position: absolute;
    width: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.artitle {
    display: table;
    text-align: center;
    height: 161px;
    width: 100%;
}

.artitle h3 {
  display: table-cell !important; 
  vertical-align: middle; 
  text-align: center; 
}


#artitle2 {
    background: #D7E5FF;
    height: 150px;
    position: absolute;
    width: 150px;
}
#artitle2 p {
margin: 0.6em;
overflow: hidden;
text-align: justify;
font-size: small;}
#gridlink > .selflink {display:none;}

#portitle h3 {
margin: 13px;
font-size: 2.5em;
padding: 0;
line-height:1.2;}

.pad > h3 {
  margin-left: AUTO;
  margin-right: auto;
}

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

#portitle h3 {
font-size: 2em;
color:#fff;
text-align:center;
}
#gridcell h3, .gridcell > div > h3 {
margin: 0.5em;
text-align: center;
font-size: xx-large;
border: none;
font-weight: bold;
line-height:1.1;
}
#gridcell p, .gridcell > div > p, #gridtext > p {
margin: 0.4em 2em;
text-align: justify;
}
#mf-wiki h2 {
text-align:center;
}

h2 {
font-family: cursive;
}

.pad h3 {
  font-size: 1.7em;
  padding: 0;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
font-family: sans-serif;
}
.panel .icon-arrow-up {
background-image: none !important;;
}
.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(http://doalogue.co.il/images/workshop.jpeg) no-repeat 0 0 / 100%;}
.front.o-one {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/fulls/01.jpg) no-repeat 0 0 / auto 100%;}
.front.o-five {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/fulls/05.jpg) no-repeat 0 0 / auto 100%;}
.front.t-one {background:url('../images/overlay.png'), url(http://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(http://upload.wikimedia.org/wikipedia/commons/9/9b/Social_Network_Analysis_Visualization.png) 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(http://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(http://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Fugle%2C_%C3%B8rns%C3%B8_073.jpg/1024px-Fugle%2C_%C3%B8rns%C3%B8_073.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(http://doalogue.co.il/images/fulls/01.jpg) no-repeat 0 0 / cover;}
.front.local3 {background:url('../images/overlay.png'), url(http://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;}

/* סכמה */
#scheme {
    width: 100%;
    direction: rtl;
    position: relative;
    display: none;
    height: 400px;
}
#scheme-left {
    float:left;
    background: transparent;
    width: 45%;
    display: none;
    position: relative;
margin-left: -11%;
min-width: 242px;
}


/* slider*/
.gallery .control-operator:target ~ .controls .control-button {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:first-of-type,
.items-2 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-2 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-3 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-3 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-3 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-4 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-4 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-4 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-4 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.items-5 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-5 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-5 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-5 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.items-5 .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

.gallery .item:first-of-type {
  position: static;
  opacity: 1;
}

.gallery .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
margin: 0;
}

.gallery .control-operator {
display: none;
}

.gallery .control-operator:target ~ .item {
  pointer-events: none;
  opacity: 0;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}

.gallery .control-operator:target ~ .controls .control-button {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}

@-webkit-keyframes controlAnimation-2 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  14.3%, 50% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  64.3%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-2 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  14.3%, 50% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  64.3%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes controlAnimation-2 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  14.3%, 50% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  64.3%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-webkit-keyframes galleryAnimation-2 {
  0% {
    opacity: 0;
  }

  14.3%, 50% {
    opacity: 1;
  }

  64.3%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-2 {
  0% {
    opacity: 0;
  }

  14.3%, 50% {
    opacity: 1;
  }

  64.3%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-2 {
  0% {
    opacity: 0;
  }

  14.3%, 50% {
    opacity: 1;
  }

  64.3%, 100% {
    opacity: 0;
  }
}

.items-2.autoplay .control-button {
  -webkit-animation: controlAnimation-2 14s infinite;
  -o-animation: controlAnimation-2 14s infinite;
  animation: controlAnimation-2 14s infinite;
}

.items-2.autoplay .item {
  -webkit-animation: galleryAnimation-2 14s infinite;
  -o-animation: galleryAnimation-2 14s infinite;
  animation: galleryAnimation-2 14s infinite;
}

.items-2 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-2 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

@-webkit-keyframes controlAnimation-3 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  9.5%, 33.3% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  42.9%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-3 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  9.5%, 33.3% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  42.9%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes controlAnimation-3 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  9.5%, 33.3% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  42.9%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-webkit-keyframes galleryAnimation-3 {
  0% {
    opacity: 0;
  }

  9.5%, 33.3% {
    opacity: 1;
  }

  42.9%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-3 {
  0% {
    opacity: 0;
  }

  9.5%, 33.3% {
    opacity: 1;
  }

  42.9%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-3 {
  0% {
    opacity: 0;
  }

  9.5%, 33.3% {
    opacity: 1;
  }

  42.9%, 100% {
    opacity: 0;
  }
}

.items-3.autoplay .control-button {
  -webkit-animation: controlAnimation-3 21s infinite;
  -o-animation: controlAnimation-3 21s infinite;
  animation: controlAnimation-3 21s infinite;
}

.items-3.autoplay .item {
  -webkit-animation: galleryAnimation-3 21s infinite;
  -o-animation: galleryAnimation-3 21s infinite;
  animation: galleryAnimation-3 21s infinite;
}

.items-3 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-3 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-3 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

@-webkit-keyframes controlAnimation-4 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  7.1%, 25% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  32.1%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-4 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  7.1%, 25% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  32.1%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes controlAnimation-4 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  7.1%, 25% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  32.1%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-webkit-keyframes galleryAnimation-4 {
  0% {
    opacity: 0;
  }

  7.1%, 25% {
    opacity: 1;
  }

  32.1%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-4 {
  0% {
    opacity: 0;
  }

  7.1%, 25% {
    opacity: 1;
  }

  32.1%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-4 {
  0% {
    opacity: 0;
  }

  7.1%, 25% {
    opacity: 1;
  }

  32.1%, 100% {
    opacity: 0;
  }
}

.items-4.autoplay .control-button {
  -webkit-animation: controlAnimation-4 28s infinite;
  -o-animation: controlAnimation-4 28s infinite;
  animation: controlAnimation-4 28s infinite;
}

.items-4.autoplay .item {
  -webkit-animation: galleryAnimation-4 28s infinite;
  -o-animation: galleryAnimation-4 28s infinite;
  animation: galleryAnimation-4 28s infinite;
}

.items-4 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-4 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-4 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

.items-4 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}

.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}

@-webkit-keyframes controlAnimation-5 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  5.7%, 20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  25.7%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-o-keyframes controlAnimation-5 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  5.7%, 20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  25.7%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes controlAnimation-5 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }

  5.7%, 20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }

  25.7%, 100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-webkit-keyframes galleryAnimation-5 {
  0% {
    opacity: 0;
  }

  5.7%, 20% {
    opacity: 1;
  }

  25.7%, 100% {
    opacity: 0;
  }
}

@-o-keyframes galleryAnimation-5 {
  0% {
    opacity: 0;
  }

  5.7%, 20% {
    opacity: 1;
  }

  25.7%, 100% {
    opacity: 0;
  }
}

@keyframes galleryAnimation-5 {
  0% {
    opacity: 0;
  }

  5.7%, 20% {
    opacity: 1;
  }

  25.7%, 100% {
    opacity: 0;
  }
}

.items-5.autoplay .control-button {
  -webkit-animation: controlAnimation-5 35s infinite;
  -o-animation: controlAnimation-5 35s infinite;
  animation: controlAnimation-5 35s infinite;
}

.items-5.autoplay .item {
  -webkit-animation: galleryAnimation-5 35s infinite;
  -o-animation: galleryAnimation-5 35s infinite;
  animation: galleryAnimation-5 35s infinite;
}

.items-5 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}

.items-5 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.items-5 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

.items-5 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}

.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}

.items-5 .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}

.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}

.gallery .control-button {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:hover {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

/*
	Theme controls how everything looks in Gallery CSS.
*/

.gallery {
  position: relative;
}

.gallery .item {
  height: 435px;
  overflow: hidden;
  text-align: center;
  background: #4d87e2;
}

.gallery .controls {
  position: absolute;
  bottom: 1em;
  width: 100%;
  text-align: center;
}

.gallery .control-button {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color .1s;
  -o-transition: color .1s;
  transition: color .1s;
}

div#simpleSearch {
left: 0;
position: absolute;
display: block;
top: 5em;
}

#right-navigation {
margin-top: 2.6em;
} 

#left-navigation {
/*margin-right: 13.9em;*/
margin-top: 2.6em;
}
#mw-head-base {
height: 5em;}

.gallery .control-operator:nth-of-type(2):target ~ .secondary-controls {
display: block;
}
.secondary-controls {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}

.superfluous {
display: table;
height: 100%;
width: 100%;
}

.secondary-controls nav {
display: table-cell;
vertical-align: middle;
}

.secondary-controls a:nth-child(1) {
margin-left: 1em;
}
.secondary-controls a:nth-child(1) {
float: left;
margin-left: .2em;
}
.secondary-controls a {
pointer-events: auto;
height: 60px;
width: 60px;
border-radius: 60px;
color: rgba(255, 255, 255, 0.6);
font-size: 3em;
font-weight: bold;
text-decoration: none;
text-align: center;
background: rgba(0, 0, 0, 0.1);
transition: all .25s;
}

.secondary-controls a:nth-child(1) img {
margin-right: .1em;
}
.secondary-controls a img {
margin-top: .1em;
}


/*טקסט רץ*/

.marquee {
	display:none;}
.mwrapper {
	display:none;}

/*עמוד ראשי*/
.rb-close, #mf-search, .rb-week, #rb-grid, #mf-logo p {
display: none;}

#mf-image img {position:relative;
size: 130%;
margin: 10% 50%}

div#mf-icon {
    position: relative;
}
 
div#mf-icon a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
}

/*.is-authenticated .header  {
display: none;}*/

#mf-logo {
position: absolute;
left: -3em;
top: -6.5em;}

#mf-logo img {max-width: 70% !important; }

#mainpage {background: url(http://doalogue.co.il/images/intro-3.jpg) no-repeat 87% 4% / 115%;
}


#mf-banner-intro {
text-align: center;
margin: -6em 5% 0;
border-radius: 15px;
}

#mf-banner-intro h2 {
color:#fff;
font-family:fantasy;
border-bottom: solid rgba(255, 255, 255, 0.8) 2px;
margin: 0 1em 0 1em;
font-size: 2em;
line-height: 0.8em;
text-shadow: black 1px 1px 2px
}

#mf-banner-intro h3 {
color:#fff;
font-family: sans-serif;
font-size: 1em;
line-height: 0.8em;
text-shadow: black 1px 1px 3px
}

#mf-banner-intro h4 {
display: none;}

#mf-banner-intro p {padding: 0.5em;
font-size: 120%;}

#mf-front {
display: none;
border: solid;
margin: -1em 0.5em 0 0.5em;
padding: 40% 0.5em 0;
text-align: center;
background: #000;
/*background: #000 url(/images/0/07/Oploud.png) no-repeat;*/
background-size: 30%;
background-position: 50% 20%;
color: #fff;
height: 10em;
border-radius: 1em;
font-weight: bold;}

#mf-wiki {
display: block;
}

#mf-frontl, #mf-contents {
text-align: justify;
display: block;
margin: -1em 0.2em 0 0.2em;
padding: 1em 0.2em 0.2em 0.2em;
background: #fff;
border-radius: 1em;
border-radius: 1em;
font-size: 1.5em;}

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

#mf-artif {
display: none;
height:10em; 
text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 10em;
  line-height: 1.5em;
background: #fff;
}

#mf-artif p {
font-size: 1.5em;
}
#mf-artif img {
    width: 20%; /* you can use % */
    height: auto;
margin: 0.2em;
float: left;
}


/* תבנית תמונה */
.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 {
height: 100%;
width: 100%; }

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

.thumb.strip > div > img {
margin-top: 0 !important;
}
/*.content .thumb {
float: none;}*/

div.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;}

.content table td, .content table th {
padding: 3px;
border: 0px #fff solid;
}

.fancybox-close, .mlb-close, .mlb-fullscreen {
left: inherit;
right: 3px;
top: 3px;
background-image: url(http://doalogue.co.il/images/icons/X.svg);
background-image: url(//bits.wikimedia.org/static-1.25wmf3/extensions/MultimediaViewer/resources/mmv/ui/img/mw-close.svg?2014-10-09T18:26:40Z)!ie;
height: 23px;
width: 23px;
position: fixed;
background-repeat: no-repeat;
transition: opacity 0.25s;
opacity: 0.8;
}
.fancybox-close {
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(http://doalogue.co.il/wiki/extensions/FancyBoxThumbs/modules/fancyBox/source/fancybox_sprite.png?2013-11-26T18:31:40Z);
}



/* quote lightbox */
 
div.readmore-div {
  transition: all .5s ease;
margin: 3em auto 5em;
}
 span.source {
   float: left;
 }
 span.source:before{
   content:"–";
   padding: 0 0 0 9px;
 }
.readmore-qoute p:nth-child(1) {
  font-size: 1.3em;
    height:8em;
  overflow: hidden;
  text-align:justify;
  position: relative;
  transition: all .5s ease;
  }
.readmore-qoute p:after {
content: "";
text-align: right;
position: absolute;
bottom: 7px;
left: 0;
width: 70%;
height: 1.2em;
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
blockquote.readmore-qoute {
  display:block;
  position: relative;
}
.quote-contain {
    background:#fff;
  border-radius:7px;
max-width:700px;
  transition: all .2s ease;}

.merhaot:before
{content: "\201D";
  font-size: 3.4em;
  position: relative;
  margin: -10px 0 0 10px;
  opacity: .5;
  float: right;
  padding: 5px;  
}

.readmore-qoute a:hover {
opacity:1;
}
a.readmore-trigger {
color:transparent;
display: block;
position: absolute;
bottom: 45px;
left: 33px;
-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
width: 24px; 
height: 24px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAaElEQVR4Ab3SsRWAMAwDUWUy2CzKZjBZeFRHA5Eb1P/nK9xU3B9g1sGpQ9l2bTcYcgisvgJWpyYAkAhAYgCJASQFED+BMwSIwwCCpAASA0gEIAEIBii/d2nt43eGvALmtCRS/QbmuuMCYoFJB3n1YFUAAAAASUVORK5CYII6e95de07e2ee628c4ea69d9154ea849c');
transition: opacity 0.25s;
background-position: center;
cursor: pointer;
background-repeat: no-repeat;
opacity: 0.8;
filter: alpha(opacity=80);
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;
}
 
/* light box mechanism*/
div.readmore-div:target {
  position:absolute;
  width:100%;
  height:100%;
background: rgba(0,0,0,0.7);
top: 0;
right: 0;
z-index: 10000000;
margin:0;
}
.readmore-div:target .readmore-qoute p {
  overflow: visible;
  height: inherit;
}
.readmore-div > p > a {
  display:none;
}
 
.readmore-div:target > p > a {
  display:block;
}
.readmore-div:target > .quote-contain {
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;
}

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

.english-quote a.readmore-trigger {
  right: 40px;
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:before {
  left: -131px;}

.english-quote blockquote:before {
  left: 0;
    right: inherit;
}
 .english-quote blockquote:after {
  right: 0;}
/* quote lightbox end */
/* באנר תמונה */
#newHeading #section_0 {
  color: #fff;
  border: none;
  font-size: 3em;
  text-shadow: black 3px 3px 4px;
  padding-top: 30vh;
}

#heroButton {
  speak: none;
  -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:hover {
opacity:1;
}

   #image-banner {
    width:100%;
    display:block;
    background-attachment:fixed;
    background-size: cover;
background-position: center;
  background-repeat: no-repeat;
height: 80vh;
transition: all ease .3s;
-moz-transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s;
  opacity: 0;
}
.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;
}

/* לינקים */
a[href^="mailto"]:after {
display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e0";
    margin-right: 4px;
}

/* TOC */
#content .toc-mobile .collapsible-block {
    margin-right: 14px;
    margin-left: 24px;
}