/* Scss Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }






/****** Elad Shechter's RESET *******/
*, *::before, *::after { box-sizing: border-box; }

a { text-decoration: none; color: inherit; cursor: pointer; }

button { background-color: transparent; color: inherit; border-width: 0; padding: 0; cursor: pointer; }

figure { margin: 0; }

input::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

ul, ol, dd { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }

p { margin: 0; }

cite { font-style: normal; }

fieldset { border-width: 0; padding: 0; margin: 0; }

html { font-size: 6.25%; /* =1px*/ }

strong { font-weight: 700; }







/*a[href="#warper"] { display: inline-block; }*/

.clearBoth { clear: both; height: 1px; }

.sectionAnchor { position: relative; top: -121px; }

#warper {
    transform-origin: center top;
    max-width: 2306px;
    margin: auto;
}

body {
    font-family: 'Assistant', sans-serif;
    font-size: 0;
    font-weight: 500;
    margin: 0;
    direction: rtl;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #081619;
	/*background: #fff;*/
}

.container {
    margin: 0 auto;
    max-width: 1826px;
}

.sectionAnchor{
    position: relative;
    top:-121px;
}

.topBarStatic {
    height: 165px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9;
    /*background: #fff;*/
}

.topNavFixed{
    position: fixed;
    width: 100%;
    right: 0;
}

.topBar {
    position: fixed;
    width: 100%;
    transition: all 500ms ease-out;
    z-index: 9;
    transform: translateY(-120px);
    height: 120px;
   /* background: #fff;*/
}

.topNavBkg {
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    transform: translateY(0px);
}


#logos {
    float: right;
    margin-top: 48px;
}

/*#logos img { width: 237px; }*/

.top-bar-left {
    float: left;
    width: 906px;
}

nav.top ul {
    margin: 84px 0 0 0px;
    font-size: 16.38px;
    letter-spacing: 0px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav.top ul li {
	height: 32px;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 0px 0px 0 45px;
	margin-top: 0px;
	line-height: 1;
	background: url("../images/top_menu_arr.png") no-repeat left center;
}

nav.top ul li:nth-child(3){
	max-width: 140px;
}

nav.top ul li:first-child {
    margin-right: 0px;
    padding-right: 0;
    padding-left: 42px;
}


nav.top ul li:last-child {
    margin-left: 0px;
    padding-left: 0;
    background: none;
}
nav.top ul li.active, #mainMenu li.current_page_item, #main-menu-scroll li.current_page_item {
    font-weight: 700;
}

nav.top ul li.active::before, #mainMenu li.current_page_item::before{
	content: " ";
	background: #FFA900;
	height: 7px;
	width: 52px;
	position: absolute;
	display: inline-block;
	top: 0;
}

nav.top ul li.active::before, #mainMenu li.current_page_item::before {
    content: " ";
    background: #FFA900;
    height: 7px;
    width: 100px;
    position: absolute;
    display: inline-block;
    top: 0;
    transform: translateX(10px);
}

.mean-bar  #mainMenu li.current_page_item a{
	color: #FFA900;	
}

.mean-bar  #mainMenu li.current_page_item::before{
	display: none;
}

nav.top ul li a, nav.top ul li.active a, #mainMenu li.current_page_item a {
    color: #fff;
}

.mean-bar #main-menu-scroll li.current_page_item {
    border-top: 0px solid #187dcf;
    border-top: 0 solid var(--azure);
    padding-top: 0;
}


.section-footer-menu {
    min-height: 128px;
    background: #fff; 
}


nav.bottom ul {
    font-size: 16.38px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    max-width: 907px;
    margin: 42px auto 0;
    text-align: center;
}

nav.bottom ul li{
	display: flex;
	align-items: center;
}

nav.bottom ul li.active, nav.bottom ul li.current-menu-item{
	font-weight: 900;
}

nav.bottom ul li a {
    color: #0F314D;
}

nav.bottom ul li a:hover{
	text-decoration: underline;
}

.section-footer-logos{
	min-height: 352px;
	 background: #fff; 
}

.footer-logo {
    text-align: center;
}

.footer-logos-sep {
    height: 8px;
    width: 125px;
    background: #0F314D;
    margin: 28px auto 0;
}

.footer-icons {
    text-align: center;
    margin: 34px auto 0;
}

.footer-icons-resp{ display: none;}



 body.dark-theme .section-footer-menu{ background: #000; }
 body.dark-theme nav.bottom ul li a, body.dark-theme .box-row-left a {    color: #fff; }


body.white-theme nav.top ul li a, body.white-theme nav.top ul li.active a, body.white-theme #main-menu li.current_page_item a {
    color: #000;
}

body.white-theme .sec2-titles-sep, body.dark-theme .sec2-titles-sep {
    background: #999;
}

body.dark-theme .footer-logo, body.white-theme .footer-logo, body.dark-theme .footer-icons, body.dark-theme .footer-icons, body.dark-theme .body-box-logo img, body.white-theme .body-box-logo img, body.white-theme  #logos img, body.dark-theme  #logos img{ 
	filter: grayscale(100%); 
}



body.dark-theme .body-box, body.dark-theme .volunteer-box-icon{ background-color: #222; }
body.dark-theme .body-box-name, body.white-theme .body-box-name { border-bottom: 0; }


 body.white-theme .volunteer-box-icon{ background-color: #ddd; }

 body.white-theme .section1 { background: #efefef !important; }

@media (max-width: 1900px) {
	.container {
		max-width: 94%;
	}
}



@media (max-width: 1320px) {
	nav.top ul li:nth-child(2){ width: 136px; }
	nav.top ul li:nth-child(4), nav.top ul li:nth-child(5){ width: 122px; }

	.top-bar-left {
		width: 780px;
	}

}



@media (max-width: 1220px) {
	#logos {
		margin-top: 56px;
	}
	
	#logos img { width: 240px;}
	
	.top-bar-left {
		width: 680px;
	}
	
	nav.top ul li {
    	padding: 0px 0px 0 40px;
	}
	
	nav.top ul li:nth-child(6){ width: 50px; }
	
	nav.top ul li:nth-child(6).active::before, #main-menu li:nth-child(6).current_page_item::before {
    	width: 64px;
	}
}




@media (max-width: 1020px) {
	.top-bar-left {
		display: none;
	}
	
	ul#mainMenu br {display: none;}
	
	.section-footer-menu {
		display: none;
	}
	
	.footer-logo {
		margin: 7% auto 6%;
	}
	
	.section-footer-logos {
		min-height: auto;
		padding-bottom: 6%;
	}
	
	#logos {
		margin-top: 66px;
		text-align: left;
		float: none;
	}
	
	#logos img { width: 270px;}
}




@media (max-width: 800px) {
	.footer-icons{ display: none;}

	.footer-icons-resp {
		display: block;
		margin: 48px auto 0;
		width: 380px;
	}

}

@media (max-width: 640px) {
	#logos {
		margin-top: 62px;
		text-align: center;
	}
	
	#logos img, .footer-logo img {
		width: 224px;
	}
}


@media (max-width: 480px) {
	.container {
		max-width: 92%;
	}
	
	
}




@media (max-width: 400px) {

	.footer-icons-resp{
		text-align: center;
		width: auto;
	}
	
	.footer-icons-resp img{
		width: 92%;
	}
}