/*
Theme Name:         Roots Mipo
Theme URI:          http://roots.io/starter-theme/
Description:        Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap. <a href="https://github.com/roots/roots/contributors">Contribute on GitHub</a>
Version:            10.1.0
Author:             Eldad Nachtomi
Author URI:         

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

/********************/
/* 	Header / Footer	*/
/********************/

footer #menu-footer-bottom {
	justify-content: space-evenly;
}

footer #menu-footer-bottom li a {
	text-decoration: none;
}

footer.content-info .footer-bottom-nav li a,
#scroll-to-top:hover, #scroll-to-top:active, #scroll-to-top:focus,
footer.content-info .copyright {
	color: white;
	text-decoration: none;
}

footer #menu-footer-bottom li a:hover {
	text-decoration: underline;
}

footer.content-info {
	padding: 0;
	border-top: 1px solid #C1C8D3;
	background: #41A62A;
}

footer .container {
	background: none;
}

footer.content-info .footer-bottom-nav,
footer.content-info .copyright {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

footer .footer-bottom-nav li,
footer.content-info .copyright {
	font-size: 13px;
}

footer.content-info .copyright {
	font-size: 13px !important;
	font-weight: 400;
}

.phone.phone_ipad {
	display: none; /* Not in use */
}

.mr-foo-menu-wrap {
	margin-top: 0;
	margin-bottom: 50px;
	padding-left: 0;
	padding-right: 0;
}

.mr-social-foo {
	margin-right: 65px;
}

.mr-foo-slogan,
.mr-social-foo a, .mr-social-foo a:hover, .mr-social-foo a:active, .mr-social-foo a:focus {
	color: #41A62A;
}

.mr-social-foo a,
.mr-social-foo a:hover,
.mr-social-foo a:active,
.mr-social-foo a:focus {
	font-size: 24px;
	line-height: 1em;
	display: inline-block;
	margin-left: 20px;
	padding: 12px 0;
}

.mr-foo-slogan { 
	letter-spacing: 12px;
	display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  top: -50px;
  height: 100%;
  font-size: 44px;
  font-weight: 700;
}

.mr-foo-slogan { 
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.mr-foo-slogan-img {
	max-width: 28%;
	position: relative;
	top: -31px;
}

.foo-ico {
	max-width: 50px;
	margin-right: 8px;
}

.foo-ifa {
	max-width: 65px;
}

.foo-num-img {
    position: relative;
    left: -10%;
    z-index: -2;
    top: 0;
}


.foo-menu-ttl {
	font-size: 24px;
	line-height: 1.5em;
	font-weight: bold;
	color: #002052;
}

.foo-menu-list ul {
	list-style: none;
	padding: 0;
	margin-top: 12px;
}

.foo-menu-list ul li a {
	color: #575757;
	font-size: 18px;
	text-decoration: none;
	display: block;
	margin-bottom: 15px;
}

.foo-menu-list ul li a:hover {
	color: #41A62A;
}

.mr-grey-stripe {
	display: block;
	width: 100%;
	margin-top: 0;
	height: 30px;
	background: #f3f3f3;
}

@media screen and (min-width: 1020px) {
	.mr-social-foo {
		margin-right: 135px;
	}

	.mr-foo-menu-wrap {
		margin-top: 100px;
		margin-bottom: 50px;
		padding-left: 0;
		padding-right: 0;
	}

 	.mr-menu-col-4 {
 		display: flex;
    justify-content: flex-end;
 	}

 	.foo-hfeg {
 		position: relative;
 		top: -10px;
 	}

	.foo-num-img {
    left: -4%;
    top: initial;
    bottom: -1px;
	}

	.mob-menu-social-foo {
		border: 2px dashed red;
		display: none;
	}
	footer.content-info {
		padding: 15px 0;
	}

	footer .copyright {
		padding-right: 0; /* restore todefault */
	}
}

@media screen and (min-width: 1300px) {
	.mr-top-wrap,
	.mr-foo-wrap {
		width: 90%;
	}

	.mr-foo-wrap.mr-foo-menu-wrap {
		padding-left: 0;
		padding-right: 0;
	}

	#menu-top-menu-en {
		padding-left: 40px;
	}
}

/* Logo */
header .col-md-3.col-5 {
	display:  flex;
	align-items: flex-end;
}

header .first-header-row img {
	height: initial;
	width: 100%;
	max-width: 250px;
	margin: 0;
}

/* Header contact + Lang */
header .first-header-row .contactspan {
	background: #5BB938;
	background: linear-gradient(to right, #5BB938, #6DC742);
	background: linear-gradient(to right, #41A62A, #6DC742);
	display: block;
}

header .first-header-row .contactspan:hover,
header .first-header-row .contactspan:active,
header .first-header-row .contactspan:focus {
	background: #6DC742;
	background: linear-gradient(to left, #5BB938, #6DC742);
	background: linear-gradient(to left, #41A62A, #6DC742);
	display: block;
}

header .first-header-row .contactspan i {
	font-size: 25px; 
	color: white;
}

header .first-header-row .contactspan a,
header .first-header-row .contactspan a:hover,
header .first-header-row .contactspan a:active,
header .first-header-row .contactspan a:focus {
	text-decoration: none;
}

header .first-header-row .contactspan strong {
	display: block;
	font-weight: 400;
}

header .first-header-row a,
.filter-box.country {
	font-weight: 500;
	font-size: 16px;
}

header .first-header-row a {
	color: white;
}

header .filter-box.country,
header .filter-box.country i {
	color: #002052;
}

/* Languages list */
header .filter-box.country .filter-options {
	border: none;
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
}

.filter-box.country .filter-options li img {
	margin-right: 5px;
	border: 1px solid silver;
}

.filter-box.country .filter-options li:hover {
	background: #002052;
	color: white;
}

.filter-box.country .filter-options li a {
	color: #002052;
	font-size: 16px;
}

.filter-box.country .filter-options li:hover a {
	color: white;
}

/* Top Meanu */
header .mr-menu-wrap li a {
	color: #002052;
	font-size: 18px;
	padding: 10px 20px 10px 20px;
}

header .mr-menu-wrap li ul.dropdown-menu {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid black;
}

header .mr-menu-wrap li ul.dropdown-menu .container {
	padding: 0;
}

header .mr-menu-wrap li ul.dropdown-menu .container li a {
	font-size: 16px;
	padding: 10px 15px;
	display: block;
}

@media screen and (min-width: 1020px) {
	.mr-top-logo {
		display: block;
		position: relative;
		top: -10px;
	}
	header .mr-menu-wrap {
		position: relative;
		top: -9px;
	}

	body header .mr-menu-wrap .dropdown .dropdown-menu {
		max-width: 240px;
		min-width: 240px;
		width: 240px;	
	}

	body header .mr-menu-wrap .menu-franchising.dropdown .dropdown-menu {
		max-width: 330px;
		min-width: 330px;
		width: 330px;	
	}

	.menu-about:hover .dropdown-menu,
	.menu-courses:hover .dropdown-menu,
	.menu-teachers:hover .dropdown-menu,
	.menu-franchising:hover .dropdown-menu {
		display: block !important;
	}

	.filter-box.country .filter-options li {
		padding: 10px 15px;
	}

	header .first-header-row a:hover,
	header .first-header-row a:active,
	header .first-header-row a:focus {
		color: white;
	}

	header .filter-box.country .filter-options {
		top: 64px;
		position: absolute;
	}
}


header .mr-menu-wrap li a,
header .mr-menu-wrap li.active a .dropdown-menu li a,
header .mr-menu-wrap li.active li a {
	color: #002052;
	background: white;
}

header .mr-menu-wrap li.active a {
	background: #002052;
	color: white;
}

header .mr-menu-wrap .fa.fa-globe {
	font-size: 25px; 
	color:#6DC742;
}

.mr-menu-mob-details {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 768px) {
	body .header .mr-menu-wrap .dropdown .dropdown-menu .dropdown-menu {
		padding: 0;
	}

	body header .mr-menu-wrap .dropdown .dropdown-menu {
		background: white;
		padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    top: 34px;
	}
}

/* MASTHEAD */
body .main-banner {
	margin-top: 60px;
}

header.navbar {
	border-bottom: 1px solid #e5e5e5;
	z-index: 101;
}

.top-section {
	background-image: none; /* Hide the background image on the body */
}

.top-section.mr-top-section .container {
	max-width: 100%;
	width: initial;
	margin: auto;
}

.top-section.mr-top-section {
	padding: 40px 0 0 0;
}

.top-section .page-content {
	margin-bottom: 0;	
}

.top-section .page-content .ctas {
	margin-top: 0;
}

/* Inner links */
.mr-contact-link {
	text-decoration: underline !important;
	color: #1A0DAB;
}

.mr-contact-link:hover,
.mr-contact-link:active,
.mr-contact-link:focus {
	text-decoration: underline;
	color: #000;
}

#scroll-to-top {
  background-color: #41A62A;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 0;
  cursor: pointer;
  font-size: 20px;
  z-index: 1000;
	display:none; 
	position:fixed; 
	bottom: 75px;  /* Not duplication. Need it for testing. Will remove after finish */
	bottom: 115px;
	right: 20px;
}

#scroll-to-top:hover,
#scroll-to-top:active,
#scroll-to-top:focus {
  background-color: black;
}

body .main-banner {
	margin-top: 60px;
}

@media screen and (min-width: 1020px) {
	body .main-banner {
		margin-top: 75px;
	}

	#scroll-to-top {
		bottom:56px; 
		right:90px;
	}

	header .mr-menu-wrap li.active li a:hover,
	header .mr-menu-wrap li.active li a:active,
	header .mr-menu-wrap li.active li a:focus,
	header .mr-menu-wrap li a:hover,
	header .mr-menu-wrap li a:active,
	header .mr-menu-wrap li a:focus {
		background: #002052;
		color: white;
	}

	.mr-menu-mob-details {
		display: none;
	}
}

/* DT MEDIUM-SMALL FIXES */
@media screen and (min-width: 1020px) and (max-width: 1600px) {
	/* Top */
	header .first-header-row .contactspan a,
	header .first-header-row .filter-box.country {
		width: 90px;
		padding: 0;
	}
	header .first-header-row .contactspan strong,
	header .first-header-row .filter-box.country {
		font-size: 14px;
	}
	.mr-top-wrap, 
	.mr-foo-wrap {
		width: 98%;
	}
	.mr-top-wrap.mr-top-cont .mr-logo-col {
		padding-left: 0;
		padding-right: 0;
	}

	header .mr-menu-wrap li ul.dropdown-menu .container {
		width: 100%;
	}

	body header .mr-menu-wrap .dropdown .dropdown-menu {
		max-width: 240px;
		min-width: 240px;
		width: 240px;	
		top: 33px;
	}

}

@media screen and (min-width: 1020px) and (max-width: 1300px) {
	header .mr-menu-wrap li a {
		font-size: 16px;
	}
	header .first-header-row .contactspan a,
	header .first-header-row .filter-box.country {
		width: 80px;
	}
}

@media screen and (min-width: 1400px) {
	header .mr-menu-wrap li a {
		padding: 10px 25px;
		font-size: 20px;
	}
}

@media screen and (max-width: 1020px) {
	#_main_menu,
	.site-info,
	.first-header-row .site-info-ipad { 
		display: none !important; 
	}

	.mr-mob-menu-btn {
		display: block;
	}

	header .mr-menu-wrap {
		display: flex;
		justify-content: flex-end;
	}

	header .mr-top-logo {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	header .first-header-row img {
		height: initial;
	}
	
	header.navbar .first-header-row .container .text-right {
		margin-top: 9px;
		padding-left: 30px;
		padding-bottom: 25px;
		z-index: 1;
	}
	
	.mr-top-wrap.mr-top-cont .row {
		align-items: center;
		height: 60px;
	}

	.mr-menu-wrap .navbar-toggler {
	  display: block;
	  position: absolute;
	  top: 0;
	  right: 0;
	  padding: 12px 15px 6px 12px;
	  z-index: 1;
	  outline: none !important;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -ms-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out
	}
	
	.mr-menu-wrap .navbar-toggler span {
	  display: block;
	  position: absolute;
	  width: 24px;
	  height: 3px;
	  left: 15px;
	  background-color: #6DC742;
	  opacity: 1;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -ms-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out
	}

	.mr-menu-wrap .navbar-toggler span:nth-child(1) {
	  top: 12px
	}

	.mr-menu-wrap .navbar-toggler span:nth-child(2) {
	  top: 20px;
	  width: 15px;
	}

	.mr-menu-wrap .navbar-toggler span:nth-child(3) {
	  top: 28px
	}

	.mr-menu-wrap .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
	  top: 18px;
	  -webkit-transform: rotate(495deg);
	  -moz-transform: rotate(495deg);
	  -ms-transform: rotate(495deg);
	  -o-transform: rotate(495deg);
	  transform: rotate(495deg)
	}

	.mr-menu-wrap .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
	  opacity: 0;
	  visibility: hidden;
	  left: -60px
	}

	.mr-menu-wrap .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
	  top: 18px;
	  -webkit-transform: rotate(-495deg);
	  -moz-transform: rotate(-495deg);
	  -ms-transform: rotate(-495deg);
	  -o-transform: rotate(-495deg);
	  transform: rotate(-495deg)
	}

	header.navbar {
		height: 61px;
	}

/*	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu */
	header .mr-menu-wrap li ul.dropdown-menu {
		width: 100%;
		position: relative;
		top: 0;
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li.li_open .plus,
	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li.li_open .plus.plus-open {
		background-color: transparent;
		background: none;
		padding: 0;
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li>a.plus:before {
		color: #002052;
		font-size: 35px;
		content: "\f0da";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		background: none;
		padding: 5px 20px;
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li>a.plus.plus-open:before {
		content: "\f0d7";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		background: none;
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li.active>a.plus:before,
	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li.active>a.plus.plus-open:before {
		color: white;
	}

  .mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li:last-child>a,
  .mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li>a.plus {
  	border-bottom: none;
  }

  .mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li>a.plus {
    position: absolute;
    width: auto;
    top: 15px;
    right: 10px;
    padding: 0;
  }

  .mr-menu-wrap #_main_menu_mob {
    position: fixed !important;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #002052;
    background: rgba(0, 0, 0, 0.55);
    overflow: auto;
    top: 60px;
		left: 0;
  }

  .mr-menu-wrap #_main_menu_mob .nav {
    flex-direction: column;
  }

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .nav>li>a {
	  display: block;
	  position: relative;
	  width: 100%;
	  padding: 15px 20px;
	  border-bottom: 1px solid #002052;
	  border-bottom: 1px solid rgba(25, 32, 82, 1);
	  font-size: 20px;
	  font-weight: 400;
	  text-align: left;
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu {
	  padding: 0;
	  margin: 0
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-toggle:after {
	  display: none;
	  content: ''
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu {
	  display: none;
	  padding: 10px 15px;
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu .dropdown.menu-mega-menu>a {
	  display: none
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu .dropdown-menu {
	  display: block !important
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu .dropdown-menu .container>li .dropdown-menu a {
	  padding: 6px 57px;
	  font-size: 16px
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu .dropdown-menu .container>li>a {
	  display: block;
	  width: 100%;
	  padding: 6px 37px;
	  color: #FFF;
	  border-bottom: solid 1px #fff;
	  background-color: #6DC742
	}

	.mr-menu-wrap #_main_menu_mob.navbar-collapse .dropdown-menu .dropdown-menu .container>li>a.plus {
	  display: none
	}

	.mr-slogan-wrap {
		display: flex;
		flex-direction: column;
	}

	.mr-foo-slogan {
		top: 0;
		letter-spacing: initial;
		font-size: 25px;
		margin: 20px auto;
		position: relative;
	}

	.mr-foo-slogan-img {
		max-width: 90%;
		top: 0;
	}

	.mr-foo-menu-wrap .mr-menu-col {
		margin-top: 30px;
	}
}


@media screen and (min-width: 768px) and (max-width: 1020px) {
	.mr-menu-mob-details {
		position: relative;
		left: -45px;
	}

	header.navbar .first-header-row .filter-box.country span span {
		display: none;
	}
}


@media screen and (max-width: 1020px) {
	header.navbar .first-header-row .contact,
	header.navbar .first-header-row .filter-box.country {
		display: block;
		margin: 0;
		padding: 5px 10px;
		background: none;
	}

	header.navbar .first-header-row .filter-box.country {
		top: 0;
		padding-right: 0;
	}

	footer.content-info .col-pad,
	footer.content-info .footer-contact {
		padding: 0;
	}

	footer.content-info .footer-bottom-nav,
	footer.content-info .copyright {
		text-align: center;
		margin: auto;
	}

	footer.content-info .footer-bottom-nav {
		margin-bottom: 5px;
	}

	footer.content-info .copyright {
		margin: 0 auto 15px auto;
		padding: 0 15px;
	}

	.mr-foo-p2 {
		text-align: left !important;
	}

	.mr-foo-p2 img.foo-hfeg { 
		max-width: 60%;
		margin: 10px;
	}

	footer .footer-bottom-nav li a {
		color: white !important;
	}

	footer .mr-foo-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}

@media screen and (max-width: 768px) {
	header.navbar .filter-box.country .selected {
		background: url(/rebranding/wp-content/uploads/2024/09/lang.png);
		height: 32px;
		width: 32px;
	}
}

/* Layout hot fixes */
@media screen and (min-width: 1020px) and (max-width: 1030px) {
	.page-template-home .wrap {
		margin-top: 10px;
	}
	.first-header-row .site-info a.contact.contact_ipad, .first-header-row .site-info a.phone_ipad {
		display: block;
	}
	.first-header-row .site-info.site-info-ipad a {
		display: none;
	}
	header .first-header-row .filter-box.country {
		width: 100px;
		margin-top: -8px;
	}

	.mr-foo-slogan {
		top: -200px;
	}
}