/* 
    Created on : Apr 26, 2018, 1:33:08 PM
    Author     : amots
*/


@font-face {
    font-family: 'Alef';
    src: url("Alef/Alef-Webfont/Alef-bold.eot");
    src: url("Alef/Alef-Webfont/Alef-bold.eot?#iefix") 
        format("embedded-opentype"), url("Alef/Alef-Webfont/Alef-bold.woff") 
        format("woff"), url("Alef/Alef-Webfont/Alef-bold.ttf") 
        format("truetype"), url("Alef/Alef-Webfont/Alef-bold.svg#alefbold") 
        format("svg");
    font-weight: bold;
    font-style: normal; }
@font-face {
    font-family: 'Alef';
    src: url("Alef/Alef-Webfont/Alef-regular.eot");
    src: url("Alef/Alef-Webfont/Alef-regular.eot?#iefix") 
        format("embedded-opentype"), url("Alef/Alef-Webfont/Alef-regular.woff") 
        format("woff"), url("Alef/Alef-Webfont/Alef-regular.ttf") 
        format("truetype"), url("Alef/Alef-Webfont/Alef-regular.svg#alefregular") 
        format("svg");
    font-weight: normal;
    font-style: normal; }
body {
    font-family: Alef, Arial, sans-serif; }

.rtl {
    direction: rtl !important;}
.ltr {
    direction: ltr !important;}
.rtl .nav {
    float: right; }

.rtl .form-check-label{
    padding-right: 1.25rem;
}
#navBar {
    background-color: #e7e7e7; }
a:hover, .navbar .nav > li > a:hover {
    text-decoration: underline; }

.navbar .nav > li > a {
    color: #777; }

.navbar {
    margin-bottom: 5px !important; }
#navBar {
    background-color: #fff;
}
.nav a{
    font-size: 1.8em !important;
}
.breadcrumb {
    background-color: #fff !important;
}

.rtl .col-sm-1, .rtl .col-sm-2, .rtl .col-sm-3, .rtl .col-sm-4, .rtl .col-sm-5, .rtl .col-sm-6, .rtl .col-sm-7, .rtl .col-sm-8, .rtl .col-sm-9, .rtl .col-sm-10, .rtl .col-sm-11, .rtl .col-sm-12 {
    float: right; }

.rtl .col-xs-1, .rtl .col-xs-2, .rtl .col-xs-3, .rtl .col-xs-4, .rtl .col-xs-5, .rtl .col-xs-6, .rtl .col-xs-7, .rtl .col-xs-8, .rtl .col-xs-9, .rtl .col-xs-10, .rtl .col-xs-11, .rtl .col-xs-12 {
    float: right; }

.rtl .col-md-1, .rtl .col-md-2, .rtl .col-md-3, .rtl .col-md-4, .rtl .col-md-5, .rtl .col-md-6, .rtl .col-md-7, .rtl .col-md-8, .rtl .col-md-9, .rtl .col-md-10, .rtl .col-md-11, .rtl .col-md-12 {
    float: right; }

.rtl .col-lg-1, .rtl .col-lg-2, .rtl .col-lg-3, .rtl .col-lg-4, .rtl .col-lg-5, .rtl .col-lg-6, .rtl .col-lg-7, .rtl .col-lg-8, .rtl .col-lg-9, .rtl .col-lg-10, .rtl .col-lg-11, .rtl .col-lg-12 {
    float: right; }

.borderedQuote {
    border-right: 5px solid #eee;padding-right: 15px;
}

figure {
    padding: 5px;
    display: table;
}

figure img { 
    display: block;
}

figcaption {
    display: table-caption;
    caption-side: bottom;
}

.rtl .dl-horizontal dt {
    float: right;
    width: 100px; }
header a:hover {
    text-decoration: none;
}
#jumbotron {
    background-color: DarkOliveGreen;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-bottom: 0px;
    padding-top: 0px !important;
    min-height: 60px !important;
    /*height: 190px;*/
}

#jumbotron h1 {
    font-size: 2.5rem !important;
    color: whitesmoke;
    /*text-shadow: khaki 3px 3px 10px;*/
    padding-right: 3rem;

    padding-right: 1rem;
}


.container {
    position: relative;
    text-align: center;
    color: white;
}
.text-over-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*@media only screen and (min-width: 543px) {*/ 
@media   screen and (min-width: 576px) {
    #jumbotron {
        min-height: 75px !important;
    }
    #jumbotron h1 {
        padding-right: 1rem;
    }

}

/*@media only screen and (min-width: 767px) {*/
@media   screen and (min-width: 768px){
    #jumbotron {
        min-height: 108px !important;
    }
    #jumbotron h1 {
        font-size: 4rem;
        padding-right: 2rem;
    }

}
/*@media only screen and (min-width: 991px) {*/
@media   screen and (min-width: 992px){
    #jumbotron {
        min-height: 138px !important;
    }

    #jumbotron h1 {
        font-size: 5rem;
        padding-right: 3rem;
    }
}
/*@media only screen and (min-width: 1200px) {*/
@media   screen and (min-width: 1200px){
    #jumbotron {
        min-height: 167px !important;
    }
    #jumbotron h1 {
        font-size: 6rem;
        padding-right:4rem;
    }
}
@media   screen and  (min-width: 1500px) {
    #jumbotron {
        min-height: 200px !important;
    }
    #jumbotron h1 {
        font-size: 7rem;
        padding-right: 1rem;
    }
}
/*body.mceContentBody, .mce-content-body {
    margin: 8px;
    font-size:14pt;
    font-family: Arial;
    direction: rtl;
}*/