/*!
Theme Name: musrara2018
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: musrara2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

musrara2018 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*---
0.temporary
0.1 Help grid
1. general
2. header
 2.1 logo
 2.2 main-menu
 2.3 arrow
3.page
 3.1 list
 3.2 post grid
 3.3 about
 3.4 slider
 3.5 about scholl
 3.6 directions
 3.7 more details
4. footer
5. single
6. responsive
---*/
/*---temporary---*/

/*-helper grid-*/

/*
.logged-in #masthead:before {
    content: '';
    border: 1px solid white;
    width: 2px;
    height: 100%;
    position: fixed;
    right: 50%;
    top: 26px;
    z-index: 9999999;
    display: block;
}


.logged-in div#content:before {
    content: '';
    background: black;
    height: 2px;
    display: block;
    top: 69px;
    position: fixed;
    width: 100%;
    z-index: 999;
}*/

/*----------------------------*/


/*--general--*/
html{
    overflow-x: hidden;
}

body{
	background:black;
	 margin-bottom: 0 !important;
    overflow-x: hidden;
}
.dsplyblock{
	display:block !important;
}
.dsplynone{
	display:none !important;
}

#secondary{
	display:none !important;
}

button.customize-partial-edit-shortcut-button svg {
    height: inherit !important;
}


h1 {
	font-size:40pt !important;
}

footer.entry-footer {
    display: none !important;
}

span.arab,h4.work_title_arab{
	font-family:'Greta Text Arabic AR Regular' !important;
	font-weight:200;
}

body,span,p,h1,h2,h3,h4,h5,h6,a,strong{
	font-family: 'Greta Text Hebrew Regular';
}

a#scroll-to-top{
	background:url('https://www.musrara.co.il/graduation-2020/wp-content/uploads/2018/06/ToTop.png');
	width:150px;
	height:auto;
	background-repeat:no-repeat;
    right: -63px;
    left: auto;
    bottom: 0px;
	    z-index: 99999999;
        background-color: #bea88a !important;
    border-radius: 30px;
}

button:focus{
	outline: 0;
}

a:focus {
    outline: 0;
}

.spacer{
	display: none !important;
}

h2 span.eng {
    font-family: 'Greta Text Hebrew Regularbf9f8';
        width: 47%;
    display: inline-block;
    text-align: left;
    padding-left: 20px;
        vertical-align: top;
        line-height: 1.2;
}

h2 span.heb {
    font-family: 'Greta Text Hebrew Regular';
    display: inline-block;
    width: 47%;
    text-align: right;
        vertical-align: top;
        line-height: 1.2;
    }

/*---header---*/
#masthead{
	height:78px;
    position: fixed;
    right: 0px;
    width: 100%;
    z-index: 99999;
}

.inside-header{

}

.YTPOverlay.raster {
    background: transparent;
    display: none;
}
.mbYTP_wrapper{
	background:black;
	pointer-events: none !important;
	    z-index: 0 !important;
            height: 100vh !important;
    min-height: 100vh !important;
}

div#wrapper_YTPlayer_978147632 {
    pointer-events: none !important;
	    z-index: 0 !important;
}

.YTPOverlay {
    display: none;
}


button:focus {
    outline: 0;
}

svg{
cursor:pointer;	
}

/*-logo-*/

.site-branding {
    font-size: 28px;
    line-height: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 9;
    transition-duration: .1s !important;
    transition-timing-function: linear !important;
        display: none;
}

.site-branding a{
	font-size:10px;
	position:relative;
	font:bold 18px;
	padding:0 0em;
}


.site-branding.change .logo svg, .single .site-branding .logo svg {
	/*width:136px !important;*/
	top: 27px;
}


.site-branding img{
	width:170px !important;
	margin:0 auto !important;
	display:block;	
	background:transparent;
	position:relative;
}

.site-title a {
    display: block !important;
    font-size: 0;
}

.site-description img {
    float: right;
    position: relative;
    top: -15px;
    width: 152px !important;
}

.single .site-description img{
    top:-18px;
}

p.site-description{
      color: #000000;
    position: relative;
    top: -57px;
    /*right: 4%;*/
    text-align: right;
    font-family: 'Greta Text Hebrew Regular';
    font-weight: 100;
    font-size: 33px;
    width: 92%;
    margin: 0 auto;
}

p.site-description a{
      color: #000000;
    position: relative;
    /*right: 4%;*/
    text-align: right;
    font-family: 'Greta Text Hebrew Regular';
    font-weight: 100;
    font-size: 33px;
    text-decoration: none;
}

p.site-description span{
    font-family: 'Greta Text Hebrew Regular';
    font-size: 28px;
    margin-right: 5px;
}
/*.change p.site-description, .single p.site-description {
    display: none;
}*/

svg.svlog {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-25%);
    fill: #bea88a;
    top:50%;
}

.menuclosewrap {
width:100%;
	height:100%;
		position:absolute;
}

.sitebrandingwrap{
	width:100%;
	position:relative;
	height:77px;
	background: #ffbf00;
}


.headerimage{
    width: 100%;
    position: absolute;
    opacity: 0;
    margin-top: 44px;
    top: 0;
    right: 50%; 
   transform: translate(50%,0); 
    animation: 10s ease-in imagevansih;
    height: 100vh;
}

.headerimagesecond{
    width: 100%;
    position: absolute;
    opacity: 1;
    margin-top:-10px;
    top: 0;
     right: 50%;
   transform: translate(50%);
   animation: 10s ease-in imagefilter;
    height: 100vh;
        filter: brightness(1.5);
}

.headerimagesecondmobiletop{
    width: auto;
    position: absolute;
    opacity: 1;
    margin-top: 77px;
    top: 0;
    right: 50%;
    transform: translate(50%);
    /*animation: 10s ease-in imageappear;*/
    height: 50vh;
    display: none;
    max-width: none;
    animation: 10s ease-in imagefilter;
    filter: brightness(1.5);
}

.headerimagesecondmobilebottom{
    width: auto;
    position: absolute;
    opacity: 1;
    margin-top: 77px;
    top: 0;
    right: 50%;
    transform: translate(50%);
    animation: 10s ease-in imageappear;
    height: 50vh;
    display: none;
    max-width: none;
}

.headerimagemobiletop {
    width: auto;
    position: absolute;
    opacity: 0;
    margin-top: 20px;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    animation: 10s ease-in imagevansih;
    height: 100vh;
    display: none;
    max-width: 150%;
}

.headerimagemobilemiddle{
        width: 100%;
    position: absolute;
    opacity: 0;
    margin-top: 77px;
    top: 25vh;
    /* right: 50%; */
    /* transform: translate(50%,0) rotate(-116deg); */
    animation: 7s ease-in imagevansih;
     display: none;
}

.headerimagemobilebottom {
    width: 98%;
    position: absolute;
    opacity: 0;
    margin-top: 77px;
    top: 45vh;
    right: 2%;
    /* transform: translate(50%,0) rotate(-116deg); */
    animation: 7s ease-in imagevansih;
    height: 50vh;
    display: none;
}


/*--menu--*/
.main-navigation {

}

.main-navigation ul {
	position: fixed;
	left:-60%;
	height:100vh;
	background:#faf8f0;
	padding-top:180px;
	width:33%;
	z-index:0;
	top:0;
	transition-duration: .3s !important;
    transition-timing-function: linear !important;
}

.main-navigation.toggled ul {
    display: block;
	padding-right:10px;
	left:0;
	width:33%;
				transition-duration: .3s !important;
    transition-timing-function: linear !important;

}

.main-navigation li{
	float:none !important;
	text-align:left;
	padding-left:45px;
	margin-bottom:35px;
	
}
/*
.main-navigation li:after {
    content: '';
    background: #bea88a;
    display: block;
    height: 1px;
    width: 60%;
    position: absolute;
    bottom: -17px;
    left: 65px;
}
*/

.main-navigation li.singles a,.main-navigation li.singles:after{
display: none;
}

.main-navigation li a{
color:#bea88a;	
	font-weight:100;
	font-size:30pt;
	font-family: 'Greta Text Hebrew Regular';
	line-height:.8;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
        padding-left: 0px !important;
    width: 69%;
    float: left;

}

li#menu-item-89 a, li#menu-item-404 a{

border-bottom: hidden;
}


.main-navigation li a span{
	font-size:22pt;
	font-weight:200;
	font-family: 'Greta Text Hebrew Regularbf9f8';
      /*  -webkit-text-stroke-width: 0px;*/
}


.menu-toggle:before{
    display: none !important;
}


.menu-toggle {
    display: block !important;
    border: hidden;
    width: 50px;
    fill: #bea88a;
    background-color: transparent;
    width:unset !important;
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 0px;
}

a.menu-toggle-close{
	   display:none !important;
           z-index: 9;
    left: 22px;
    position: absolute;
    float: left;
    top: 0px;
    fill: #bea88a;

}

.toggled a.menu-toggle-close{
	display:block !important;	
}

.main-navigation.toggled .menu-toggle{
	display:none !important;
}

/*-arrow-*/
.downarrow{
	display:block;
	position:absolute;
	bottom:60px;
	right:50%;
	transform:translate(50%,0);
	fill: #00de64;
	background:transparent;
	border:hidden;
    display: none;
}

/*---------page----------*/

#page{
	position:relative;
}

.home #page{
 margin-top:100vh;
}


.site-content{
    z-index: 999 !important;
    margin-top:0px;
}

#bogrim,#bogrims {
    position: relative;
}


#primary{
        padding-bottom: 0px;
}

#main {
	width:100%;	
	padding-top:3px;
}

.home article{
	margin-bottom: 0 !important;
}

header.entry-header h1{
	border-bottom:1px solid;
}

#main h1 {
    color: #28d3f3;
    text-align: center;
    font-weight: 700;
    font-size: 48pt;
	line-height:1;
	margin-top:60px;
	display:none;
}

h1.entry-title p {
    color: #28d3f3 !important;
    font-size: 18pt !important;
   margin: 0px 0 25px;
}

.home h2.entry-title {
    display: none;
}

/*-list-*/

article#post-25 {
	width:82%;
	margin:0 auto;
	max-width:1160px;
}

.page-id-819 .gradlist{
	display:none;
}

#main #bogrim span.heb, .gradlist span.heb {
    font-size: 14.4pt;
    float: left;
    text-align: right !important;
    width: 48%;
    letter-spacing: 0.5px !important;
    padding: 2px;
}

#main span.en, .gradlist span.en{
    font-size: 14.4pt;
    font-family: 'Greta Text Hebrew Regularbf9f8';
    float: right;
    text-align: left !important;
    width: 48%;
    text-transform: capitalize;
    letter-spacing: 0.5px !important;
    padding: 2px;
}

div#pl-7 {
    max-width: 1570px;
    margin: 0 auto;
}


/*---Maps---*/
.Maps {
font-size:15pt;	
margin: 0;
text-align: center;
line-height: 1;
}
/*
p.graduateloc:after {
    content: '';
    height: 15px;
    width: 30px;
    display: block;
    background: transparent;
    margin: 0 auto;
    border-style: solid;
    border-width: 15px 15px 0px 15px;
    border-color: #28d3f3 transparent transparent transparent;
    margin-top: 5px;
}*/

h2.Maps{
font-size: 36pt;
    color: #cebda5;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
    margin-top: 0;
    padding-top: 70px;
    line-height: .5;
    text-align: center;
}

h2.Maps .heb{
font-size: 36pt;
margin-right:15px;
    /*-webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #faf8f0;*/
}

span.mapsarrow,span.mapsarrow2 {
	display:block;
	height:20px;
    width: 100%;
    position: relative;
    top: 42px;
}

span.mapsarrow .downarrow {
	display:block !important;
	fill:#28d3f3;
}
span.mapsarrow2 .downarrow {
	display:block !important;
	fill:black;
}

.mapsarrow a.downarrow svg, .mapsarrow2 a.downarrow svg {
    width: 20px;
}

#maps{
	position:relative;
	top:-120px;
}
.slidersection{
	opacity:1;
	    padding-bottom: 70px;
    padding-top: 70px;
}
.ms-slide-info.ms-dir-h {
    display: none;
}

.ms-staff-carousel {
	    margin: 0px auto;
}
.ms-staff-carousel .ms-nav-next {
right:3%;	
}

.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next {
	box-shadow:none;
}

/*-about-*/
div#about {
 position:relative;
	top:-30px;
}

.aboutsection {
    background: #bea88a;
    padding-top: 50px;
    padding-bottom: 90px;
		opacity: 1;
	
}

.aboutbox {
    max-width: 1160px;
    width: 82%;
    margin: 0 auto;

}

.aboutsection hr {
    background: #010004;
}

.aboutbox > p {
    font-size: 18pt !important;
    margin-top: 9px;
}

.aboutbox em {
    font-size: 11pt;
    font-style: normal;
}

.aboutsection h2{
font-size: 36pt;
    color: #faf8f0;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
    margin-top: 0;
    padding-top: 70px;
    line-height: .5;
    text-align: center;
}

 .aboutsection h2 .heb{
 	    font-size: 33pt;
    margin-right: 15px;
      /*  -webkit-text-stroke-width: 1.3px;
    -webkit-text-stroke-color: #1939a6;*/
 }

.aboutsection p {
       color: #1a1616 !important;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 9px;
	font-size:13pt;
}

.aboutheb {
    float: left;
    width: 48%;
}

.aboutheb p {
    letter-spacing: 1px;
}

.aboutsection .aboutheb .spacing1 {
    height: 50.5px;
}

.aboutsection .aboutheb hr {
    margin-top: 59px;
}

.abouten {
    float: right;
    width: 48%;
    text-align: left;
    direction: ltr;
}

.abouten p {
    letter-spacing: 0.5px;
}

.aboutsection .aboutheb p {
}

.staff p {
    font-size: 11pt !important;
}

h2.fromexhibiton {
    padding-top: 50px !important;
    /* clear: both !important; */
    font-size: 15pt;
}

.aboutsection p.graduateloc:after{
    border-color: black transparent transparent transparent;
}
/*-sliders-*/

#slider {
	position: relative;
    top: -40px;
}

.slidersection {
    background: #010004;
}

.slidersection2 {
       background: #010004;
}

.sliderwrap {
    max-width: 1160px;
    width: 82%;
    margin: 0 auto;
    position: relative;
}

.page .sliderwrap {
 max-width:none;
	width:100%;
}


.n2-ss-margin {
    margin: 0px auto !important;
    width: 82% !important;
	max-width:1160px;
}

div#n2-ss-2-arrow-previous {
	left:-6.5% !important;
	right:auto !important;
}

div#n2-ss-2-arrow-next {
left:auto !important;
	right:-6.5%;
}

.ms-nav-next, .ms-nav-prev {
    opacity: 1 !important;
	display:block !important;
    width: 100px !important;
    height: 75px !important;
}

.ms-nav-next {
    right: 4% !important;
    top: 35%;
    background: url('https://www.musrara.co.il/graduation-2020/wp-content/uploads/2020/06/Component-Student.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transform: translate(0,50%);
}


.ms-nav-prev {
	left:4% !important;
	top:28.5%;
	background:url('https://www.musrara.co.il/graduation-2020/wp-content/uploads/2020/06/Component-Student.png') !important;
	background-repeat:no-repeat !important;
    background-size: contain !important;
    transform: rotate(180deg) translate(0,-50%);
}

.slidersection2 .ms-nav-next, .slidersection2 .ms-nav-prev {
    padding: 0px;
    background: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
        height: 42px !important;
    width: 42px !important;
    border-top:2px solid white;
border-left:2px solid white;
top:50%;
}

.slidersection2 .ms-nav-prev{
   transform: rotate(-45deg); 
}

.slidersection2 .ms-nav-next{
   transform: rotate(135deg); 
}

/*-aboutschool-*/
div#aboutschool {
    position: relative;
    top: -30px;
}

.aboutschool {
	background:#010004;
	opacity: 1;
	    padding-bottom: 90px;
    padding-top: 70px;
}

.aboutschool h2 {
    font-size: 36pt;
   color: #bfa98a;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
    margin-top: 0;
    padding-top: 70px;
    line-height: .5;
    text-align: center;
}

.aboutschool h2 .heb{
	font-size: 36pt;
	margin-right:15px;
       /* -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #faf8f0;*/
}

.aboutschool p {
	color: #dcdbd4;
	font-size:13pt;
}

.aboutschool hr{
	background-color:#ffffff !important;
}

.aboutschool .abouten p:last-child {
    width: 45%;
    float: right;
    font-size: 11pt;
}

.aboutschool .abouten p:nth-last-child(2) {
        width: 45%;
    float: left;
    font-size: 11pt;
}

.aboutschool .aboutheb p:last-child {
    width: 45%;
    float: left;
    font-size: 11pt;
}

.aboutschool .aboutheb p:nth-last-child(2) {
        width: 45%;
    float: right;
    font-size: 11pt;
}

/*-directions-*/
div#directions {
    position: relative;
    top: -30px;
}

.directions{
min-height:400px;
background:#bea88a;
	opacity: 1;
	padding-bottom: 110px;
	padding-top:40px;
}

.directionsWrap {
    width: 82%;
    margin: 0 auto;
    max-width: 1160px;
}

.directionsWrap > p {
    margin-top: 9px !important;
    font-size: 17pt !important;
    color:#faf8f0;
}

.directions h2 {
    font-size: 36pt;
    color: #fcfcf6 !important;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
    margin-top: 0;
    padding-top: 70px;
    line-height: .5;
    text-align: center;
}

.directions h2 .heb{
	font-size: 36pt;
	margin-right: 15px;
       /* -webkit-text-stroke-width: 1.3px;
    -webkit-text-stroke-color: #1939a6;*/
}

.directions hr {
	color: #faf8f0 !important;
	background: #faf8f0;
}
.directionsWrap > p{
	color: #050406 !important;
	font-size:18pt !important;
}

.directions h4 {
    padding-bottom: 0px !important;
    margin-bottom: 10px;
    display: block;
    font-size: 22pt;
    font-weight: 500;
    margin-top: 0;
    line-height: 1.2;
    color: black;
    text-align: center;
    font-family: 'Greta Text Hebrew Bold';
}

.taxi,.train,.car{
	width:33%;
	float:right;
}

.taxi svg,.train svg,.car svg{
	cursor:initial;
	    height: 50px;
}

.directions span{
}
.whitetxt{
	color#faf8f0;
	width:100%;
	text-align:center;
	display:block;
	font-size:18pt;
	margin: 15px 0;
}

span.blacktxt {
    width: 297px;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 15pt;
	color:black !important;
}

.directions i{
	fill:#faf8f0;
	display:block;
	margin:0 auto;
	text-align:center;
}


.directions .right,.directions .middle,.directions .left {
    width: 33%;
    float: right;
    color: #050406;
}

.directions .right img,.directions .middle img,.directions .left img {
    margin: 0 auto;
    display: block;
    width: 190px;
}

.directions .right ul,.directions .middle ul,.directions .left ul {
    width: 225px;
    margin: 0 auto;
    list-style: none;
}


.directions li {
    font-size: 17px;
    text-align: center;
}

.directions li:after {
    content: '';
    font-family: fontAwesome;
    width: 7px;
    height: 7px;
border-top: 1.5px solid #050406;
    border-left: 1.5px solid #050406;
    margin: 9px 5px 0px 0;
    position: absolute;
    background: transparent;
    transform: rotate(-45deg) skew(20deg, 20deg);
    border-radius: 2px;
}

.directions li:last-child:after {
display: none;
}

/*-footer-*/
/*-moredetails-*/
.site-footer {
    /*min-height: 400px;*/
    background: #000000 !important;
    opacity: 1;
}

.moredetails{
    width: 92%;
    max-width: 1400px;
	display:block;
	margin:0 auto;
	min-height: 280px;
    padding-top: 35px;
}

.moredetails h2 {
font-size: 41pt;
    color: #bea88a;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: 0;
    padding-top: 70px;
    line-height: .5;
    text-align: center;

}

.moredetails h2 .heb{
	font-size: 44pt;
	margin-right: 15px;
}

.moredetails p{
	font-size:18pt;
	color:#28d3f3;
	margin-top:9px;
	margin-bottom: 0;
}

.moredetails hr{
	display:none;
}

.moreinfo {
    margin-top: -30px;
}

.moreinfo span,.moreinfo span a {
	color: #faf8f0 !important;
	font-size:21pt !important;
	font-weight:normal;
	text-decoration:none;
}

.moreinfo span .middleline {
    opacity: 1;
    width: 9px;
    height: 9px;
    background: #faf8f0;
    display: inline-block;
    margin: 2px 15px;
}

.footerlogos {
    margin-top: 70px;
}


footer .fa-caret-left{
color:#ffbf00;
margin:0 20px;
}

footer .middleline img {
    margin: 2px 20px;
    width: 13px;
}


.footerlogos> div:last-child{
display: none;
}

.credits {
    text-align: center;
    color: #faf8f0;
}

span.tal,span.asa {
    margin: 10px;
}

.credits a{
    text-decoration: none;
}

.footer-widgets{
    display: none;
}

.single .footer-widgets{
    display: block;
}

.footer-widgets a:hover{
    color:white !important;
}

/*----single---*/
.single #masthead{
	height:initial;
}

.single .site-branding{
	background: black;
    height: 78px;
	    /*position: fixed;*/
}

.single p.site-description {
    top: 17px;
}


.single .site-branding .custom-logo-link svg{
	display: block;
    /*width: 110px;*/
    margin-top: 0px;
    /*height: auto;*/
}

.single img.headerimage, .single img.headerimagesecond{
    display: none !important;
}

.single .main-navigation li {
    margin-bottom: 0;
}

.single #primary {
   /* background: #faf8f0;*/
    margin-top:77px;
    padding-bottom: 0;
}

.single #main{
    padding-top:10px;
}

.single #main h1 {
    display: block;
    font-weight: 500;
    color: #bea88a;
    font-size: 30pt !important;
    font-family: 'Greta Text Hebrew Bold';
}
.single .post-thumbnail {
    display: none;
}

.single h1.entry-title {
    font-size: 40pt !important;
    margin-bottom: 0;
    line-height: 1;
		border-bottom:hidden !important;
	 margin-bottom: 7px;
	 margin-top: 10px !important;
}

.single .main-navigation {
}

.single .main-navigation li a, .single .main-navigation li:after{
    display: none;
}

.single .main-navigation li.singles a,.single .main-navigation li.singles:after{
    display: block;
}


.single p.site-title {
    display: none;
}

.single #content {
	   /* background: #faf8f0 !important;*/
}

.single #comments{
	display:none;
}

.single .entry-meta {
	display:none;
}

.single header.entry-header {
    margin-top: 45px;
}

.single span.subtitle {
    width: 100%;
    text-align: center;
    display: inline;
    color: #bea88a;
    /*font-size: 18pt;*/
	margin-bottom:7px;
    text-transform: capitalize;
        font-family: 'Greta Text Hebrew Regularbf9f8';
}

span.subtitle .arab:before {
     font-family: 'Greta Text Arabic AR Regular';
}


span.subtitle:before, span.subtitle .arab:before {
    content: '';
    height: 10px;
    width: 10px;
    background-color: #bea88a;
    border-radius: 50%;
    display: inline-block;
    margin: 10px 8px 5px 10px;
}

.artistinfo {
    display: block;
	margin:0 auto;
}
.artistinfowrap {
    display: block;
	text-align:center;
margin:0 auto;
}


span.telephon_mail_website {
    display: block;
    text-align: center;
    font-size: 24px !important;
}

span.telephon_mail_website a {
    text-decoration: none;
    font-weight: 100 !important;
    font-size: 22px !important;
       letter-spacing: 1.5px;
}

.artistinfo span.middleline {
    margin: 0px 5px;
    position: relative;
    background: #bea88a;
    display: inline-block;
    height: 12px;
    width: 1px;
}

span.telephon_mail_website a:last-child span.middleline {
    display: none;
}

i.fab {
	color: #00de64;
	margin-top:5px;
}

i.fa.fa-mobile {
 display:none;
}

span.e-mail {
    font-size: 13pt;
    text-transform: lowercase;
}

i.fa.fa-envelope {
    display:none;
}
span.website {
    font-size: 13pt;
       
}
span.telephon {
	font-size:13pt;
      
}

i.fa.fa-facebook {
    margin-right: 12px;
       
}

.single .gradlist{
	/*width:82%;
	margin:0 auto;*/
}

.single .gradlist h2, p.subitchka{
	text-align:center;
	    color: #28d3f3;
    text-align: center;
}

.single .gradlist p{
margin:0;	
}

p.subitchka {
    font-size: 18pt !important;
    margin-top: 0;
    margin-bottom: 25px !important;
}

.gradlist h2 {
    font-size: 30pt;
    margin-bottom: 0;
    line-height: 1;
}


.single .post-navigation {
    position: relative;
    top: 80px;
    /* right: 50%; */
    width: 730px;
    margin: 0 auto !important;
    display: block;
    /* transform: translate(50%,0); */
    height: 23px;
    /* margin-bottom: 0 !important; */
}

.post-navigation .nav-next {
    float: right !important;
    text-align: right;
    width: 100px !important;
}

.post-navigation .nav-previous {
    float: left !important;
    width: 100px !important;
    text-align: left;
}

.nav-previous a {
/*background: url('https://www.musrara.co.il/graduation-2018/wp-content/uploads/2018/06/prevarrow.png');*/
	background-repeat:no-repeat;
	font-size:0px;
	/*width:100%;*/
	height:50px;
	display:block;
	padding:10px !important;
}

.nav-next a {
/*background: url('https://www.musrara.co.il/graduation-2018/wp-content/uploads/2018/06/nextarrow.png');*/
	background-repeat:no-repeat;
	font-size:0px;
	/*width:100%;*/
	height:50px;
	display:block;
	padding:10px !important;
}

.nav-next a:before {
    content: '';
    font-family: fontAwesome;
    width: 0;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ffbf00;
    margin: -10px -7px 0px 0;
    position: absolute;
    transform: rotate(180deg);
}

.nav-previous a:before {
    content: '';
    font-family: fontAwesome;
    width: 0;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ffbf00;
    margin: -10px -3px 0px 0;
    position: absolute;
}

.nextend-arrow-previous img {
    float: left !important;
}

i.fa.fa-long-arrow-left,i.fa.fa-long-arrow-right {
    font-size: 30px;
}

.single .ms-skin-default .ms-nav-next,.single .ms-skin-default .ms-nav-prev{
	top:25%;
}

.single .ms-nav-next{
	right:17% !important;
	left:auto;
}
.single .ms-nav-prev {
	left:17% !important;
	right:auto;
}
.single .entry-footer{
	background:#faf8f0 !important;
}

.single-rightt {
    width: 30%;
    float: right;
}

.single-left{
	 width: 69%;
    float: left;
}

.single .entry-content {
    width: 82%;
    margin: 0 auto;
    max-width: 960px;
	padding: 22px 0;
    color:#000;
}

.contentwrap{
    background: #bea88a;
}

.single .n2-ss-margin {
    max-width: 960px !important;
	height: 540px !important;
}

.single .nextend-arrow img {
    display: inline;
    height: 60px !important;
    width: 100px !important;
    top: 50% !important;
    transform: translate(0,-50%) rotate(180deg);
}


.single .nextend-arrow-previous img {
    margin-top: -24px;
}

.single .nextend-arrow-next {
	right: 0% !important;
    transform: rotate(180deg);
    top:0 !important;
    height: 100% !important;
}

.single .nextend-arrow-previous {
    left: 0% !important;
    top:0 !important;
    height: 100% !important;
}


.single .slidersection {
    opacity: .8;
    padding-bottom: 0px;
    margin-top:45px;
}

.single .n2-ss-slider .n2-ss-layer-player-cover img {
    background-image: url('https://www.musrara.co.il/graduation-2019/wp-content/uploads/2019/06/מיזם-חדש-3.png') !important;
    background-size: contain !important;
    object-position: -999px !important;
    width: 150px !important;
    height: 150px !important;
    top: 50% !important;
    transform: translate(50%,-50%) !important;
    right: 50%;
    margin-top: 0 !important;
}

.single .n2-ss-slider .n2-ss-layer-player-cover img:hover {
    opacity:.8;
}

h2.work_title {
    font-family: 'Greta Text Hebrew Regular';
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
	line-height: 1;
    margin-top:0; 
    text-transform: capitalize;

}

h2.work_title span {
    font-size: 15px;
    display: block;
        text-transform: capitalize;
}

.single .entry-content p {
    width: 68%;
    font-size: 16px !important;
    color: black !important;
    float: left;
    text-align: right;
    line-height: 22px;
}



.single .entry-content p strong{
	    position: relative;
	margin-bottom:10px;
}

h4.work_title_arab {
    margin: 0 0 10px 0px;
    font-size: 21pt;
	line-height: 1;
    font-family: 'Greta Text Arabic AR Regular';
}

h4.work_title_english {
    font-size: 17pt;
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
    font-family: 'Greta Text Hebrew Regularbf9f8';

}

h5.whatisit {
    /* margin: 0; */
    line-height: 1;
    font-size: 12pt;
    font-weight: 200;
}

.single .postgrid {
    margin-top: 60px;
    min-height: 400px;
    position: relative;
   
}

.single .postgrid li{
	float:left !important;
}

span.cat-links {
    display: none;
}

.single .hentry {
    margin: 0 0 0em;
}

.buttonism_panel_2 {
    width: 100%;
    text-align: center;
    top: 93px;
    position: relative;
}

div#fancybox-content {
    border: 0;
    width: 1160px !important;
}

.single-footer-content{
       background: #ffbf00; 
           padding-top: 40px;
    padding-bottom: 40px;
}

.single-footer-content .gradlistwrap {
    width: 33%;
    float: right;
}

.single-footer-content span.heb{
     font-size: 15.4pt;
    float: left;
    text-align: right !important;
    width: 48%;   
}

.single-footer-content span.en {
    font-size: 15.4pt;
    font-family: 'Greta Text Hebrew Regularbf9f8';
    float: right;
    text-align: left !important;
    width: 48%;
}
/*---animations---*/
@keyframes backgroundchange {
  0% {
background: #ffbf00;
  }
   50% {
background: #ffbf00;
  } 
  100% {
background:transparent;
  }
}

@keyframes imagevansih {
  0% {
opacity:1;
  }
    50% {
opacity:1;
  }
    100% {
opacity:0;
  }
}

@keyframes imageappear {
  0% {
opacity:0;
  }
    50% {
opacity:0;
  }
  100% {
opacity:1;
  }
}

@keyframes imagefilter {
  0% {
filter: brightness(1);
  }
  100% {
filter: brightness(1.5);
  }
}


/*---responsive---*/

@media(max-width:1450px){
.single .gradlist {
    width: 100%;
    }
}


@media(max-width:1200px){
	#main #bogrim span.heb, .gradlist span.heb,#main span.en, .gradlist span.en {
    font-size: 11pt;
}


    ul.postgrid li {
		width: 33.333%;
	}

.single .nextend-arrow-next {
    right: -5% !important;
}

.single .nextend-arrow-previous {
    left: -5% !important;
}
}

@media(max-width:1080px){

	
	.site-branding .custom-logo-link svg {
	display:none;	
	}
	.site-branding.change .custom-logo-link svg, .single .site-branding .custom-logo-link svg  {
	display:block;	
	}
	
/*	
p.site-title {
    background: url(https://www.musrara.co.il/graduation-2018/wp-content/uploads/2018/07/png-logo.png);
    height: 126px;
    width: 300px;
    margin: 0 auto;
    margin-top: 52px;
    margin-bottom: 57px;
	transition-duration: .1s !important;
    transition-timing-function: linear !important;
	opacity:1;
	background-repeat:no-repeat;
}*/
	
.change p.site-title {	
	margin-top:0;
	width:0;
	opacity:0;
	transition-duration: .1s !important;
    transition-timing-function: linear !important;
	opacity:1;
	}
	
	.single p.site-title {
     display: none;
    width: 118px;
    height: 47px;
    background-size: contain;
    margin-top: 46px;
    margin-bottom: 0;
    right: -4px;
    position: relative;
}
	
	.site-branding.change .logo svg, .single .site-branding.change .logo svg{
		font-size:0 !important;
		    display: none;
	}	
	
	/*.site-branding .logo , .single .site-branding .logo{
		background:url('https://www.musrara.co.il/graduation-2018/wp-content/uploads/2018/07/musrara-logo-eye-01.png');	
		height:27px;
		width:31.5px;
		display:block;
		top:29px;
		right:5.5%;
		background-size:cover;
		
	}	*/
	
.headerimagesecond{
    display: none;
}

.headerimagesecondmobiletop, .headerimagesecondmobilebottom{
    display: block;
}

.headerimage{
    display: none;
}

.headerimagemobiletop, .headerimagemobilemiddle, .headerimagemobilebottom{
    display:block;
}

.site-content{
    margin-top:0;
}

	.postgrid li a {
    pointer-events: none;
}

.postgrid li.clickable a {
pointer-events:all !important;
}
	.main-navigation.toggled ul {
		width:50%;
	}
	.page .sliderwrap {
    width: 100%;
}
}

@media(max-width:1000px) and (min-width:780px){
      #main span.en  {
    font-size: 11pt;
}
#main span.heb {
    font-size: 11pt;
}  
}


@media(max-width:780px){

.site-logo {
    float: right !important;
}

nav#site-navigation {
    position: absolute;
    left: 0;
}

	
#pgc-7-0-1, #pgc-7-0-2 {
    margin-bottom: 0px !important;
}

#main #bogrim span.heb, .gradlist span.heb, #main span.en, .gradlist span.en {
    font-size: 14.4pt;
}

	.single p.site-title {
		display:none;
	}	
	
	.downarrow {
	bottom:100px;	
	}
	
span.blacktxt {
    width: 208px;
	display: block;
	font-size:10.5pt;
	
	}

.aboutschool .abouten p:last-child,.aboutschool .abouten p:nth-last-child(2), .aboutschool .aboutheb p:nth-last-child(2),.aboutschool .aboutheb p:last-child  {
    width: 49%;
}
	
.moreinfo span, .moreinfo span a {
    font-size: 17pt !important;
	
	}
	
	.single .sliderwrap{
		width:100%;
		overflow:hidden;
	}
	
.single .nextend-arrow-next {
    right: 0% !important;
    left: 0% !important;
    height: 33.33% !important;
    width: 20px !important;
    z-index: 99999999;
    background: #faf8f0;
    top: 33.3% !important;
    opacity: .8 !important;
}


.single .nextend-arrow-previous {
    left: 0% !important;
    height: 33.33% !important;
    width: 20px !important;
    z-index: 99999999;
    background: #faf8f0;
    top: 33.3% !important;
	opacity: .8 !important;
}

	
.single .nextend-arrow-next img {
    top: 50% !important;
    left: auto !important;
    right: 0% !important;
    width: 20px !important;
    height: 30px !important;
    margin: 0 !important;
    transform: translate(0,-50%)rotate(180deg);
}

.single .nextend-arrow-previous img {
top: 50% !important;
    left: 0% !important;
    right: auto !important;
    width: 20px !important;
    height: 30px !important;
    margin-top: 0;
    transform: translate(0,-50%)rotate(180deg);
}

.single-footer-content .gradlistwrap {
    width: 100%;
    float: none;
    margin-bottom: 50px;
    clear: both;
}

.single .white{
    background: white;
}

.footerlogos> div:first-child{
display: none;
}

.footerlogos> div:last-child{
display: block;
}	

}

@media(max-width:760px){

.headerimagesecondmobiletop, .headerimagesecondmobilebottom{
}

.headerimagesecondmobilebottom{
        bottom: -10px;
}

.headerimagemobiletop,.headerimagemobilebottom {
}

.headerimagemobilebottom {
 
}


.site-description img {
    width: 160px !important;
}

h2 span.eng {
    width: 100% !important;
    display: block !important;
    margin-bottom: 15px !important;
    line-height: 1 !important;
    font-size: 30pt !important;
    text-align: center;
}

 h2 span.heb {
    margin-right: 0 !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 15px !important;
    font-size: 30pt !important;
    text-align: center;
}

#main #bogrim span.heb, .gradlist span.heb, #main #bogrim span.en,.gradlist span.en{
    font-size: 10.5pt !important;
    white-space: nowrap;
}


.aboutschool .abouten p:last-child,.aboutschool .abouten p:nth-last-child(2), .aboutschool .aboutheb p:nth-last-child(2),.aboutschool .aboutheb p:last-child {
    width: 100%;
}

.slidersection .ms-nav-next{
     top: 97.5%;
         height: 35px !important;
}

.slidersection .ms-nav-prev {
     top: 100%;
         height: 35px !important;
}
	
.directions h4 {
		font-size:24pt;
}

span.blacktxt {
    width: 100% !important;
    display: block;
    font-size: 15pt;
}

	.taxi, .train, .car {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 38px;
}

.single header.entry-header {
    padding: 0 20px;
}

.single h1.entry-title {
    font-size: 30pt !important;
	margin-top: 60px !important;
}

	.single .post-navigation {
width:80%;
position: absolute;
top:175px;
right:50%;
transform:translate(50%,0);
}
	

	.single span.subtitle, .single .subtitle span.arab {
	display: block;
	}

span.subtitle:before, span.subtitle .arab:before{
    display: none;
}

	.single-rightt {
    width: 100%;
    float: none;
}

	h2.work_title {
		font-size: 21pt;
	}

	.single-left {
    width: 100%;
    float: none;
}

.single .entry-content p {
    width: 100%;
}

	.moreinfo span .middleline{
opacity:0;
		margin:4px 0;
}

.moredetails h2 .heb, .moredetails h2 .eng{
font-size: 37pt;
}
	
}

@media(max-width:680px){

.site-header .header-image {
    width: 120px;
}

.main-navigation .main-nav ul li a{
    line-height: 30px !important;
}
	
.main-navigation.toggled ul {
    width: 75%;
    overflow-y:scroll;
    padding-top:120px;
}

    .main-navigation li {
    padding-left:20px;  
    }
    
    .main-navigation li a{
        font-size:25pt;
        width: 75%;
        margin-bottom: 17px;
    }
    
    .main-navigation li a span{
        font-size:17pt;
    }

	ul.postgrid li {
		width: 50%;
	}

.main-navigation li:after {
    width: 70%;
    left: 40px;
}


.aboutbox{
    width:90%;
}
	
	.aboutheb, .abouten {
    width: 100%;
   
	}


.aboutsection .aboutheb hr {
    margin-top: -45px;
}

.directions .right, .directions .middle, .directions .left {
    float: none;
    width: 100%;
    margin-bottom: 40px;
}

	.moreinfo span, .moreinfo span a {
font-size: 13pt !important;
    margin: initial !important;
    /* float: none !important; */
    display: block;
    margin-bottom: 10px !important;
}
	
	span.telephon_mail_website a {
    color: #bea88a;
    text-decoration: none;
		    font-size: 18pt;
		margin:0px 8px;
}

	i.fa.fa-mobile, i.fa.fa-envelope {
    display: inline-block;
		font-size:22pt;
		top:2px;
		position:relative;
}

	.fa-facebook{
		margin-right:0px !important;
	}
	
span.e-mail {
    display: none;
}
span.telephon {
    display: none;
}	
	
	span.middleline {
    display: none;
}
	
	.footerlogos span {
    /* margin: 0px 1.35%; */
    padding: 8px 0%;
    height: auto;
    display: block;
    width: 103px;
    margin-top: 20px !important;
    margin: 0 auto;
		float:none;
}	
	a#scroll-to-top {
    background: url(https://www.musrara.co.il/graduation-2020/wp-content/uploads/2018/06/ToTop.png);
    width: 60px;
    right: 0px;
    background-size: contain;
}

	.single iframe, .single .sliderwrap{

	}
	
}

@media(max-width:480px){	
	.aboutsection h2,.aboutschool h2,.directions h2,.moredetails h2 {
	    line-height: .8;	
	}
	
	#main span.heb, span.heb {
    font-size: 12.4pt;
    padding: 2px;
	}
	#main span.en, span.en {
    font-size: 12.4pt;
    padding: 2px;
}
.directions h4 {
    font-size: 18pt;
}	
	span.blacktxt {
		font-size: 12pt;
	}
	.single .main-navigation{
		height:30px;
	}

body.rtl a#scroll-to-top {
    /* left: 5px; */
    bottom: 5px !important;
    right: 5px !important;
}


}

@media(max-width:380px){
	ul.postgrid li:hover span.postitle{
		top:10px;
	}
	a.downarrow svg {
    top: 42px;
    position: relative;
}
}

@media(max-width:350px){
	.single span.subtitle {
    font-size: 12pt;
        width: 56%;
    margin: 0 auto;
    margin-bottom: 10px;
}
}

@media only screen and (min-device-width : 768px) 
and (max-device-width : 1050px)
{@supports (-webkit-overflow-scrolling: touch) {
	.site-branding .custom-logo-link svg{
		margin-top:-55px !important;
	}
	.single .site-branding .custom-logo-link svg {
display:block !important;
 
}	
.single button.menu-toggle{
	top:-55px
	}
	.single .change button.menu-toggle{
	top:-87px
	}
}
		.single .site-branding.change .custom-logo-link svg {
			margin-top:-11px !important;
		}
}