
::selection {
    color: #ffffff;
    background: #464646;
}
::-moz-selection {
    color: #ffffff;
    background: #464646;
}


.header-container { background-color: #ffffff; width: 100%; height: 455px; margin-bottom: 40px; font-family: 'Open-Sans-Hebrew' !important; }
.bg-image-with-text {box-shadow: inset 0 0 0 455px rgba(0,0,0,0.5); width:100%; height:455px; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 auto; position: relative;}
.line-break {white-space: break-spaces !important;}
 h1.title {line-height: 1.4; text-align: center; color: #ffffff; font-weight: bold; font-size: 49px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 726px; font-family: 'Open-Sans-Hebrew-Bold' !important;}
.content-container { max-width: 910px; display: block; margin: 0 auto; direction: rtl; }
.article-info {font-family: 'Open-Sans-Hebrew'; text-align: center; display: block; margin: 0 auto; margin-bottom: 45px; direction: rtl;}
.article-info-contect {
    display: flex;
    justify-content: center;
    align-items: center;
}
.article-info img {vertical-align:middle;}
.article-info .author-name { color: #15b2b2; font-size: 16px; font-family: 'Open-Sans-Hebrew'; font-weight: bold; padding: 0 7px; display: inline-block;}
.article-info .author-profession { color: #666666; font-size: 16px; font-family: 'Open-Sans-Hebrew';}
.created-date{  font-family: 'Open-Sans-Hebrew'; color: #707070; border-right: 3px solid #707070; padding-right: 7px; margin-right: 7px}
.article-info .reading-time { color: #707070; font-size: 16px; font-family: 'Open-Sans-Hebrew'; padding-right: 7px; display: block;}
.top-hr, .bottom-hr {background-color: #15b2b2 !important; height: 1px !important; border: 0 !important; color: #15b2b2 !important;}
.top-hr {margin-bottom: 55px;}
.bottom-hr {margin-top: 55px; margin-bottom: 80px;}
.sub-header {font-size: 36px; color: #666666; font-family: 'Open-Sans-Hebrew' !important; text-align: center; font-weight:normal !important; margin: 0 !important;line-height: 1.4;}
.paragraph-content-with-header { padding-top: 23px; }
.paragraph-content {line-height: 1.8;color: #666666; font-family: 'Open-Sans-Hebrew'; font-size: 20px;word-break: break-word;}
.paragraph-content a { color: #15b2b2 !important; text-decoration: underline; }
p {margin: 0;}
table .btl-rteTableFirstCol-default p { margin-right: 10px; }
.quote-sign { font-size: 70px; font-weight: bold; font-family: 'Open-Sans-Hebrew-Bold'; color: #15b2b2; position: relative; top: -26px; float: right; width: 55px;display: table-cell; }
.quote { line-height: 1.76; display: table-cell; }
.qoute-text { font-size: 32px; color: #15b2b2; font-family: 'Open-Sans-Hebrew'; }
.paragraph-link { display: block; color: #15b2b2 !important; margin: 0 auto; text-align: center; font-size: 20px; font-family: 'Open-Sans-Hebrew'; line-height: 1.5; }
.paragraph-header { color: #666666; font-weight: bold; font-size: 32px; line-height: 1.4;margin: 0 !important; font-family: 'Open-Sans-Hebrew' !important;}
.paragraph-media { max-width:910px; width:100%; height:auto; }
.text-under-media { padding-top:16px; text-align: center; font-size: 14px;color: #666666; font-family: 'Open-Sans-Hebrew'; display: block; margin: 0 auto; }
.paragraph { padding-bottom: 50px; } 
.paragraph br { content: ""; display: block; height: 20px; }
.no-padding-bottom { padding-bottom: 0 !important; }
#bread-crumps {
    display: none;
    font-family: 'Open-Sans-Hebrew';
}


/* mobile */
@media (max-width: 680px) { 
    
    .header-container { height: 263px !important; margin-bottom: 8px !important; position: static !important; }
    .bg-image-with-text { height: 263px !important;}
    #bread-crumps {
        display: flex;
        flex-wrap: wrap;
        direction: rtl;
        font-size: 12px;
        color: #707070;
        margin-bottom: 18px;
    }
    #bread-crumps * {
        color: #707070;
        padding-left: 5px;
        padding-bottom: 5px;
    }
     h1.title { font-size: 30px !important; padding: 0 72px !important; position: relative !important; }
    .article-info { margin-bottom: 22px !important; }
    .article-info-contect { display: block; }
    .article-info > img { display: block !important; margin: 0 auto !important; margin-bottom: 8px !important; }
    .article-info .author-name { display: block !important; margin: 0 auto !important; margin-bottom: 14px !important; }
    .article-info .author-profession { display: block !important; margin: 0 auto !important; margin-bottom: 6px !important; }
    .created-date{ border: none; padding: 0; display: block; margin-bottom: 12px;}
    .article-info .reading-time { display: block !important; margin: 0 auto !important; }
    .top-hr, .bottom-hr { max-width: 220px !important; display: block !important; margin-left: auto !important; margin-right: auto !important; }
    .top-hr { margin-bottom: 30px !important; }
    .bottom-hr { margin-top: 30px !important; margin-bottom: 50px !important; }
    .sub-header { line-height: 1.69 !important; font-size: 26px !important; }
    .content-container { padding: 0 38px !important; }
    .paragraph-content {line-height: 1.5 !important; font-size: 18px !important; }
    .paragraph-header { font-size: 20px !important; }
    .quote-sign { display: block !important; position: static !important; float: none !important; margin: 0 auto !important; width: auto !important; height: auto !important; text-align: center !important; }
    .qoute-text { text-align: center !important; line-height: 1.5 !important; font-size: 26px !important; }
    .paragraph-link { font-size: 18px !important; }
    .paragraph { padding-bottom: 30px !important; }
    .paragraph-content-with-header { padding-top: 20px !important; }
}
