/*
Theme Name: money_haredi
Theme URI: http://dev.linux.ort.org.il/money_haredi
Author: ORT Israel team
Author URI: http://creative.ort.org.il/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: money
Tags:
*/
@import url("../money/style.css?ver=1.0.0");
@import url("../money/rtl.css");

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    /*background: url('images/!inside.jpg') no-repeat center top transparent;*/
}

#wrapper {
    background-color: transparent;
}

#colophon, #wrapper {
    width: 998px;
}

#access {
    width: auto;
}

#access .skip-link a {
    padding: 0 6px;
}

#access li {
}

#access li a {
    line-height: 2;
    padding: 0 14px 0 16px;
}

#logos {
    margin: 0;
    width: 390px;
}

.ie8 #logos {
    width: 410px; /*to make up for ie8 not recognizing :last-child*/
}

#logos li {
    margin: 0 0 0 17px;
}

#logos li:first-child {
    margin-left: 0;
}

.logo {
    background-image: url(images/site_sprite.png?ver=1);
}

#logo-scitech {
    background-position: -4px -149px;
    width: 137px;
}

#logo-ort {
    background-position: -155px -143px;
}

#logo-poalim {
    background-position: -255px -141px;
    width: 143px;
}

#branding {
    height: 104px;
    background: url(images/site_sprite.png) no-repeat 577px 26px #B00000;
}

#site-title a {
    color: #FFFFFF;
    font: 36px/1.8 LiddarRegular;
    margin: 12px 447px 0 0;
    text-indent: 0;
}

.widget_search {
    margin: 48px 0 0 19px;
    width: 280px;
}

.widget_search #s {
    height: 22px;
    width: 254px;
}

.widget_search #searchsubmit {
    background: url(images/site_sprite.png) no-repeat 2px -182px transparent;
}

#container {
    background-position: 0 -19px;
    padding: 0 18px 0 19px;
    /*    opacity: 0.5;*/
}

#content {
    color: #000000;
}

#content_top {
    background-color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
    padding: 25px 43px 26px 60px;
}

#content_main {
    margin-top: 47px;
}

.home #content_main {
    margin-top: 30px;
}

#content ul.studies_cat {
    list-style: none;
    margin: 0;
}

.studies_cat li {
    float: right;
    width: 175px;
    margin-left: 21px;
    border: 3px solid #d7d7d7;
}

.studies_cat li:last-child {
    margin-left: 0;
}

.ie8 .studies_cat li.cat-7 {
    margin-left: 0;
}

.studies_cat li a {
    text-decoration: none;
    color: inherit;
    background: url('images/pattern.gif') repeat transparent;
    display: block;
}

/* needed width of 1 px more, because otherwise there is a white pixel on the left of the box*/
.ie8 .studies_cat li a,
.ie9 .studies_cat li a {
    width: 170px;
}

.studies_cat .cat_title {
    background-color: #999999;
    border-bottom: 3px solid #d7d7d7;
    color: #ffffff;
    padding: 0 31px 28px 0;
    font: bold 36px/0.8 'LiddarBold';
}

.studies_cat .cat-9 .cat_title,
.studies_cat .cat-12 .cat_title{
    padding-right: 35px;
}

.studies_cat .cat-5 .cat_title {
    padding-right: 7px;
}

.studies_cat .cat-6 .cat_title,
.studies_cat .cat-11 .cat_title{
    padding: 0 35px 35px 0;
    line-height: 0.6;
}

.studies_cat .cat-7 .cat_title {
    line-height: 0.6;
    padding: 0 39px 35px 0;
}

.studies_cat li:hover .cat_title {
    background: url('images/main_page_sprite.png') no-repeat -669px -458px #b00000;
    padding: 7px 57px 29px 0;
    font-size: 26px;
    line-height: 0.8;
}

.studies_cat .cat-9:hover .cat_title,
.studies_cat .cat-12:hover .cat_title{
    background-position: -474px -458px;
    padding-right: 67px;
}

.studies_cat .cat-5:hover .cat_title {
    background-position: -276px -458px;
    padding-right: 43px;
}

.studies_cat .cat-6:hover .cat_title,
.studies_cat .cat-11:hover .cat_title{
    background-position: -80px -458px;
    padding-right: 71px;
}

.studies_cat .cat-7:hover .cat_title {
    background-position: 115px -458px;
    padding-right: 70px;
}

.studies_cat .cat_desc {
    background: url('images/main_page_sprite.png') no-repeat 0 0 transparent;
    height: 465px;
    padding: 327px 0 0 12px;
    font: bold 26px/1.3 'LiddarBold';
    text-align: center;
}

.studies_cat .cat-3 .cat_desc {
    background-position: -690px 0px;
}

.studies_cat .cat-9 .cat_desc,
.studies_cat .cat-12 .cat_desc{
    background-position: -520px 9px;
}

.studies_cat .cat-5 .cat_desc {
    background-position: -350px 0px;
    padding: 329px 58px 0 12px
}

.studies_cat .cat-6 .cat_desc,
.studies_cat .cat-11 .cat_desc{
    background-position: -180px 30px;
    padding: 283px 6px 0 9px;
}

.studies_cat .cat-7 .cat_desc {
    background-position: -10px 18px;
    padding: 303px 10px 0;
}

#footer {
    margin: 17px 18px 19px 19px
}

#site-generator {
    border-top: none;
}

#wp_credit a {
    background: url("images/site_sprite.png") no-repeat scroll -217px -185px rgba(0, 0, 0, 0);
}

a#ort_credit {
    background: url("images/site_sprite.png") no-repeat scroll -176px -185px rgba(0, 0, 0, 0);
    padding-left: 50px;
}

/***************************/
/******* Inner Page ********/
/***************************/
#categories .cat-item {
    width: 191px;
    text-align: right;
}

#categories-wrapper-topics {
    margin-bottom: 30px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

#categories-wrapper-topics .current-cat,
#categories-wrapper-topics #categories li.current-cat:hover {
    background: linear-gradient(to bottom, #d6d6d6 0%, #fff 100%); /* gradient overlay */
}

.ie9 #categories-wrapper-topics .current-cat,
.ie9 #categories-wrapper-topics #categories li.current-cat:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ffffff', GradientType=0);
    background: none;
    /*not creating gradient for ie8, because it causes disappearance of :before and :after*/
}

.ie8 #categories-wrapper-topics .current-cat,
.ie8 #categories-wrapper-topics #categories li.current-cat:hover {
    background: none; /* needed to remove the background given by parent theme. the definition of background linear gradient doesn't do the job*/
    /*since we're anyway creating a special definition for ie8, put the pie definitions here*/
    -pie-background: linear-gradient(#d6d6d6, #ffffff);
    position: relative;
}

#categories-wrapper-topics .current-cat:before,
#categories-wrapper-topics .current-cat:after {
    content: "";
    display: block;
    position: absolute;
    right: 78px;
    bottom: -10px;
}

#categories-wrapper-topics .current-cat:before {
    border-top: 10px solid #a2a2a2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#categories-wrapper-topics .current-cat:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #FAFAFA;
    bottom: -9px;
    right: 80px;
}

#categories-wrapper-topics #categories .cat-item a {
    background: url(images/cat_inside_sprite.png) no-repeat 145px 20px transparent;
    font: bold 30px/1 'LiddarBold';
    padding: 9px 66px 10px 6px;
    color: #000;
}

#categories-wrapper-topics #categories .cat-item-9 a,
#categories-wrapper-topics #categories .cat-item-12 a{
    background-position: 133px -52px;
    padding: 8px 71px 10px 6px;
}

#categories-wrapper-topics #categories .cat-item-5 a {
    background-position: 152px -114px;
    padding: 7px 48px 10px 6px;
}

#categories-wrapper-topics #categories .cat-item-6 a,
#categories-wrapper-topics #categories .cat-item-11 a{
    background-position: 127px -182px;
    padding: 4px 81px 10px 6px;
}

#categories-wrapper-topics #categories .cat-item-7 a {
    background-position: 133px -251px;
    padding: 3px 73px 10px 6px;
}

/**************************************/
/******* Category Studies Page ********/
/**************************************/

.category-8 #content {
    background-color: #fff;
    padding: 5px 0 10px 0;
    margin-top: 10px;
}

.category-8 #categories {
    margin-top: 20px;
    padding-right: 10px;
    width: 100%;
}

.category-8 #categories li {
    margin: 5px;
}

.category-8 #categories > li {
    width: 172px;
    margin: 0 0 0 18px;
    padding: 0;
}

.category-8 #categories > li:last-child {
    margin-left: 0;
}

.ie8 .category-8 #categories > li.cat-item-7 {
    margin-left: 0;
}

.category-8 #categories .cat-item,
.category-8 #categories .cat-item a {
    background: none;
}

.category-8 #categories .cat-item > a {
    border-radius: 7px;
    /*box-shadow: inset 0px 38px 38px 0px rgba(249,244,176,1);*/
    background: linear-gradient(to bottom, rgba(249, 243, 172, 1) 0%, rgba(255, 255, 252, 1) 100%);
    -pie-background: linear-gradient(#F9F3AC, #ffffff); /*PIE*//*;*/
    border: 2px solid #DADADA;
    display: inline-block;
    font: bold 32px/0.6 'LiddarBold';
    padding: 8px 56px 41px 0;
    width: 100%;
    position: relative;
}

.ie9 .category-8 #categories .cat-item > a {
    /* define filter in ie9 only selector, because it spoils the border in ie8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f3ac', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.category-8 #categories .cat-item > a:before {
    background: url("images/cat_inside_sprite.png") no-repeat 0 0;
    content: "";
    display: block;
    height: 27px;
    position: absolute;
    right: 11px;
    top: 21px;
    width: 24px;
}

.category-8 #categories .cat-item-3 > a {
    padding-right: 50px;
}

.category-8 #categories .cat-item-9 > a,
.category-8 #categories .cat-item-12 > a{
    padding-right: 55px;
}

.category-8 #categories .cat-item-9 > a:before,
.category-8 #categories .cat-item-12 > a:before{
    background-position: 0px -68px;
    height: 30px;
    right: 23px;
    top: 15px;
    width: 20px;
}

.category-8 #categories .cat-item-5 > a {
    padding: 0px 58px 30px 0;
}

.category-8 #categories .cat-item-5 > a:before {
    background-position: -1px -134px;
    height: 25px;
    right: 17px;
    top: 21px;
    width: 26px;
}

.category-8 #categories .cat-item-6 > a,
.category-8 #categories .cat-item-11 > a{
}

.category-8 #categories .cat-item-6 > a:before,
.category-8 #categories .cat-item-11 > a:before{
    background-position: 0px -195px;
    height: 32px;
    right: 11px;
    top: 17px;
    width: 32px;
}

.category-8 #categories .cat-item-7 > a {
}

.category-8 #categories .cat-item-7 > a:before {
    background-position: 0px -267px;
    height: 33px;
    right: 14px;
    top: 18px;
    width: 29px;
}
.category-8 ul #posts a {
    text-decoration: underline;

}
/* --------->>>  MIN-WIDTH: 1024px <<<-----------*/

@media screen and (max-width: 1024px) {
    #colophon, #wrapper{
        width: 100%;
    }
}

/*remove display capcha / 08.21 miri*/
.grecaptcha-badge {
    visibility: hidden;
}