/*
Theme Name: hezibank

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right_to_Left_Language_Support

*/

/*
body {
	direction: rtl;
	unicode-bidi: embed;
}
*/
@import 'https://fonts.googleapis.com/css?family=Alef';
/*font-family: 'Alef', sans-serif;*/

.page,
h1,h2,h3,h4{
    font-family:  'Alef', serif;
}


.menu-button{
    right: 0;

}
.contact-button{
    right: 15px;
}
.lang-button {
    right: 15px;
}
header{
    right: 0;
    transform: translateX(330px);
    -webkit-transform: translateX(330px);
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
}
header .items{
    left: calc( 100% - 70px );
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
}
header .items li .alef {
    right: 20px;
}
header .items li span {
    right: 80px;
}
header.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}




@media screen and (min-width : 800px) {

    #header .items li {
        left: -552px;
    }

    #header.show .items li {
        left: 0px;
    }

    #header {
        /*background: red;*/
    }
}


.corner-logo {
    left: 0;
    right: auto;
}
@media screen and (min-width : 0px) and (max-width : 800px) {
    .corner-logo {
        left: 0;
        right: auto;
    }
    .contact-button{
        right: 75px;
    }
    .lang-button {
        right: 115px;
    }

    header .items {
        left: 10px;
    }
    header .contact-details {
        font-size: 12px;
    }
}




/* Section 2 */




/* Section 3 */




.section-3-he .half .image {
    right: auto;
    left: 0;
}

.section-3-he .half .center-wrapper {
    left: auto;
    right: 0;
    padding-right: 80px;

}
@media screen and (min-width : 0px) and (max-width : 800px) {

    .section-3-he .half .center-wrapper {
        padding-right: 10px;
    }
}

    /* Section 4 */
@media ( max-width : 800px ) {
    .section-4-he .center-wrapper.w-700 {
        max-width: 100%;
        width: 80%;
        left: 10%;
        font-size: 16px;
        margin-left: 0px;
    }
    .section-4-he h4 {
        font-size: 16px;
    }
}


    /* Section 5 - Contact */


@media ( max-width : 800px ) {
    section.contact .slide.contact article {
        width: 100%;
    }
}

    /* Catalog */


.halfWidth.imgBox.zugi {float: left;}
.textBox {float: right; height: 683px; background: #f7f7f7;}
.textBox.zugi {float: left; background: #fff;}
.halfWidth.imgBox {display: block; height: 683px; float: right;}

.bottom-half p {
    text-align: center;
}
.page, footer {
    padding-left: 0;
    padding-right: 70px;
    direction: rtl;
    text-align: right;
}