/* m21 blue = #2d327b */

:root {
  --dark-blue: #2b2974;
--light-blue:#12b6e6;
	--yellow: #fab700;
	--red:#ea5168;
	--dark-red:#b5263b;
}
*:focus {

    outline: none!important;
/* outline-offset: 3px;*/

}

a {color: var(--light-blue); }
.owl-item { cursor: pointer!important;}
a:hover {color: var(--red);}
h1 a, h2 a,h3 a, h4 a, a h3, a p { color: var(--dark-blue);}
 



.ltr {direction: ltr; text-align: left;}
.rtl {direction: rtl; text-align: right;}

.bg_dark-blue {background: var(--dark-blue); color: white!important;}
.bg_light-blue {background: var(--light-blue); color: white!important;}
.bg_yellow {background: var(--yellow); color: black!important;}
.bg_red {background: var(--red); color: white!important;}
.bg_dark-red {background: var(--dark-red); color: white!important;}
.bg_white { background: white;}

.white_text * {color: white!important;}
.black_text * { color: black!important;}
.light-blue_text {color:var(--light-blue);}
.dark-blue_text {color:var(--dark-blue);}

.red_text {color:var(--red);}
.yellow_text {color:var(--yellow);}


.grid-container {height: 2000px;}
.uppercase { text-transform: uppercase;}

.chrono_credits { display: none;}
div.chronoform {display: none!important;}
.chronoforms6_credits {display: none;}



body, html {font-size: 1.1rem; color: var(--dark-blue)  }
.absolute-middle {position: absolute; left: 50%; top: 25%; margin-left: -30px;  z-index: 1; color: #fff; font-size: 50px; line-height: 1;}

button { border: 0;}
.f200 { font-size: 200%;}


.homepage #content {
    background-color: var(--dark-blue)!important;
    background-size: cover;
}

.device-lg.homepage #content, .device-xl.homepage #content {
/*   background: url(../../../images/layout_images/main_bg.svg) no-repeat top center;*/
/*     background-size: cover;*/
/*    background: url(../../../images/layout_images/main_bg-patt-1.svg) repeat top center;*/
/*    background: url(../../../images/layout_images/main_bg-patt-2.svg) repeat top center;*/  
    padding-bottom: 80px;
	background: var(--dark-blue);
}

.homepage #top-bar { height: 95px;}


#top-bar.transparent_topbar {position: absolute;}
.maccabi_logo_top {height: 100%;}
.maccabi_logo_top img {height: 100%; width: 40px;}

.item_content a.button, .item_content a.btn { text-decoration: none!important;}


/* for host cities links */
.show_on_homepage { display: none!important;}
.homepage .show_on_homepage {display: block!important;}
.hide_on_homepage { display: block!important;}
.homepage .hide_on_homepage {display: none!important;} 

.page-title-box { background-color: var(--light-blue); padding: 20px;}

#page-title { background-color: var(--yellow); color: #fff;}
#page-title * {color: #fff;}
#page-title .breadcrumb *, .breadcrumb-item + .breadcrumb-item::before {color: var(--dark-blue);}

.breadcrumb-item { display: flex;}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding: 0 .5rem 0 .5rem;
    content: "/";
}


.portfolio-overlay {
	background-color: var(--light-blue);opacity: 0.2;
}

table th p { margin: 0;}
#content ul:not(.sidenav):not(.entry-meta), #content ol:not(.sidenav) {padding: 0 20px;}

h1, h2, h3 {text-transform:uppercase; }

#page-title span {
    color: #fff;font-size: 70%;
}
.tooltip { border: 2px solid var(--dark-blue); padding: 5px 10px; background: white;}
.container .container {padding: 0!important;}
.drop_caps p:first-letter {
    float: left; 
  padding:0 5px 0 0;
	font-size: 300%;
    margin: 15px 0 0 0;
    line-height: 0.6;
}
.mod-languages {line-height: 22px;  font-size: 120%; margin: 0;
    list-style: none;}
.mod-languages li a {text-transform: uppercase; color: white; background: var(--dark-blue); padding: 0px 2px}
.mod-languages li.lang-active a {color: var(--dark-blue);border-left: 3px solid var(--red)!important;}
.mod-languages .en { font-size: 80%; line-height: 1 }



/*.long_title {font-size: 200%;}*/
.mandatory29 {font-family: 'mandatory29'; letter-spacing: 2px;}



.homepage_mod_title * {font-family: 'mandatory29';color: #fff;}
.homepage_mod_title { text-align: center; margin-bottom: -35px; width: 100%;position: relative;
    z-index: 2; }
.homepage_mod_title h3 {background:var(--light-blue); padding: 10px 30px 15px;  margin: 0;  font-size: 220%;    display: inline-block;}

.home_module_title h3 {
    font-family: 'mandatory29';
    color: white!important;
    padding: 5px 30px 10px;
    margin: 0;
    font-size: 220%;
    display: inline-block;
    border: 3px solid white;
    letter-spacing: 2px;
}
.home_module_title {  
text-align: center;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 2;}

 .post-grid .entry-image img {object-fit: cover;
    object-position: top;
    height: 100%;
    position: absolute;
    top: 0;
}
.post-grid:not(.teams) .entry-image {display: flex; overflow: hidden; height: 0; padding-top: 80%;}

.host_cities .entry-title h3 {margin: 0; font-size: 300%; color: white;}
.host_cities .entry-image {margin: 0; }
.host_cities .entry-title {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    height: 100%;
    bottom:0;
    margin: 0;
    padding: 0;
    color: #fff;

    
}
#header #nav-social {-webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;}


#header:not(.sticky-header) #nav-social { opacity: 0; }

#header.sticky-header #nav-socia { opacity: 1;}

#nav-social { position: absolute; right: 0;  margin: 12px 15px;}
#nav-social a.si-dark {background: var(--light-blue);}


.postcontent.col_last, .sidebar.col_last {margin-top: 43px;}
.pdf_popup{width: 100%; height: 700px;}
.social-icon.medium {font-size: 130%;}

.icon-tiktok::before {content: url( "../../joomla-israel/images/icons/tiktok.svg");margin-top: 1px;
    padding: 1px;}


.oc-item .entry-image { }
.oc-item .entry-image img {height: 300px;
    object-fit: cover;
    object-position: left;} /* home maccabiah history items */


/* Arrow & Hover Animation */
   .owl-carousel .owl-nav .owl-next {right: -95px;}
 .owl-carousel .owl-nav .owl-prev {left: -95px;-webkit-transform: scaleX(-1);
  transform: scaleX(-1);}

 .owl-carousel .owl-nav button {border: 0 none; background: transparent;bottom:auto;top: 50%!important; }
	.owl-carousel .owl-nav [class*=owl-] {background: transparent;margin-top: -65px;height: 0; width: auto;}
	.owl-carousel:hover .owl-nav .owl-next {right: -65px;}
	.owl-carousel:hover .owl-nav .owl-prev {left: -65px;}
.owl-carousel.owl-drag .owl-item { /* fix touch scroling problem */
    touch-action: pan-y;
}

#carousel-nav-arrows {
 width: 100px; 
    height: 116px;
    transform: scale(0.8);
}
#carousel-nav-arrows:hover polygon {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#carousel-nav-arrows:hover polygon.arrow-b {
  -webkit-transform: translateX(-12px);
          transform: translateX(-12px);
}
#carousel-nav-arrows:hover polygon.arrow-c {
  -webkit-transform: translateX(-24px);
          transform: translateX(-24px);
}


polygon {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
polygon.arrow-a {
    fill: var(--light-blue);
}  
polygon.arrow-b {
    fill: var(--yellow);
}
polygon.arrow-c {
    fill: var(--red);
}
/* entry */

.scalein {

  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.scalein {
-webkit-transform:scale(1);
transform:scale(1)
}

.scalein:hover  {
-webkit-transform:scale(1.01);
transform:scale(1.01)
}

.shadow {

-webkit-box-shadow: 0px 0px 35px -20px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 35px -20px rgba(0,0,0,1);
box-shadow: 0px 0px 35px -20px rgba(0,0,0,1);
padding: 15px;
}

.entry .social-icon {margin-bottom: 0!important; background-color: var(--light-blue);}

/* MAIN MENU */
#primary-menu > ul > li:last-child a {
padding-right:15px; /* if we have search icon then we need padding*/
}

#primary-menu ul ul { 
	border: 0 none;
	background: var(--light-blue)!important; /* Old browsers */
	
}
#primary-menu ul ul li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

#primary-menu ul li:hover > a, #primary-menu ul li.active > a, #primary-menu ul li.current > a { color: var(--dark-blue); background-color: var(--light-blue);}

#primary-menu ul ul:not(.mega-menu-column) {padding-top: 0;padding-bottom: 0;}
#primary-menu ul ul li {
    border-bottom: 1px solid var(--dark-blue);
}
#primary-menu > ul {
    padding-right: 10px;
}
.si-dark {
    background-color: var(--dark-blue);
}
.social-icon.si-small {border: 0 none; width: 28px; height: 28px; font-size: 80%;  border-radius: 50%;}
#top-social [class^="icon-"]:before, [class*=" icon-"]:before { margin: auto; }


#slider + #header:not(.sticky-header) #primary-menu ul ul:not(.mega-menu-column)  {
    bottom: 100%;
    top: auto!important;
}

.acym_form .onefield input { margin-bottom: 10px; border: 0;}
.modal-content { border: 0; border-radius: 0;}


#header { background-color: var(--dark-blue)!important;} 
/* SUBMENU */

.submenu ul.nav-child { padding: 0 0 0 25px; }
#header-wrap {
   background: var(--dark-blue)!important; z-index: 999;
}
.submenu { background-color: transparent;}

.submenu li a.button {margin-bottom: 10px;}

.submenu li a:not(.button) {
	line-height: normal;
	border: 0 none;
	margin: 0 0 15px 0;
	border-radius: 3px;
	border-bottom: 3px solid #85805f;
   -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
    text-decoration: none;
    font-size: 18px;   
    /*Background-Gradient*/
    background: #c0ba86; /* Old browsers */
 
}

.submenu li a:hover,
.submenu li.current a
 {color: #fff;
background: rgb(104,105,56);
background: linear-gradient(0deg, rgba(104,105,56,1) 30%, rgba(143,140,86,1) 100%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.submenu li a:hover,
.submenu li.current a
{}

.submenu .deeper ul li {
    padding: 0 5% 5px !important;
    margin: 0 10px;
}
.submenu li.deeper li.current a {
    font-size: 150%;
	font-weight: 600;
}

.submenu .deeper ul li a {
    font-size: 120%;
    background: none;
	margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    filter: none;
    
    padding: 6px 0 10px 40px !important;

}
.submenu .deeper ul {margin-bottom: 20px;}

.article_date { display: block; color: var(--light-blue);font-size: 80%; margin-top: 10px;}
/* maccabiah history */

/*.itemid_129 .entry-image, .itemid_133 .entry-image { }*/
.itemid_129 .entry-image img, .itemid_133 .entry-image img {object-fit: cover;object-position: 0 0;}
.itemid_129 .entry-image > a, .itemid_133 .entry-image > a {width: 100%;}
.hitory_year { color: var(--light-blue);}


.masonry-thumbs a {padding: 5px; }
.post-grid .maccabiah_history_box .entry-image, .post-grid .maccabiah_history_box .entry-image img { height: 370px;}

/* only if changing maccabiah_history_box column num
.post-grid.grid-5 .maccabiah_history_box .entry-image, .post-grid.grid-5 .maccabiah_history_box .entry-image img { height: 300px;}
.post-grid.grid-4 .maccabiah_history_box .entry-image, .post-grid.grid-4 .maccabiah_history_box .entry-image img { height: 400px;}
.post-grid.grid-3 .maccabiah_history_box .entry-image, .post-grid.grid-3 .maccabiah_history_box .entry-image img { height: 550px;}
.post-grid.grid-2 .maccabiah_history_box .entry-image, .post-grid.grid-2 .maccabiah_history_box .entry-image img { height: 800px;}
*/

.divider i.i-text {background: #eee;
    width: auto; z-index: 1;  text-transform: uppercase;
padding: 20px 30px;
    display: inline-flex;
    align-items: center;}

.entry:not(.maccabiah_history_box):not(.oc-item) .entry-title {}


#copyrights {
	background: rgba(0,0,0,0.5);}
#copyrights .col_one_fourth { margin-bottom: 0!important;}
#copyrights .widget_links a { white-space: nowrap;}
.device-xs #copyrights li.divider { display: none;}

.a-only-seperator {opacity: 0.5;}
.slider-caption .button {font-size: 1rem;}
.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm { background-color: transparent;}


body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {border-bottom: 10px solid rgba(0,0,0,0.1);}


.result-title {font-size: 120%;}


.pagenumber {font-size: 130%; text-align: center;}


.pagination li a:hover {
    background:var(--dark-blue);
    color: white;
}

.pagination li a, .pagination li span { height: auto!important; min-height: auto!important;}


.page-item.active span {
    z-index: 1;
    color:var(--yellow);
   background:var(--dark-blue);
}

.page-item a, .page-item span { padding: 5px 10px; background: #efefef; margin: 2px;}




/* Acymailling styles */
.archiveRow {padding: 10px 0; border-top: 1px solid #fff;}
.acymailing_online {display: none;}


.accessibility{
	position: absolute;
	left: -99999px;
	height: 10px;
	width: 10px;
}
.skip_helpers a{
	position: absolute;
	left: -99999px;
	top: 30px;
}
.skip_helpers{
    position: absolute;
	left: 0;
	top: 0;
	width: 100%;
        margin-left: 0;
	text-align: center;
	list-style: outside none;
}

.skip_helpers li{ list-style-type: none }



.skip_helpers a:focus, .skip_helpers a:active{
	position: relative;
	left: 0;
	z-index:9999;
	width: 75%;
	height: auto;
	margin: 0 auto;
	padding: 30px 45px;
	text-align: center;
	text-decoration: none;
	letter-spacing: -4px !important;
	font: bold 50px "Arial", "Freesans", sans-serif !important;

	color:var(--dark-blue);
	background: white;
}

.slider-arrow-left i, .slider-arrow-right i {margin: 20px;    width: 54px;
    height: 54px;}
.slide_arrow {
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 1px;
}
.slide_arrow:hover {
  border-color:var(--dark-blue);
}
.slide_arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.slide_arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}


.button-dark, .button-dark a { color: #fff!important;}

.button:not(.button-red):hover {background: var(--light-blue); color: white!important;}

#footer {background-size: contain; background-color: var(--dark-blue);background-repeat: no-repeat;
    background-position: center top; font-weight: 100;}
#footer *:not(input) {  margin-bottom: 0px; color: #fff;}


.nowrap { white-space: nowrap;}

/* footer menus */
.footerMenu {padding: 80px 0;}

.footer_menu_tpl { margin-bottom: 30px!important;}
.footer_menu_tpl span { display: block; }

.footer_menu_tpl span a {padding: 5px 0}
.footer_menu_tpl .current a::before  {content:''; background: var(--red); margin-right: 4px;padding: 0 5px;}


.device-xs .footer_menu_tpl {text-align: center;}


.footer_logo {min-width: 50px; margin: 0px 20px 0 0;}
.menu-seperator {padding: 0 10px;}
.button-light {
	color:var(--dark-blue);}
#cookie-notification.dark {
    background-color: rgba(0,0,0,0.85);
    color: #fff;
}
#cookie-notification.dark a:not(.button-red) {color: var(--yellow);}

/* search */
.controls { display: flex; flex-direction: column;}
#searchForm label { padding: 5px 0px}
#searchForm input{ margin-right: 5px}
#searchForm hr {margin: 10px 0!important;}
.highlight {border-bottom: 1px dotted #666;}
.search-results .line { margin: 20px 0;}

#primary-menu-trigger { color: white;}

.news_category .entry-title h3 {font-size: 100%!important;}
/**** @ media queries ****/





@media (min-width: 768px) and (max-width: 991px) {

    #logo {height: auto!important;}
}



@media (max-width: 1199px) {
#logo img { max-width: 230px;}
/*	#page-title H1 {  font-size:180%;}*/
/*	#page-title H1.long_title {  font-size:160%;}*/ 
}


@media (max-width: 1024px) {
	.navbar-toggler {
    padding: 1rem .75rem;
    font-size: 1rem;
	}
		.ltr #primary-menu ul li>a { font-size: 90%; padding: 15px 10px;}

}

@media (min-width: 992px)  {
.statement_menu li:not(:last-child)::after {content: '/'; padding: 0 4px; opacity: 0.5; }
/*    .top-bar-container div:first-child {padding-left:10px; padding-right: 10px; }*/
}

@media (max-width: 991px) {
	#topbar-search input {max-width: 130px;}
    #header:not(.sticky-header) #nav-social {display: none;} 
	.ltr #primary-menu ul li>a { font-size: 100%; padding: 15px} /*reset 1024 style*/ 

}


@media (max-width: 575px) {
    #top-social {display: none;}
/*.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 340px !important;}*/
	
#footer .col { margin-bottom: 20px;}

}



@media (max-width: 360px) {
/*.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 300px !important;}*/

	#logo  {max-width: 180px;}
	#logo img {width: 100%;}

}