/* GENERAL DESKTOP */
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #fff; direction: rtl; }
input, textarea,button { font-family: 'Assistant',sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
button, input, textarea { -webkit-appearance: none; outline: none; -webkit-border-radius: 0; border-radius: 0; }
::placeholder { color: #090031; opacity: 0.55; }
:-ms-input-placeholder { color: #090031; opacity: 0.55;}
::-ms-input-placeholder { color: #090031; opacity: 0.55;}
a { text-decoration: none; outline: none; text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; outline: none; }
img { border: 0; }
.dir { float: right; }
.dir-op { float: left; }
div.full-div {width: 100%;float: right;text-align: center;position: relative;}
div.half-div { width: 50%; float: right; }
/*full on mobile*/
div.third-div { width: 33.333333%; float: left; position: relative; }
/*full on mobile*/
div.qrtr-div { width: 25%; float: right; }
div.three-qrtr-div { width: 75%; float: right; }
.c-pink { color: #FD5784; }
/*full on mobile*/
div.3qrtr-div { width: 75.333333%; float: right; }
div.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.s-13{font-size: 13px;}
/*full on mobile*/
div.pad-sides-10 { padding: 10px 10px 10px 10px; float: right; }
div.pad-sides-20 { padding: 20px 20px 20px 20px; float: right; }
.hide-mobile { display: block; }
.hide-desktop { display: none; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
h1 { font-family: 'Assistant',sans-serif; color: white; line-height: 65px; margin-bottom: 20px; font-weight: 500; font-size: 62px; margin-top: 0; }
h2 { font-family: 'Assistant',sans-serif; margin-top: 0; margin-bottom: 30px; font-weight: normal; font-size: 28px; color: white; }
h3 { font-family: 'Assistant',sans-serif; color: #000; margin-top: 20px; margin-bottom: 0; font-size: 20px; font-weight: normal; }
p { margin-top: 0; margin-bottom: 0; }
.hand { cursor: pointer; }
.t-b {font-weight: bold;}
.t-nob { font-weight: normal; }
.t-i { font-style: italic; }
.t-u { text-decoration: underline; }
.t-nou { text-decoration: none; }
.t-nou:hover { text-decoration: none; }
.absu { position: absolute; }
.rela { position: relative; }
.block { display: block; }
div.hide { display: none; }
div.dir-left { float: left; }
div.dir-right { float: right; }
.f-family-base { font-family: 'Assistant',sans-serif; }
.base-text { font-family: 'Assistant',sans-serif; font-size: 16px; color: #000; line-height: 22px; }
.grid { display: inline-block; }
.section-title {border-top: 3px solid #000;text-align: right;width: 100%;font-size: 18px;font-weight: 700;display: inline-block;}
.page-title { font-weight: 700; color: #df4f7a; text-align: right; margin: 0; }
.page-title-arrow { display: inline-block; }
.divider { width: 100%; height: 3px; background: #000; display: inline-block; margin: 30px 0 0; float: right; }
.hoverFade:hover {
opacity: 0.6;
-webkit-transition: opacity 0.3s; /* Safari */
transition: opacity 0.3s;
}
/* HEADER ALL */
.header { background: #090031; color: #fff; }
/* FOOTER ALL */
.footer { background: #090031; color: #fff; }
.footer .footer-menu-item:hover,
.footer .footer-menu-item.active {
border-bottom: 3px #fd5784 solid;
}
/* HOMEPAGE ALL */
.article-pls-subtitle { color: #FD5784; }
.hp-subscribe { float: right; background: #ea527e; color: #fff; }
.hp-subscribe-arrow { float: left; }
.hp-subscribe-title { float: right; text-align: right; font-weight: 700; }
.hp-subscribe-input { background: #fff; border: 0; margin: 0; padding: 0; float: right; font-weight: 500; }
.hp-subscribe-submit { color: #fff; border: 0; margin: 0; background: #090031; float: left; }
.hp-subscribe-input::-webkit-input-placeholder
{ color: #ea527e; }
.hp-subscribe-input::-moz-placeholder { color: #ea527e; }
.hp-subscribe-input:-ms-input-placeholder
{ color: #ea527e; }
.hp-subscribe-input:-moz-placeholder { color: #ea527e; }
.hp-links-column { float: right; text-align: right; }
a.hp-courses-link { border-top: 2px solid #090031; border-bottom: 2px solid #090031; float: right; text-decoration: none; }
a.hp-donate-link { float: right; background: #090031; font-weight: 700; color: #fff; text-align: center; width: 100%; text-decoration: none; }
/* CATEGORY PAGE ALL */
.category-page .page-title { padding-bottom: 0; border: 0; }
.category-subscribe { float: right; background: #ea527e; color: #fff; }
.category-subscribe-arrow { float: left; }
.category-subscribe-title { float: right; text-align: right; font-weight: 700; }
.category-subscribe-input { background: #fff; border: 0; margin: 0; padding: 0; float: right; font-weight: 500; }
.category-subscribe-submit { color: #fff; border: 0; margin: 0; background: #090031; float: left; }
.category-subscribe-input::-webkit-input-placeholder
{ color: #ea527e; }
.category-subscribe-input::-moz-placeholder
{ color: #ea527e; }
.category-subscribe-input:-ms-input-placeholder
{ color: #ea527e; }
.category-subscribe-input:-moz-placeholder
{ color: #ea527e; }
a.category-donate-link { float: left; background: #090031; font-weight: 700; color: #fff; text-align: center; text-decoration: none; }
/* ABOUT PAGE COMPUTER */
.about-links { float: right; width: 100%; }
.about-link { background: #090031; text-align: center; float: right; position: relative; }
.about-link-title { font-weight: 700; color: #fff; width: 50%; margin: auto; }
.about-link-readmore { color: #df4f7a; position: absolute; text-decoration: underline; width: 100%; left: 0; bottom: 20px; font-weight: 700; font-size: 17px; }
#about-activity-pls .slider { width: 90%; margin-right: 5%; margin-left: 5%; }
#about-activity-pls .prev { right: 0; }
#about-activity-pls .next { left: 0; }
#about-activity-pls .prev, #about-activity-pls .next
{ top: 102px; }
.about-activity { float: right; position: relative; background-size: cover; background-position: center center; }
.about-activity:nth-child(4) { margin-left: 0; }
.activity-title { position: absolute; right: 0; bottom: 0; padding: 5px 0; background: #090031; color: #fff; font-weight: 700; width: 90%; padding: 10px 5%; line-height: 27px; font-size: 22px; }
/* CATEGORY PAGE ALL */
.category-page .page-title { padding-bottom: 0; border: 0; }
.category-subscribe { float: right; background: #ea527e; color: #fff; }
.category-subscribe-arrow { float: left; }
.category-subscribe-title { float: right; text-align: right; font-weight: 700; }
.category-subscribe-input { background: #fff; border: 0; margin: 0; padding: 0; float: right; font-weight: 500; }
.category-subscribe-submit { color: #fff; border: 0; margin: 0; background: #090031; float: left; }
.category-subscribe-input::-webkit-input-placeholder
{ color: #ea527e; }
.category-subscribe-input::-moz-placeholder
{ color: #ea527e; }
.category-subscribe-input:-ms-input-placeholder
{ color: #ea527e; }
.category-subscribe-input:-moz-placeholder
{ color: #ea527e; }
a.category-donate-link { float: left; background: #090031; font-weight: 700; color: #fff; text-align: center; text-decoration: none; }
.bg-light-blue{background-color: #cfe2f2 !important;}
.big-div.bg-light-blue {
padding: 25px 0;
}
/* ARTICLE ALL */
.article-image { background-size: cover; background-position: center center; position: relative; }
.article-author-title { display: inline-block; text-decoration: underline; font-weight: 700; }
.article-author-role { display: inline-block; }
.article-image-title { position: absolute; right: 0; bottom: 0; background: #df4f7a; color: #fff; font-weight: 600; padding: 5px 10px; }
.responsive-img{max-width: 100%;height: auto;}
.c-blue-ofek{color: #126cb7;}
.c-black-ofek{color: black;}
.bg-grey-ofek{background-color:#e5e4e9;}
.c-green-ofek{color: #10bb0b;}
.fifth-div{width: 15%;float: right;}
.big-div{width: 85%;float: right;}
.bg-blue-ofek-vid{background-color:#6879c3;}
.bg-blue-ofek-tirgum{background-color:#6b8bc7;}
.bg-blue-ofek-takzirim{background-color:#87ace1;}
.bg-blue-ofek-tikshoret{background-color:#a6cbf1;}
.more-article{overflow:hidden;height: 70px;width: 80%;padding: 19px 10%;background: #463F64;color: #fff;margin-bottom: 15px;float: right;font-size: 16px;line-height: 22px;font-weight: 700;}
.c-blue-light-ofek{color: #34a4fa;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
.ofek-top-banner{font-size: 24px;font-weight: 600; margin-bottom: 5px;}
.big-div.bg-light-green {padding: 15px 0;}
.big-div.txt-right {padding: 18px 0;}
div.Sub_Articles_Arr{float:left;padding-left:10px;margin-top:-20px;}
div.Sub_Article_Inner_Content{width:455px;float:right;overflow:hidden;border-bottom:1px solid #dbd9e2;}
div.Sub_Articles{width:455px;float:right;margin-top:48px;margin-bottom:30px;border-top:1px solid #dbd9e2;}
div.Sub_Articles_Item{width:447px;height:39px;float:right;cursor:hand;cursor:pointer;padding-top:17px;padding-right:8px;border-bottom:1px solid #dbd9e2;}
div.Article_Inner_Sub{width:447px;float:right;padding-right:8px;overflow:hidden;}
div.Sub_Yellow{background-color:#fef6e1;}
div.Sub_White{background-color:transparent;}
div.Sub_Grey{background-color:#f0f0f8;}
/* DONATE PAGE ALL */
.donate-rows { width: 100%; float: right; }
.donate-row { font-weight: 700; width: 100%; float: right; text-align: right; }
.donate-row:nth-child(2) .donate-row-text
{ float: left; text-align: left; }
.donate-row:nth-child(2) .donate-row-image
{ float: right; }
/* DONATORS PAGE ALL */
.donators-summary { background: #E5E4E9; display: inline-block; text-align: right; }
/* REPORTS PAGE ALL */
.report-summary { background: #E5E4E9; display: inline-block; text-align: right; }
.report { font-weight: 700; color: #df4f7a; float: right; clear: both; text-decoration: underline; }
/* TEAM PAGE ALL */
.team-summary { float: right; width: 100%; }
.team-item { width: 100%; float: right; }
.team-item-image { width: 100%; display: inline-block; }
.team-item-back-title { width: 100%; display: inline-block; text-decoration: underline; font-weight: 700; }
.team-item-back-role { width: 100%; display: inline-block; }
.team-item-front { font-weight: 700; float: left; }
/*COMPUTER PAGE ALL */
.contact-text { float: right; }
.contact-text a { color: #df4f7a; }
.contact-form { float: left; text-align: right; }
.contact-input { width: 100%; float: right; border: 0; border-bottom: 3px solid #000; font-weight: 700; }
.contact-submit { background: #df4f7a; color: #fff; float: right; border: 0; }
/* FORUM SECTIONS ALL */
.forum-activities { text-align: right; }
.forum-activity { float: right;cursor:pointer; }
.forum-activity-back { text-align: center; }
.forum-activity-image { display: inline-block; }
.forum-activity-category { color: #ea527e; font-weight: 700; }
.forum-activity-front { float: right; }
.forum-activity-author { font-weight: 800; }
.forum-activity-title { font-weight: 800; }
.forum-activity-date { font-weight: 600; }
/* POPULAR SECTION ALL */
.article-popular { float: right; position: relative; background-size: cover; position: relative; color: #fff; text-align: right; }
.article-popular:last-child { margin-left: 0; }
.article-popular:before {content: "";background: #090031;opacity: 0.5;width: 100%;height: 100%;position: absolute;top: 0;right: 0;z-index: 0;}
.article-popular-category { float: right; font-weight: 600; background: #df4f7a; z-index: 1; position: relative; }
.article-popular-details { width: 100%; float: right; font-weight: 700; color: #fff; position: relative; }
a.article-popular-title { float: right; font-weight: 600; text-decoration: none; z-index: 1; position: relative; }
.article-popular-text { float: right; z-index: 1; position: relative; }
.article-popular-readmore { float: right; color: #FD5784; z-index: 1; position: relative; font-weight: 600; }
/* TODAY SECTION ALL */
.article-today { float: right; position: relative; background-size: cover; background-position: center; }
.article-today-new-grid-wrapper .article-play-btn {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
z-index: 1;
background-color: white;
border-radius: 50%;
}
.article-today-details { float: right; font-weight: 600; background: #df4f7a; position: absolute; right: 0; top: 0; color: #fff; text-align: right; z-index: 5; }
.c-black-ofek{color: black !important;}
/* RECOMMENDED ALL SECTION */
.hp-recommended-articles { text-align: right; }
.recommended-article { float: right; position: relative; background-size: cover; text-align: right; }
.recommended-article-title { float: right; font-weight: 600; background: #090031; color: #fff; z-index: 1; position: relative; }
.recommended-article-details { width: 100%; float: right; font-weight: 700; color: #090031; }
a.recommended-article-text { float: right; font-weight: 600; text-decoration: none; z-index: 1; position: relative; }
.recommended-article-readmore { float: right; color: #FD5784; z-index: 1; position: relative; font-weight: 600; text-decoration: underline; }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*DESKTOP classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (min-width: 1435px) {
.grid { width: 1435px; }
/* FOOTER DESKTOP */
.footer-menu-about .footer-menu-item {margin-right: 26px;}
.footer-menu-about .footer-menu-item:last-child
{ margin-left: 34px; }
.footer-menu-categories .footer-menu-item
{margin-right: 44px;}
/*
.footer-menu-categories .footer-menu-item:last-child
{ margin-left: 54px; }
*/
/* HOMEPAGE DESKTOP */
.article-today { width: 459px; height: 254px; margin-left: 28px; }
.hp-links-column { width: 252px; height: 253px; margin-right: 17px; }
a.hp-courses-link { height: 88px; padding-bottom: 10px; padding-top: 17px; line-height: 39px; font-size: 33px; margin-top: 7px; padding-right: 29px; }
.hp-subscribe { padding-top: 18px; padding-right: 36px; padding-bottom: 16px; padding-left: 29px; margin-right: 23px; width: 214px; height: 219px; }
.hp-subscribe-title { width: 136px; font-size: 31px; }
.hp-subscribe-input { width: 213px; font-size: 17px; }
.hp-subscribe-arrow { margin-top: 8px; }
a.hp-donate-link { font-size: 30px; }
.forum-activity {
width:259px;
padding-left:16.5px;
padding-right:16.5px;
}
.forum-activity-image {
margin-top: 7px;
}
.forum-activity-title {
font-size: 23px; line-height: 24px;max-height: 75px;
}
.forum-activity-back {
width: 110px;
padding-left:10px;
padding-right:10px;
height: 133px;
}
.forum-activity-front {
width: 113px;
height: 118px;
}
.article-popular { width: 260px; height: 218px; margin-left: 33px; }
/* ABOUT DESKTOP */
.about-link { width: 244px; margin-left: 53px; margin-top: 53px; padding: 20px 0; height: 205px; }
.about-activity { width: 300px; height: 257px; margin-left: 22px; }
/* ARTICLE DESKTOP */
.article-center {width: 923px;}
/*
RECOMMENDED DESKTOP SECTION
*/
.recommended-article { width: 241px; height: 254px; }
.recommended-article-title { padding: 12px 10px 10px 26px; width: 178px; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*COMPUTER classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (min-width: 1080px) {
.hide-desktop { display: none; }
.hide-mobile { display: block; }
/* GENERAL COMPUTER */
.section-title-title-arrow {height: 11px;}
.section-title {margin-top: 15px;margin-bottom: 0;padding-top: 0;}
.page-title { font-size: 45px; margin-top: 50px; padding-bottom: 37px; border-bottom: 3px solid #000; }
.page-title-arrow { height: 28px; margin-right: 9px; }
/* HEADER COMPUTER */
.header-social { float: left; }
.header-lang { float: left; }
.header-title { float: right; }
.header {padding-top: 6px;height: 114px;}
.header-top {padding-bottom: 10px;}
.header-title { float: right; }
.header-menu { float: right; height: 30px; }
.header-menu-item {font-size: 18px;font-weight: 600;padding-right: 0;padding-bottom: 16px;margin-left: 30px;}
.header-menu-item.active, .header-menu-item:hover
{border-bottom: 4px #fd5784 solid;}
a.header-menu-item { text-decoration: none; }
.header-menu-container { float: right; }
.header-about {float: left;position: relative;font-size: 18px;width: 140px;z-index: 10;}
.header-about-title {
padding-bottom: 14px;
padding-left: 12px;
font-weight: 600;
}
.header-advanced-search {
width: auto;
float: left;
font-size: 18px;
font-weight: 600;
}
.header-about-title a.active,.header-about-title a:hover
{
border-bottom: 4px #fd5784 solid;
padding-bottom: 14px;
text-decoration: none;
}
.header-title { padding-top: 11px; }
.header-title-logo {float: right;width: 51px;}
.header-title-text {float: right;padding-right: 22px;font-size: 35px;padding-top: 14px;font-weight: 700;}
.header-about-links { width: 100%; float: left; max-height: 0; position: absolute; top: 35px; left: 0; overflow: hidden; }
.header-about-links:hover { max-height: 360px; }
.header-about-links:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: inline-block; opacity: .85; background: #090031; z-index: -1; }
a.header-about-link { width: 100%; display: inline-block; position: relative; padding: 10px 0; height: 25px; text-align: center; text-decoration: none; border-bottom: 1px solid #fff; }
a.header-about-link:last-child { border-bottom: 0; }
a.header-about-link.active,
a.header-about-link:hover { background: #FD5784; }
.header-about-link-image { position: absolute; left: 5%; top: 30%; height: 40%; }
.header-about:hover .header-about-links { max-height: 300px; }
.header-search {background: #5a5475;left: 0;top: 35px;position: absolute;z-index: 50;}
.header-search-input {width: 220px;float: right;height: 28px;background: none;border: 0;color: #fff;font-size: 19px;padding-left: 10px;padding-right: 10px;text-align: right;}
.header-search-logo { float: left; margin-top: 8px; margin-left: 8px; }
.header-search-results { position: absolute; right: 0; top: 28px; width: 100%; max-height: 0; overflow: hidden; }
.header-search.open .header-search-results
{ max-height: 800px; }
.header-search-result:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: .9; background: #090031; z-index: -1; }
.header-search-result { width: 90%; float: right; padding: 6px 5%; font-weight: 600; border-bottom: #3A335A 1px solid; text-align: right; }
.header-social { padding-top: 2px; padding-right: 112px; }
.header-social-link { margin-right: 15px; float: left; margin-left: 5px; }
.header-social-link img { height: 19px; }
.langswitch-link { padding-right: 17px; }
.langswitch-link.he { font-size: 14px; }
.langswitch-link.en { font-size: 13px; }
.main-content { display: inline-block; }
/* FOOTER COMPUTER */
.footer { margin-top: 100px; padding-top: 35px; padding-bottom: 35px; font-size: 19px; }
.footer-title { float: right; width: 18.5%; height: 65px; border-left: 1px solid #fff; margin-top: 10px; padding-top: 8px; }
.footer-title-text { float: right; margin-right: 11px; }
.footer-menu-about { float: right; height: 55px; border-left: 1px solid #fff; margin-top: 12px; padding-top: 17px; }
.footer-title-logo { float: right; width: 212px; }
.footer-menu-categories {width: 44%; float: right; height: 55px; border-left: 1px solid #fff; margin-top: 12px; padding-top: 17px; }
a.footer-menu-item {
text-decoration: none;
margin-right: 3%;
margin-left: 0%;
width: 19%;
}
.footer-social { float: left; height: 53px; margin-top: 31px; }
.footer-social-link {height: 26px;margin: 0 12px;float: left;}
.footer-social-link img { height: 26px; }
/* HOMEPAGE COMPUTER */
#hp-news-pls,#ofek-news-pls {margin-top: 24px;height: 490px;position: relative;float: right;}
#hp-news-pls .prev, #hp-news-pls .next { margin-top: 150px; height: 54px; position: absolute; top: 67px; z-index: 4; }
#hp-news-pls .prev { right: 33px; }
#hp-news-pls .next { left: 33px; }
#hp-news-pls .pager { position: absolute; top: 35px; right: 96px; z-index: 5; }
.article-pls-slide { position: relative; background-size: cover; }
.article-pls-content { position: absolute; right: 0; top: 0; width: 315px; height: 100%; padding: 0 102px 0 42px; color: #fff; text-align: right; }
.article-pls-content:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: .8; background: #090031; z-index: -1; }
a.article-pls-title { height:115px;overflow:hidden;font-size: 33px; margin-top: 84px; font-weight: 600; line-height: 37px; float: right; text-decoration: none; }
.article-pls-subtitle { font-size: 17px; width: 100%; float: right; margin-top: 12px; }
a.article-pls-text { height:200px;overflow:hidden;margin-top: 20px; float: right; width: 100%; font-size: 24px; line-height: 32px; text-decoration: none; }
.hp-subscribe-title { line-height: 39px; margin-right: 9px; }
.hp-subscribe-input { margin-top: 14px; padding: 11px 10px 10px 10px; }
.hp-subscribe-submit { padding: 4px 0 3px 0; margin-top: 19px; width: 61px; font-size: 16px; }
.hp-links-column { width: 252px; height: 253px; margin-right: 17px; }
a.hp-courses-link { float: left; height: 88px; padding-bottom: 10px; padding-top: 17px; line-height: 39px; font-size: 33px; margin-top: 7px; font-weight: 700; padding-right: 29px; }
.hp-courses-link img { margin-top: 12px; margin-left: 24px; }
a.hp-donate-link { padding: 41px 0; margin-top: 23px; }
.hp-donate-link img { margin-right: 2px; }
.forum-activity-title {overflow:hidden;width: 100%; }
.forum-activity:first-child { padding-right: 0; }
.forum-activity:last-child { padding-left: 0; }
.forum-activity-image {
margin-top: 7px;
max-width: 100%;
display: inline-block;
}
.forum-activity-back { text-align: center;}
/* CATEGORY PAGE COMPUTER */
.category-subscribe {float: right;width: 69%;padding: 37px 2% 31px 5%;}
.category-subscribe-title { line-height: 51px; margin-right: 5px; font-size: 46px; }
.category-subscribe-input {padding: 11px 21px 12px 20px;font-size: 22px;margin-right: 42px;width: 32%;}
.category-subscribe-arrow { float: right; margin-top: 13px; margin-right: 16px; }
.category-subscribe-submit {padding: 8px 0 12px 0;width: 129px;font-size: 24px;font-weight: 500;}
.category-links { margin-top: 50px; }
a.category-donate-link { padding: 49px 0; float: left; width: 22%; font-size: 36px; }
.category-donate-link img { display: inline-block; height: 22px; position: relative; right: 15px; }
/* ABOUT COMPUTER */
.about-box.about-top>.full-div:before {content: "";position: absolute;width: 100%;height: 1px;right: 0;left: 0;background-color: black;bottom: 36px;}
.about-box.about-top>.full-div:last-child:before {
display: none;
}
.about-box.about-top ~ .divider {
height: 1px;
margin: 0;
}
.about-box {float: right;width: 100%;padding-top: 40px;padding-bottom: 0;padding-right: 0;padding-left: 0;text-align: right;}
.about-box-title {font-weight: 700;font-size: 28px;margin-bottom: 30px;}
.about-box-text { font-weight: 700;font-size: 24px;line-height: 37px; }
.about-box-text.about-box-text-amuta {font-size: 22px;line-height: 25px;font-weight: 500;max-width: 90%;margin-bottom: 25px;display: block;}
.about-box-col-back {float: right;width: 11%;}
.about-box-col-front {float: left;width: 59%;text-align: right;}
.about-link:nth-child(5), .about-link:nth-child(10), .about-link:nth-child(15), .about-link:nth-child(20), .about-link:nth-child(25), .about-link:nth-child(30)
{ margin-left: 0; }
.about-link-title { padding-top: 24px; font-size: 26px; line-height: 35px; }
/* ARTICLE COMPUTER */
.article-page .page-title { border-bottom: 0; padding-bottom: 0; }
.article-back {float: right;width: 205px;text-align: center;margin-left: 20px;}
.article-back .section-title { text-align: right; }
.article-back-author { float: right; }
.article-author-image { display: inline-block; width: 77%; margin-top: 18px; }
.article-author-title { display: inline-block; text-decoration: underline; font-weight: 700; width: 100%; font-size: 24px; margin-top: 21px; }
.article-author-role { margin: 1px auto; font-size: 24px; line-height: 31px; font-weight: 500; width: 60%; }
.article-center { float: right; text-align: right; }
.article-image { height: 365px; }
.article-title {margin: 0;margin-top: 10px;font-size: 31px;font-weight: 800;width: 100%;float: right;color: #000;line-height: 1.2;margin-bottom: 1.5vw;}
.article-subtitle { margin-top: 7px; font-size: 27px; font-weight: 700; width: 99%; float: right; color: #000; line-height: 28px; }
.article-text { margin-top: 28px; font-size: 18px; float: right; color: #000; width: 100%; font-weight: 500; line-height: 26px; }
.article-front {float: right;width: 264px;margin-right: 23px;text-align: right;}
.more-articles { float: left; margin-top: 0; }
.more-article-author { color: #df4f7a; margin-right: 10px; }
/* DONATE PAGE COMPUTER */
.donate-row { margin-top: 45px; font-size: 24px; line-height: 37px; padding-bottom: 45px; border-bottom: 3px solid #000; }
.donate-row-text { float: right; width: 50%; }
.donate-row-image { float: left; width: 205px; }
/* DONATORS PAGE COMPUTER */
.donators-summary { margin: 42px 0; padding: 68px 7%; width: 86%; }
.donators-list { float: right; width: 100%; margin-bottom: 30px; }
.donators-row-image { width: 22%; float: right; }
.donators-row-text { width: 73.5%; float: left; font-size: 31px; font-weight: 700; line-height: 39px; }
.donators-list-text { float: right; width: 50%; text-align: right; font-size: 28px; margin-top: 33px; font-weight: 700; line-height: 40px; }
.donator-list-images { float: left; width: 45%; }
.donator-list-images img { float: left; }
/* REPORTS PAGE COMPUTER */
.report-summary { margin: 42px 0; padding: 65px 4%; width: 92%; }
.report { font-size: 30px; margin-bottom: 18px; }
/* TEAM PAGE COMPUTER */
.team-item { margin-top: 70px; }
.team-item-back { float: right; width: 14%; margin-right: 5%; }
.team-item-back-title { margin-top: 18px; font-size: 24px; }
.team-item-back-role { font-size: 21px; font-weight: 600; margin-top: 7px; }
.team-item-front {
width: 66%;
padding-right: 4%;
font-size: 27px;
margin-top: 33px;
text-align: right;
line-height: 39px;
float: right;
}
/*COMPUTER PAGE COMPUTER*/
.contact-text { width: 36%; margin-top: 40px; font-size: 18px; font-weight: 700; line-height: 24px; text-align: right; }
.contact-form { width: 59%; margin-top: 40px; }
.contact-input { margin-bottom: 50.25px; padding: 4px 0%; font-size: 23px; padding-bottom: 8px; }
.contact-submit {width: 19%;padding: 7px 0;font-size: 27px;font-weight: 700;cursor: pointer;}
.doar-zevel-agree>input {
-webkit-appearance: checkbox;
margin: 0;
width: 17px;
height: 17px;
float: right;
}
.doar-zevel-agree span {
float: right;
padding-right: 10px;
margin-top: -2px;
}
/* FORUM SECTIONS COMPUTER */
.forum-activities { float: right;
width: 100%;margin-top: 10px; }
.forum-activity { border-left: 1px solid #000; position: relative; }
.forum-activity:last-child { border-left: 0; }
.forum-activity-back { float: right; position: relative;}
.forum-activity-image { margin-top: 7px; }
.forum-activity-category {
position: absolute; right: 0; bottom: 0; width: 100%; padding-right: 0;
}
.forum-activity-front { border-bottom: 9px solid #ea527e; }
.forum-activity-author { font-size: 12px; text-decoration: underline; }
.forum-activity-date { font-size: 12px; text-decoration: none; }
/* POPULAR SECTION COMPUTER */
.article-popular-category { padding: 4px 13px 4px 12px; font-size: 18px; }
.article-popular-details { margin-right: 9px; margin-top: 13px; margin-top: 20px; margin-right: 12px; }
a.article-popular-title { height:85px;overflow:hidden;font-size: 21px; margin-right: 15px; margin-top: 10px; padding-left: 15px; line-height: 29px; }
.article-popular-text { margin-right: 20px; font-size: 20px; padding-left: 15px; }
.article-popular-readmore { font-size: 18px; margin-right: 20px; margin-top: 12px; }
/* TODAY SECTION COMPUTER */
.category-page .article-today-title { margin-top: 50px; }
.article-today {width:100%;margin-left: 28px;width: 459px;height: 254px;margin-bottom: 20px;position: relative;background-color: #d4d4d4;}
.article-today:before {
content: "";
position: absolute;
background: url(../images/logo-full.png)no-repeat;
height: 46px;
width: 212px;
top: 0;
bottom: 0;
margin: auto;
left: 12px;
z-index: -1;
}
.article-today:nth-child(3n) { margin-left: 0;}
.article-today-content { width:50%;position: absolute; right: 0; top: 0; height: 100%; color: #fff; text-align: right; }
.article-today-content:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: .8; background: #090031; z-index: 0; }
.article-today-category { float: right; font-weight: 600; background: #df4f7a; font-size: 22px; padding: 11px 10px 10px 26px; z-index: 1; position: relative; }
.article-today-details { width: 100%; font-size: 22px; padding: 11px 0 10px 0; }
.article-today-author { display: inline-block; padding-right: 20px; }
.article-today-title { height:60px;overflow:hidden;font-size: 23px; margin-right: 20px; margin-top: 10px; padding-left: 15px; line-height: 29px; float: right; font-weight: 600; text-decoration: none; z-index: 1; position: relative; }
.article-today-text { height:90px;overflow:hidden;float: right; z-index: 1; position: relative; margin-right: 20px; font-size: 20px; padding-left: 15px; }
.article-today-readmore {float: right;color: #FD5784;font-size: 22px;margin-right: 10px;z-index: 1;position: relative;font-weight: 800;}
.article-today-ofek-readmore {
color: #cfe2f2;
}
.article-today-ofek-content:before {
background: #102a43;
}
/* RECOMMENDED COMPUTER SECTION */
.recommended-articles { text-align: right; }
.recommended-article { float: right; width: 241px; height: 254px; padding-right: 22px; padding-left: 23px; padding-top: 10px; border-left: 1px solid #000; }
.recommended-article:last-child { margin-left: 0; border-left: 0; }
.recommended-article-title { font-size: 25px; }
.recommended-article-details { margin-top: 13px; margin-right: 9px; }
a.recommended-article-text { height: 120px;font-size: 18px;overflow: hidden; margin-right: 9px; margin-top: 6px; padding-left: 15px; line-height: 25px; }
.recommended-article-author { text-decoration: underline; }
.recommended-article-readmore { margin-top: 18px; color: #FD5784; font-size: 17px; margin-right: 8px; }
/* TEAM SECTION COMPUTER */
.team-member { width: 20%; float: right; }
.team-slide { width: 100%; }
.team-member-image { border-radius:100%;display: inline-block; width: 73%; }
.team-member-title { display: inline-block; width: 100%; font-size: 24px; font-weight: 700; text-decoration: underline; margin-top: 21px; }
.team-member-role { display: inline-block; margin: 1px auto; font-size: 24px; line-height: 31px; font-weight: 500; width: 60%; }
#hp-team-pls { margin-top: 10px; }
#hp-team-pls .slider { width: 95%; margin: auto; float: none; }
#hp-team-pls .prev { right: 0; }
#hp-team-pls .next { left: 0; }
#hp-team-pls .prev, #hp-team-pls .next { top: 80px; }
.hp-team { position: relative; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*LAPTOP classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (min-width: 1080px) and (max-width: 1435px) {
.grid {width: 1250px;}
.header-social-link {
margin-top: 3px;
}
.header-search {
background: #5a5475;
float: left;
margin-left: 0;
position: relative;
z-index: 50;
width: 151px;
height: 26px;
}
.header-search-input {
width: 151px;
position: relative;
bottom: 20px;
}
/* FOOTER LAPTOP */
.footer { margin-top: 70px; }
.footer-title-logo {
width: 165px;
}
.footer-menu-about .footer-menu-item {
}
.footer-menu-about {
width: 20%;
}
.footer-menu-about .footer-menu-item:last-child
{ }
.footer-menu-categories {
width:40%;
}
.footer-menu-categories .footer-menu-item:last-child
{ }
.footer-menu-item {
text-decoration: none;
margin-right: 1%;
margin-left: 1%;
width: auto;
padding-right: 1%;
width: 22%;
}
.footer-social-link {
height: 22px;
margin: 0 6px;
}
.footer-social-link img {
height: 22px;
}
/* HOMEPAGE LAPTOP */
.hp-links-column { width: 118px; height: 253px; margin-right: 17px; }
.hp-subscribe-submit {
width: 100%;
}
a.hp-courses-link {
height: 88px;
padding-bottom: 1px;
padding-top: 7px;
line-height: 39px;
font-size: 12px;
margin-top: 7px;
padding-right: 15px;
}
.hp-courses-link img {
margin-top: 7px;
margin-right: 11px;
height: 12px;
}
a.hp-donate-link {
margin-top: 12px
}
.hp-donate-link img {
margin-top: 5px;
}
.hp-subscribe {
padding-top: 18px; padding-right: 22px;
padding-bottom: 16px; padding-left: 29px;
margin-right: 23px; width: 224px; height: 219px;
}
.hp-subscribe-submit {
padding: 14px 0 13px 0;
margin-top: 24px;
}
.hp-subscribe-title { width: 170px; font-size: 28px; }
.hp-subscribe-input { width:100%;font-size: 16px; margin-top:22px;}
.hp-subscribe-arrow { margin-top: 13px; }
a.hp-donate-link { font-size: 16px; }
.forum-activity {
width: 199px;
padding-left:10px;
padding-right:10px;
}
.forum-activity-image {
margin-top: 7px;
}
.forum-activity-title {
font-size: 23px; line-height: 24px;
max-height: 60px;
}
.forum-activity-back {
width: 110px;
padding-left:5px;
padding-right:5px;
height: 120px;
}
.forum-activity-front {
width: 83px;
height: 105px;
}
/* CATEGORY PAGE LATOP */
.category-subscribe { padding: 17px 2% 22px 5%; }
a.category-donate-link { padding: 35px 0; font-size: 27px; }
a.category-donate-link img { height: 16px; }
.category-subscribe-title { font-size: 26px; }
.category-subscribe-input { width: 246px; }
/* ABOUT LAPTOP */
.about-link { width: 173px; margin-left: 53px; margin-top: 53px; padding: 10px 0 20px 0; height: 145px; }
.about-activity { width: 248px; height: 257px; margin-left: 22px; }
/* ARTICLE LAPTOP */
.article-center {width: 738px;}
/* FORUM SECTION LAPTOP */
.forum-activity { }
.forum-activity-title { max-height:60px;font-size: 17px; line-height: 19px; }
.forum-activity-image { }
.forum-activity-front { }
.forum-activity-back { }
/* POPULAR SECTION LAPTOP */
.article-popular { width: 200px; height: 218px; margin-left: 20px; }
/* TODAY SECTION LAPTOP */
.article-today { width: 341px; height: 254px; margin-left: 28px; }
.article-today-content {
width:72%;
padding-left:3%;
}
/* RECOMMENDED LAPTOP SECTION */
.recommended-article { width: 170px; height: 254px; }
.recommended-article-title {
padding: 12px 10px 10px 10px;
width: 159px;
}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*MOBILE classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1080px) {
.hide-desktop { display: block; }
.hide-mobile { display: none; }
.grid { width: 90%; padding-left: 5%; padding-right: 5%; }
.main-content { display: inline-block; width: 100%; }
/* GENERAL MOBILE */
.section-title-title-arrow { display: none; }
.section-title { margin-top: 20px; margin-bottom: 20px; padding-top: 8px; }
.page-title { font-size: 30px; margin: 0; padding: 0; height: 50px; overflow: hidden; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 3px solid #000; }
.page-title-arrow { height: 23px; position: relative; top: 2px; right: 7px; }
/* HEADER MOBILE */
.header { padding-top: 10px; padding-bottom: 10px; position: fixed; top: 0; left: 0; width: 100%; z-index: 135; }
.header-title { float: right; height: 25px; width: 80%; }
.header-title-logo { float: right; height: 30px; }
.header-title-text { float: right; margin-top: 9px; margin-right: 10px; font-size: 22px; }
.header-bottom { float: left; }
.menu-toggle { height: 30px; float: left; width: 30px; float: left; }
.menu-is-open .menu-toggle { z-index: 5; }
.hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; cursor: pointer; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; transition-duration: .8s; -webkit-transition-property: opacity,filter; -moz-transition-property: opacity,filter; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; width: 100%; height: 100%; }
.hamburger-box { position: relative; display: inline-block; width: 100%; top: 15%; height: 70%; }
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before
{ background-color: #fff; content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
{ position: absolute; width: 100%; height: 4px; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; transition-duration: .8s; -webkit-transition-property: transform; -moz-transition-property: transform; transition-property: transform; border-radius: 4px; background-color: #000; }
.hamburger-inner { top: 50%; display: block; margin-top: -2px; }
.hamburger-inner:before { top: -9px; left: 0; }
.hamburger-inner:after { bottom: -9px; left: 0; }
.menu-is-open .hamburger .hamburger-inner
{ -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transition-duration: 535ms; -moz-transition-duration: 535ms; transition-duration: 535ms; -webkit-transition-delay: .12s; -moz-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transition-duration: 535ms; -moz-transition-duration: 535ms; transition-duration: 535ms; background: #fff; }
.menu-is-open .hamburger .hamburger-inner:before
{ -webkit-transition: top 35ms ease .75s,opacity 35ms ease; -moz-transition: top 35ms ease .75s,opacity 35ms ease; transition: top 35ms ease .75s,opacity 35ms ease; opacity: 0; background: #fff; }
.menu-is-open .hamburger .hamburger-inner:after
{ bottom: 0; -webkit-transition: bottom 35ms ease,transform 35ms cubic-bezier(.215,.61,.355,1) .12s; -moz-transition: bottom 35ms ease,transform 35ms cubic-bezier(.215,.61,.355,1) .12s; transition: bottom 35ms ease,transform 35ms cubic-bezier(.215,.61,.355,1) .12s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background: #fff; }
.mobile-menu { position: absolute; top: 56px; right: 0; width: 100%; max-height: 0; z-index: 11; overflow: hidden; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.menu-is-open .mobile-menu { max-height: 700px; }
.header-menu-item {
width: 85%; float: left; text-align:right; color: #fff; padding: 15px 10% 15px 5%;
position: relative; border-bottom: 2px solid #ccc;
}
.header-menu-item:before { background: #090031; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: .9; z-index: -1; }
.header-menu-item.active:before, .header-menu-item:hover:before {
background: #FD5784; position: absolute; top: 0; left: 0; width: 100%;
height: 100%; content: ""; opacity: .5; z-index: -1;
}
.header-menu-item-image { float: left; }
/* FOOTER MOBILE */
.footer { padding: 30px 0; margin-top: 15px; }
.footer-title { margin-bottom: 15px; display: inline-block; width: 60%; }
.footer-title img { width: 100%; }
.footer-social { display: inline-block; width: 60%; }
.footer-social-link:nth-child(1) { float: left; }
.footer-social-link:nth-child(2) { display: inline-block; }
.footer-social-link:nth-child(3) { float: right; }
.footer-social-link img { height: 26px; }
/* HOMEPAGE MOBILE */
#hp-news-pls { margin-top: 20px; }
#hp-news-pls .slider { height: 450px; }
.article-pls-slide { background-size: auto 100%; }
.article-pls-content {
background: #463F64; text-align: right;
color: #fff; padding-bottom: 20px;height: 430px;
}
.article-pls-content:before {
content: ""; width: 100%; height: 200px; position: relative; top: 0;
right: 0; display: inline-block; background-size: cover;
background-position: center; margin-bottom: 20px;
}
.hp-slider-ofek {
max-width: 16%;
top: 34vw;
z-index: 1;
bottom: initial;
}
#hp-news-pls .pager { width: 100%; text-align: right; position: absolute; float: left; top: 205px; right: 3%; z-index: 15; }
.article-pls-slide { position: relative; background-size: cover; }
a.article-pls-title { width: 90%; display: inline-block; margin-right: 5%; font-weight: bold; margin-left: 5%; font-size: 25px; line-height: 32px; }
.article-pls-subtitle { width: 90%; display: inline-block; margin: 5px 5%; font-weight: 700; }
a.article-pls-text { max-height: 110px;overflow:hidden;width: 90%; margin-right: 5%; margin-left: 5%; display: inline-block; }
.hp-links-column { float: right; width: 100%; }
.hp-courses-link { width: 100%; padding: 20px 0; font-size: 20px; font-weight: 600; text-align: right; margin-top: 10px; }
.hp-courses-link span { padding-right: 10px; }
.hp-courses-link img { margin-left: 20px; margin-top: 3px; float: left; }
a.hp-donate-link { padding: 20px 0; font-size: 20px; margin-top: 15px; text-align: right; }
.hp-donate-link span { padding-right: 10px; }
.hp-donate-link img { margin-left: 20px; float: left; }
.hp-subscribe { padding: 20px 15px; margin-top: 10px; }
.hp-subscribe-title { width: 100%; float: right; font-size: 20px; }
.hp-subscribe-input { padding: 10px 5%; margin: 20px 0; width: 90%; float: left; }
.hp-subscribe-submit { float: left; padding: 5px 15px; }
/* MOBILE ABOUT */
div.about-page { text-align: right; }
.about-box-title { font-weight: 700; font-size: 30px; margin: 0 0 20px; width: 100%; float: right; }
.about-box-text { background: #E5E4E9; padding: 20px 5%; width: 90%; float: right; font-weight: 600; margin-bottom: 20px; }
.about-link { float: right; width: 48%; margin-left: 4%; padding: 20px 0; margin-bottom: 10px; font-size: 20px; height: 50px; }
.about-link-readmore { display: none; }
.about-link:nth-child(even) { margin-left: 0; }
#about-activity-pls .slider { width: 76%; margin-right: 12%; margin-left: 12%; }
.activity-title { font-size: 14px; }
.about-activity { float: right; width: 100%; height: 200px; }
#about-activity-pls .prev, #about-activity-pls .next
{ top: 80px; }
/* ARTICLE MOBILE */
.article-page .page-title { border: 0; padding-bottom: 0; margin-bottom: 0; }
.article-image { height: 200px; margin-bottom: 20px; }
.article-title { font-size: 26px; font-weight: 700; line-height: 28px; color: #000; text-align: right; }
.article-subtitle { text-align: right; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.article-text { width:100%;overflow:hidden;text-align: right; padding-bottom: 20px; font-size: 16px; }
.article-author {
text-align: right;
color:#df4f7a;
font-weight: bold;
}
/* DONATE PAGE MOBILE */
.donate-row { margin-bottom: 20px; }
.donate-row-image { float: left; width: 35%; margin: 10px 7.5% 30px 7.5%; }
/* DONATORS PAGE MOBILE */
.donators-summary { background: #E5E4E9; display: inline-block; text-align: right; padding: 20px 7%; width: 86%; font-weight: 700; }
.donators-list { text-align: right; font-weight: 700; line-height: 25px; padding-bottom: 20px; }
/* REPORTS PAGE MOBILE */
.report-summary { padding: 25px 4%; width: 92%; font-size: 20px; margin-bottom: 20px; }
.report { font-weight: 700; color: #df4f7a; float: right; clear: both; text-decoration: underline; margin-bottom: 10px; width: 100%; }
/* TEAM PAGE MOBILE */
.team-item { width: 100%; display: inline-block; margin-bottom: 30px; }
.team-item-image { width: 60%; margin-bottom: 10px; }
.team-item-front { text-align: center; width: 100%; display: inline-block; }
.team-item-back-title { margin-bottom: 10px; font-size: 22px; }
.team-item-back-role { margin-bottom: 10px; }
/*COMPUTER PAGE MOBILE */
.contact-page { padding-bottom: 20px; }
.contact-text { font-weight: 700; line-height: 23px; margin-bottom: 20px; }
.contact-submit { width: 100%; padding: 20px; font-size: 22px; font-weight: 700; text-decoration: underline; }
.contact-input { width: 100%; float: right; border: 0; border-bottom: 3px solid #000; font-weight: 700; font-size: 23px; margin-bottom: 25px; padding-bottom: 3px; }
/* FORUM SECTION MOBILE */
.forum-activity { text-align: center; padding-top: 15px; display: inline-block; width: 100%; padding-bottom: 20px; }
.forum-activity-front { float: right; width: 100%; }
.forum-activity-image { height: 66px; }
.forum-activity-category { font-size: 20px; }
.forum-activity-title { font-size: 21px; padding: 7px 0; width: 80%; display: inline-block; margin: 5px 10%; }
.forum-activity-title.hide-mobile { display: none; }
.forum-activity-author { display: inline; font-size: 16px; }
.forum-activity-date { font-size: 17px; display: inline; font-weight: 800; padding-right: 5px; }
/* POPULAR SECTION MOBILE */
.article-popular { float: right; width: 49%; margin-left: 2%; margin-bottom: 5px; padding-bottom: 10px; }
.article-popular:nth-child(even) { margin-left: 0; }
.article-popular-category { padding: 3px 10px; }
.article-popular-details { padding: 6px 10px 0 10px; font-size: 12px; }
a.article-popular-title { height:85px;overflow:hidden;padding: 3px 10px 3px 20px;height:65px;overflow: hidden; }
.article-popular-date { text-decoration: underline; }
.article-popular-readmore { padding: 3px 10px; text-decoration: underline; }
/* TODAY SECTION MOBILE */
.article-today-details { padding: 10px 20px; font-weight: bold; font-size: 20px; }
.article-today { float: right; width: 100%; margin-bottom: 20px; }
.article-today-content { background: #463F64; text-align: right; color: #fff; padding-bottom: 20px; position: relative; display: inline-block; }
.article-today-content:before { content: ""; width: 100%; float: right; height: 200px; background-size: cover; background-position: center; }
.article-today-category { float: right; font-weight: 600; background: #df4f7a; font-size: 22px; padding: 11px 10px 10px 26px; z-index: 1; position: absolute; top: 0; right: 0; }
.article-today-title { font-size: 25px; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 15px; line-height: 29px; float: right; font-weight: 600; text-decoration: none; z-index: 1; position: relative; }
.article-today-text { max-height:105px;overflow:hidden;float: right; z-index: 1; position: relative; margin-right: 20px; font-size: 20px; padding-left: 15px; }
.article-today-readmore { float: right; margin-top: 12px; color: #FD5784; font-size: 18px; margin-right: 22px; z-index: 1; position: relative; font-weight: 600; }
/* RECOMMENDED MOBILE SECTION */
.recommended-articles { text-align: right; }
.recommended-article { float: right; width: 100%; margin-bottom: 20px; }
.recommended-article-title { font-size: 24px; padding: 20px 6%; width: 88%; }
.recommended-article-details { margin-top: 13px; margin-right: 9px; }
a.recommended-article-text { max-height:105px;overflow:hidden;font-size: 18px; margin-right: 9px; margin-top: 6px; padding-left: 15px; line-height: 25px; }
.recommended-article-author { text-decoration: underline; }
.recommended-article-readmore { margin-top: 18px; color: #FD5784; font-size: 17px; margin-right: 8px; font-weight: 700; }
/* TEAM SECTION MOBILE */
#hp-team-pls { }
.team-member-title { display: inline-block; width: 100%; font-size: 21px; font-weight: 900; text-decoration: underline; margin-top: 21px; }
.team-member-role { display: inline-block; margin: 1px auto; font-size: 19px; line-height: 31px; font-weight: 500; width: 80%; margin-top: 5px; }
.team-member { width: 100%; float: right; margin-top: 20px; margin-bottom: 20px;}
.team-member a {
display: inline-block;
width: 100%;
}
.team-slide { width: 100%; }
.team-member-image { border-radius:100%;display: inline-block;width: 50%; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*TABLET classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (min-width: 768px) and (max-width: 1080px) {
/* GENERAL TABLET */
.main-content { min-height:700px; }
/* FOOTER TABLET */
.footer-title { float: right; width: 30%; margin-left: 5%; }
.footer-social { float: left; width: auto; margin-top: 16px; }
.footer-social-link { margin-right: 20px;padding:0;float:left;width: auto; }
/* HOMEPAGE TABLET */
#hp-news-pls .slider { height: 360px; }
.hp-subscribe { width: 90%; padding: 10px 5%; }
/* ABOUT PAGE TABLET */
.about-link { height: auto; padding: 25px 0; }
/* DONATE PAGE TABLET */
.donate-rows-images { display: inline-block; width: 60%; margin: auto; }
.donate-row-image { width: 45%; margin: 10px 2.5% 30px 2.5%; }
}
@media(max-width:768px){
.article-today-readmore { line-height: 120%; margin: 0; margin-right: 22px; min-height: 50px; height: auto !important;}
.full-div.main-content.hp-page a.article-pls-title {height: auto !important;max-height: 80px;margin-top: 0 !important;}
.hp-forum.full-div {
margin-top: 75px;
}
.more-article {
height: 60px;
padding: 15px 35px;
}
}