﻿ /* social block */
@font-face{
	font-family:'ultrabold';
	font-weight:900; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff2') format('woff2'),
			 url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff') format('woff');
}
.overlay {
    overflow: hidden;
    width: 110% !important;
    height: 110% !important;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: Gray;
    opacity: 0.7;
    z-index: 10;
}
.socialBlock {
    width: 565px;
    height: 532px;
    background: #fff;
    position: fixed;
    z-index: 200000;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
        z-index: 111111111111111111111111111;
    outline: 1000px rgba(0,0,0,0.8) solid;
}

.overlay, .socialBlock, .arrowRight, .arrowLeft {    display: none}
html.hidden {    overflow: hidden}
.socialBlock h3 {
    font-family: 'ultrabold';
    font-size: 30px;
    margin: 40px 0 10px;
    text-align: center;
}
.socialBlock .sWr {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.socialBlock a {
    display: inline-block;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    margin: 38px;
    position: relative;
 
}
 .socialBlock a:after {
        position: absolute;
        font-size: 16px;
        transform: translate(-50%, -50%);
        left: 50% !important;
        top: 130%;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        font-family: almoniDL400;
 }
     #intro img {width:100%; display:block}
.socialBlock .fb:after {    content: "Facebook";}
.socialBlock .twitter:after { content: "Twitter";}
.socialBlock .whatsapp:after { content: "WhatsApp";}
.socialBlock .mail:after { content: 'דוא"ל';}
.socialBlock .linkedin:after { content: "LinkedIn";}

 .copyLink {   display: none; 
    font-family: 'almoniDL400';
    font-size: 16px;
    color: #fff;
    background-color: #000;
    height: 44px;
    line-height: 44px;    top: 395px; position:relative}

.socialBlock .copy:after {
    content: "העתק קישור";
    width: 90px;
}
.socialBlock .twitter {
    background:url('https://images.globes.co.il/globes/urban_renewal/icn_twitter.svg') no-repeat center;
}
.socialBlock .fb {
    background:url('https://images.globes.co.il/globes/urban_renewal/icn_facebook.svg') no-repeat center;
}
.socialBlock .mail {
    background:url('https://images.globes.co.il/globes/urban_renewal/icn_mail.svg') no-repeat center;
}
.socialBlock .linkedin {
    background:url('https://images.globes.co.il/globes/urban_renewal/icn_linkedin.svg') no-repeat center;
}
.socialBlock .copy {
    background:url('https://images.globes.co.il/globes/urban_renewal/icn_copy_link.svg') no-repeat center;
}
.socialBlock .whatsapp {
    background:url('https://images.globes.co.il/globes/urban_renewal/icn_whatsapp.svg') no-repeat center;
}
.socialBlock .fb:hover {background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_facebook_color.svg); }

.socialBlock .twitter:hover{background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_twitter_color.svg);}

.socialBlock .whatsapp:hover {background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_whatsapp_color.svg); }

.socialBlock .mail:hover {background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_mail_color.svg);}

.socialBlock .linkedin:hover { background-image: url(https://images.globes.co.il/globes/urban_renewal/icn_linkedin_color.svg);}

.socialBlock .copy:hover {background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_copy_link_color.svg);}

.socialBlock .close {
background-image: url(https://images.globes.co.il/globes/urban_renewal/X.svg);
    width: 15px;
    height: 15px;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 20px;
    right:auto;
        text-indent: 1000px;
}
.socialBlock .closetext {
 display:none
}
/* end social block*/


#p2048.article .ItemMain .wr_item h2 {text-align:center;color:#15e7fe}
 #p2048 .ItemMain .wr_item {bottom:auto; top:12px; left:0}
 #divGalleryCredits {display:none !important}
 
  section.speakers  { text-align:center}
 section.speakers .speaker {
    display: inline-block;
    width: 33%;
    max-width: 270px;
        vertical-align: top;
        position:relative;
}

  section.speakers .speaker:after {    position: absolute;
    background-image: linear-gradient(to left, #822ddb 0%, #565bf4 43%, #5261f7 47%, #14c5fb 100%);
    CONTENT: '';
    WIDTH: 132px;
    HEIGHT: 132px;
    Z-INDEX: 1;
    DISPLAY: BLOCK;
    top: 0;
    border-radius: 50%;
    opacity: 0.5;
    right: 0;
    left: 0;
    margin: 0 auto;}


 section.speakers .speaker .speakerName {
    font-size: 36px;
    line-height: 1.02 !important;
    font-family: almoniDL700;
    height: auto !important;
    font-variant-caps: small-caps;
    display:block;
    color:#fff;
}
 section.speakers .speaker .speakerTitle {
    font-family: almoniDL400;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    color:#fff;
        direction: rtl;
    display: block;
 
}
 section.speakers .speaker .speakerTitle p {margin:0}
 section.speakers .speaker img {
    width: 100%;
    max-width: 132px;
    height: 132px;
    border-radius: 50%;
        box-shadow: 0px 15px #cc40cc;
        margin:0 auto;
 }


 
 section.speakers .speaker .wr {margin-top:20px;    overflow: hidden;} 

 .register {margin: 0 140px 0 0;
            background: #5334ff ;
color: #fff;
padding: 12px 44px;
text-align: center;
display: inline-block;
font-size: 24px;
font-family: almonidl700;
margin-bottom: 56px;}
  .register:hover {background:#532bc4 ;}
#p2048 .ItemMain .wr_item .globeschool { margin:0 auto; text-align:center; width:200px}
 
#p2048 .ItemMain .wr_item {text-align:center}
#p2048 .ItemMain .speakersList {
    background: #15e7fe;
    color: #512ec4;
    margin: 0 auto 26px;
    text-align: center;
    display: inline-block;
    padding:3px 16px;
        font-size: 26px;
    font-family: almoniDL700;
    position:relative;

}
#p2048 .ItemMain .speakersList::after {
    position: absolute;
    width: 285px;
    background: #15e7fe;
    height: 1px;
    border-radius: 1.5px;
    bottom: 20px;
    right: -285px;
    content: "";
}
#p2048 .ItemMain .speakersList::before {
    position: absolute;
    width: 285px;
    background: #15e7fe;
    height: 1px;
    border-radius: 1.5px;
    bottom: 20px;
    left: -285px;
    content: "";
}
.ItemMain .itmWr{background:url(https://res.cloudinary.com/globes/image/upload/v1611153151/Digital/%D7%94%D7%90%D7%A4%D7%99%20%D7%94%D7%90%D7%95%D7%95%D7%A8/HappyHour3_FB_1280-640-reka-no-logo_dgadto.jpg) no-repeat scroll center top; height:640px}
 .ItemKidom .social,  header .title a,   header .social {color:#000}
 .ItemKidom .social:before, header .social:before {content: url(https://images.globes.co.il/globes/50_women_2019/Icon_Share.svg);  margin: 3px 0 0 14px;       zoom: 85%;}
 #p2048 .item50pr .wr_item {padding-left:10px}
.logoImg img {display:none}
 .logoImg { background: url(https://images.globes.co.il/globes/gimel-red.svg);  background-repeat: no-repeat;   width: 28px !important;   height: 30px;  top: 0px;  right: 20px;     margin: 12px 18px;}
.ItemKidom .social, header .social { margin-left:30px}

.ItemKidom .text h3:before {background-image: linear-gradient(to bottom, #e5a8ae, #cc0000);}
#divFooter {background:#fde7dc}
#divFooter > div:after {color:#000; text-shadow:none}
header .title {background:#fde7dc; text-align:center}
.ItemKidom .text h3 p strong {    font-family: almoniDL700;}
#p2048 .wr_item h2 {    font-family: almoniDL900 !important;
    color: #5e5e5e;
    font-size: 60px !important;
    line-height: 60px !important;
    min-height: initial;
    margin-bottom: 12px!important;
    margin-top:22px;
}
#p2048 .wr_item h3 {font-size: 30px!important;  color:#15e7fe!important; font-family: almoniDL400; line-height: 34px!important; margin:0 0 27px}
#p2048 .txt {    text-align: right;    direction: rtl;    margin: 0 30px;}
#p2048 .txt p{font-size:18px;}
#p2048 .txt ul {list-style: none;margin-bottom: 32px;}
#p2048 .txt li {font-size: 25px;  color:#5e5e5e;  line-height: 37px;font-family: almoniDL500; position:relative; margin-right: 26px; }
#p2048 .txt  ul li::before {
  content: "\2022";   
  color: #f47649;  
  font-weight: bold;  
  display: inline-block;  
  width: 9px;
  margin-left: 19px;
  font-size: 28px;  right: -30px;position:absolute
}
#divFooter {margin:0 ;text-align: center;}
.ItemKidom .text h3:before { bottom: 7px;     height: 91.5%;}
#p2048 .socialIconsArt a {background-color: #f47649;}
.socialBlock {    z-index: 1111111111111;}

header .title a b {font-family: almoniDL700; }
header .title a {font-family: almoniDL500;display:inline-block}
header .title a:hover {color:#c00}

#p2048 .item50pr { min-height: 920px;    display: inline-block; float:none; margin: 0 2.4% 4%;     width: 45%; vertical-align:top}
#p2048 {text-align:right}
#p2048 .socialIconsArt.sticked {    top: 150px;    }

#divAuthorAndTime { margin-bottom:20px   }

.filters{margin:20px 2.4% 60px 2.4%; display:flex; }
.filter{font-family: almoniDL400; font-size:18px; border:1px solid #3d3d3d; color:#3d3d3d; margin-left:32px; background: #fff;padding:6px 12px;cursor: pointer; }
.filter:hover, .filter.active{color:#fff; background:#3d3d3d; }
 .sponser{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 30px);
    margin:0  auto;
    padding-top: 20px;
    justify-content: space-between;
}
 .globesSchool{
     width:145px;
 }
 .sponser p{
     margin:0;
     color:#fff;
     font-size:14px;
     display:none
 }
  .sponser span{
      position:relative;
      top:-4px;
      font-family: almoniDL400;
  }
 .taboola{
     width:120px;
 }
 .happyHour{
     color:#fff;
     font-family:ultrabold;
     font-size:36px;
     text-align:center;
     margin:24px 0 10px;
 }




 #divFooter > div:after {content: "כל הזכויות שמורות לגלובס ";}



@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    #p2048 .wr_item h2 {min-height: 50px !important;}

}




@media only screen and (max-width:769px) and (min-width:481px) {
    #p2048 .item50pr{width:44%;}
}
@media only screen and (max-width:480px) {

        .socialBlock { width:94%}
    .socialBlock h3 {margin:0}
    #divArticleText p strong {font-family: OpenSansHebrewBold;}

    #p2048 header .title a {text-indent:0;white-space: nowrap; }
     .register {display:block; width:70%; margin:0 auto 56px}
    #p2048.article .ItemMain .itmWr {    background-size: cover!important;}
    .socialBlock .close {    font-family: arial;     font-size: 30px;top: 15px; }

    #p2048 .ItemMain .wr_item h3 { display:block; text-align: center;   margin: 0 0 20px !important;}
    #p2048 .ItemMain .wr_item h2 {     font-size: 36px !important;   margin:0 20px 20px 20px !important;}
    section.speakers .speaker { margin:0 0 18px ; width:100%;max-width:100%; text-align:right;  }
 section.speakers .speaker img { float:right; width:69px!important; height:69px; margin-left:19px; margin-right:16px; margin-top:10px; box-shadow: 0px 8px #cc40cc; }

 .happyHour {
    font-size:28px;
    margin: 64px 0 8px 0;
}
 .globesSchool {
    width: 120px;
}
 .taboola {
    width: 90px;
}
 #p2048 .ItemMain .speakersList {
    margin: 4px auto 8px;
    font-size: 20px;

}
 section.speakers .speaker:after {    WIDTH: 69px;
    HEIGHT: 69px;    right: 16px;    top: 10px; left:auto }


 
 section.speakers .speaker .speakerName { font-size:24px}
 section.speakers .speaker .speakerTitle { font-size:18px}

    .logoImg {
        background-image: url(https://images.globes.co.il/globes/gimel-2.svg);
    position: fixed !important;
    right: 0;
    z-index: 1111;
    top: 0;    height: 20px !important;
        margin: 14px 5px 0 0 !important;
    position: fixed;
 
 }
 .ItemKidom .social, header .social {margin-left: 0; margin-top:12px}
  header.sticked .social{    margin: 18px 0 0 10px!important;}
    header .title { text-indent:58px; text-align:right}
    header .logoImg:after {    border-left: 1px #000 solid;
    top:5px;
    padding-left: 42px;
    height: 13px;}
    header .title {    font-family: almoniDL700;}
    #p2048 .wr_item h2 { font-size: 25px!important; line-height: 25px!important;}
    #p2048 h3  {  font-size: 20px!important; line-height: 20px!important;}
    #p2048 .txt li {font-size: 16px!important;   line-height: 20px!important;   margin-right: 18px;}
    #p2048 .txt ul li::before {font-size: 17px; right: -18px; }
    #p2048 .txt ul li {margin-bottom:11px}
    .ItemKidom .text h3:before {bottom: 6px!important; height: 94.5%!important;    }
    #p2048 .txt { margin: 0 14px;}
    #p2048 .item50pr .wr_item h2, #p2048 .item70pr .wr_item h2 {min-height:initial}
    #p2048 .wr_item h3 {font-size: 20px!important;  color:#5e5e5e; line-height: 20px!important;font-family: almoniDL500; margin-bottom:16px}
    #divFooter {height:40px}
    #divFooter > div:after { line-height:45px  }

    header .title a b {font-family: almoniDL700;   }
header .title a {font-family: almoniDL500; text-align:center; }
    #p2048 .item50pr {width:96%; min-height:initial}
    .filters {margin: 20px 2.4% 20px 2.4%; flex-wrap: wrap;}
    .filter { font-size: 16px; margin: 0 0 10px 10px;}


    #p2048.article .ItemMain {    background: #f4f4f4;}
    #p2048 > a > div { box-shadow:none}
 
    #p2048 .ItemMain .wr_item { top:42px;     width: 90%;   overflow: hidden;  margin: 20px auto;}

 

}

#p2048 .ItemMain .wr_item:after { display:none }
 

#divArticleText  .resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
#divArticleText  .resp-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media only screen and (max-width:375px) {
    #p2048.article .ItemMain .itmWr { height:700px  !important }
}

@media only screen and (max-width:320px) {
    .socialBlock {        zoom: 85%;    }
    #p2048 header .title a {    font-size: 18px;     line-height: 52px;}
}