/**Haim Organization En**/

#FormResultPage #headline { text-align: center;}

/*General Button Styles*/
.grid-rows .grid-row-text a.grid-row-button, .weWillWinSection .grid-rows .grid-row-text p > a, .page-not-found a,
    .aboutBtn, .donationPage .lobby-grid #GridPage .max-width .grid-text-content a, .grid-text-section.newAboutSec a.sec-button { font-size: 90%; font-family:Assistant-Bold-EN;}
.aboutBtn { width: 170px;}
.grid-rows .grid-row-text a.grid-row-button {padding: 5px 0;}
.page-not-found a { display: inline-block; padding: 3px 10px;}
#FormResultPage #text1 a { width: auto; font-size: 90%; padding: 2px 11px;}

/*General Form Styles*/
.normal-form .must::before { left: 17px; right: auto;}
#DynamicFormObject input[type=submit] { font-size: 100%; line-height: 41px;}
label.error, span.error { font-size: 75%;}

.grid-rows .grid-row-text h2, .section-title h2, .section-title h1, #headline h1, #header .menu-nav,
    .ctaStrip .grid-text .sec-button, #text1 h3, .wellfareSupportPage #LobbyModule .grid-boxes .grid-box-title h3, .wellfareSupportPage .grid-box-subtitle.button a,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #DynamicFormObject input[type=submit], #FormResultPage #text1 a
    {font-family:Assistant-Bold-EN;}
.grid-rows .grid-row-text h2, .section-title h2, .section-title h1 {font-size: 220%;}
.grid-rows .grid-row-text h2 {line-height: 1; display: inline;}
.home-page .grid-rows .grid-row-text p { margin-top: 20px; line-height: 1.6; font-size: 76%;}
.home-page .grid-rows .grid-row-text a.grid-row-button, .grid-text-section.newAboutSec a.sec-button { text-transform: uppercase;}
.home-page .grid-rows .grid-row-text h2, #headline h1 {text-transform: uppercase;}
.grid-rows .grid-row-text h2:after {bottom: 7px;}

/*Header*/
/*#header .submenu>li { text-align: left; padding-left: 30px;}*/
/*#header .submenu .menu-sub li ,#header .submenu li.social-mobile {text-align: left;}*/
#header .social-mobile a.facebook_icon_instagram svg {margin-bottom: 5px;}
#header #header-center-kdm .address:before {content: 'Tel:';}
#header #header-center-kdm .address {direction: ltr;}
#header .submenu .menu-sub {padding: 0;}
#header .submenu .menu-sub li a { padding-left: 10px; font-size: 75%;}
#header #header-center-kdm .address { margin: 0 30px 0 0;}
#header #header-center-kdm a.hvr-fade:before {margin: 0 5px 0 0;}
#header .submenu li {text-align: center;}
#header .submenu li > a { font-size: 80%; text-transform: uppercase; line-height: 36px;}
#header #header-right > .social-links, #header .submenu li.social-mobile { display: none;}
#header #header-center-kdm a.lang:last-child {margin: 0 10px 0 0;}

/*About Section*/
.aboutSection .grid-row .grid-row-cell.grid-row-cell-text { text-align: left;}
.aboutSection .grid-rows .grid-row-text h3 {font-size: 135%; margin-top: 15px;}

.grid-text-section.newAboutSec { margin-bottom: 0; padding: 50px 0 70px;}
.grid-text-section.newAboutSec .grid-text-content { max-width: 750px; padding: 0; direction: ltr;}
.grid-text-section.newAboutSec a.sec-button {width: 150px; color: #333; border-radius: 22.5px; border: 2px solid #242a88; text-align: center; margin-top: 25px; 
    background: #fff;
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.grid-text-section.newAboutSec a.sec-button:hover,.grid-text-section.newAboutSec a.sec-button:focus {background: #242a88; color: #fff;}
.grid-text-section.newAboutSec .section-title h1 { display: inline-block;}
.grid-text-section.newAboutSec .section-title h1:before, .grid-text-section.newAboutSec .section-title h1:after {content: ''; position: absolute; width: 29px; height: 29px;
    background: url(../../../warehouse/temp/amutathaim/2.0StarIcon.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.grid-text-section.newAboutSec .section-title h1:before {top: 50%; right: -20px;
    transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg); -moz-transform: translate(50%, -50%) rotate(90deg); 
    -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg);}
.grid-text-section.newAboutSec .section-title h1:after {top: 50%; left: -20px;
    transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); 
    -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg);}

/*Our Activites Section*/
.sections .grid-content-section.whatarewedoing .grid-boxes { max-width: 940px;} 

/*We Will Win Section*/
.weWillWinSection .grid-rows .grid-row-text a.grid-row-button { font-size: 90%; margin-top: 25px;}

/*CTA Strip*/
.ctaStrip .grid-text-content {width: auto; display: inline-block;}
.ctaStrip .section-title h2, .section-title h1  {text-transform: uppercase;}
.ctaStrip .grid-text .sec-button { font-size: 100%; padding: 8px 30px;}

/****Inner Pages****/
#headline { text-align: left;}
#headline h1 { line-height: 1;}
#text1, #text2 {text-align: left;}
.grid-short-box-label { text-align: center;}
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%;}
#text1 p, #LobbyModule .grid-text-section .section-animation-item.grid-text-content p, #text1 ul li { font-size: 85%;}

/*Committee Page*/
.committeePage .grid-short-box .grid-short-box-label {font-size: 80%; margin-top: 10px;}

/*Ongoing Activity Page*/
.ongoingActivityPage .grid-box-image-text {font-size: 100%; line-height: 1.4;}  

/*Wellfare Support Page*/
.wellfareSupportPage #lobbyview #headline, .wellfareSupportPage .grid-text-section { text-align: left;}
.wellfareSupportPage #LobbyModule .grid-content-section .grid-boxes .box-image-animation { pointer-events: none;}
.wellfareSupportPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 120%;}
.wellfareSupportPage #LobbyModule .grid-boxes .grid-box-fulltext p { font-size: 75%;}

/*Donation Page*/
.donationPage #text1 {text-align: center;}

@media (min-width: 991px) {
    /*CTA Strip*/
    .ctaStrip .section-title h2 { font-size: 200%; line-height: 1.1; letter-spacing: 5px;}

    /*Inner Pages*/
    #headline h1 {font-size: 220%;}
}

@media (min-width: 768px) {
    .aboutSection .grid-rows .grid-row { direction: rtl !important;}
    .grid-rows .grid-row-text a.grid-row-button { margin-top: 25px;}

    /*Our Activites Section*/
    .sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item { width: 25%;}

    /*CTA Strip*/
    .ctaStrip .section-title {margin: 0 50px 0 0; }
}

@media(max-width: 1024px) {
    #header .submenu li > a { font-size: 140%;}
    #header .submenu .menu-sub li a { font-size: 110%;}
    #header #header-center-kdm .address { margin: 0 10px 0 0;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    #header #header-center-kdm { top: 20px;}
}

@media(min-width: 768px) and (max-width: 1024px) {
     #header #header-center-kdm {left: -15px;}
    #header #header-center-kdm .address { margin: 0; padding-right: 30px;}
}

@media(max-width: 990px) {
    .grid-rows .grid-row-text h2, .section-title h2, .section-title h1, #headline h1 { font-size: 200%;}
    .home-page .grid-rows .grid-row-text p { margin-top: 20px;}

    /*CTA Strip*/
    .ctaStrip .section-title h2 { font-size: 170%; }
}

@media(min-width: 768px) and (max-width: 990px) {
     #header #header-center-kdm {top: 15px; }
     #header #header-center-kdm .address { font-size: 85%; padding-right: 15px; right: auto; left: -140px; top: 5px;}

    .box-image-animation img { margin-left: 0;}

    /*About Section*/
    .grid-text-section.newAboutSec .grid-text-content {width: 70%;}

    /*We Will Win Section*/
    .weWillWinSection .grid-rows .grid-row-cell-text { padding: 0 0 30px 30px;}

    .ctaStrip .section-title h2 { line-height: 1.3;}
}

@media(max-width: 767px) {
    #FormResultPage #text1 { margin-top: 20px;}

    /*Header*/
    #header .submenu .menu-sub li { padding: 7px 0;}
    #header #header-center-kdm { right: -10px; left: auto;
        transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%);}

    /*About Section*/
     .grid-text-section.newAboutSec .section-title { margin-bottom: 0; width: 245px; margin: 0 auto;}

    /*We Will Win Section*/
    .weWillWinSection .grid-rows .grid-row-text a.grid-row-button, .grid-text-section.newAboutSec a.sec-button { margin-top: 20px;}

    /*Contact Page*/
    .contactPage #headline h1:before { right: -60px;}
}

@media(max-width: 375px) {
    #header #header-center-kdm .languages { right: -15%;}
}

@media(max-width: 360px) {
    #LobbyModule .grid-content-section .grid-boxes .box-image-animation .grid-box-image-text { font-size: 90%;}
}

@media(max-width: 320px) {
    #header #header-center-kdm { right: 10px; }
    #header #header-center-kdm .languages { left: auto;}

    #headline h1 { font-size: 180%;}
}