﻿html {
    font-family:'Myriad Pro';
}

form {
    margin-bottom:0;
}

a {
    color: #292b75;
}


a1 {
    color: #292b75;
}

a:hover {
    color:#6b6da0;
    text-decoration:underline;
}

a1:hover {
   
    text-decoration:none;
}


    /*a:visited {
        color:#1A2F7B;
    }

        a:visited:hover {
            color:#4E7AFC;
        }*/

hr {
    border-top:3px solid #d1d3d4;
    margin:40px 0;
}

hr.sideHR {
    border-top:1px solid #d1d3d4;
    margin:20px 0;
    width:80%;
    margin-left:10%;

}

h1, h2, h3 {
    font-weight:bold;
}

h3 {
    color:#292b75;
}

h3 a:hover{
    color:#6b6da0;
    text-decoration:underline;
}

h4 {
    color:#292B75;

}

h5 {
    color:#58585B;
    text-align:center;
    font-weight:normal;
    font-size:1.1em;
    letter-spacing:1px;
}

h5 a {
    color:#292B75;
    text-align:center;
    font-weight:normal;
    font-size:1.1em;
    letter-spacing:1px;
    text-decoration:none;
}

    h5 a:hover {
        color:#6b6da0;
        text-decoration:underline;
    }

h6 {
    color: #58585B;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: .8em;
}

    h6 a {
        text-align: center;
        font-weight: normal;
        font-size: 1.1em;
        letter-spacing: 1px;
        text-decoration: none;
        color:#292B75;
    }

        h6 a:hover {
            opacity:.6;
            /*text-decoration:underline;*/
        }


/************************************
          HEADER STYLING
************************************/

.header {
    border-top:25px solid #292b75;
}

    .header a {
        text-decoration:none;
    }

        .header a:hover {
            text-decoration:underline;
        }


.headerNavs {
    margin:0 0 0 0;
    list-style:none;
    font-size:1.1em;
    display:inline;
}

    .headerNavs left ul {
        float:left;
    }

    .headerNavs li {
        display:inline-block;
        padding: 0 5px;
        padding-bottom:8px;
    }
           .headerNavs li:hover {
               padding-bottom:4px;
            border-bottom:4px solid #4E7AFC!important;
        }

        .headerNavs li a {
            color:#292b75;
        }

        .headerNavs li a:hover {
            text-decoration:none;
            color:#4E7AFC;
        }
 

       .headerNavs.topNav li {
           padding-bottom:8px;
       } 
       .headerNavs.topNav li:hover {
           padding-bottom:4px;
       }
      .headerNavs.topNav .headerSubNav li {
          padding-bottom:4px!important;
      }

.topNav li {

/*padding:0 15px;*/
/*margin-bottom:25px;*/
position:relative;
}


.topNav ul {
    margin-top:16px;
    background: white;
    border-radius: 0 0px 0px 0px;
    border-width: 0 1px 1px;
    padding: 10px 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);


    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.topNav li:hover ul {
    left: -20px;
    top: 20px;
    width: 210px;
    
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
@media screen and (min-width:409px) and (max-width:513px) {
.topNav li.about:hover ul {
    left: -120px;
}
}
@media screen and (min-width:601px) and (max-width:964px) {
.topNav li.about:hover ul {
    left: -120px;
}
}
@media screen and (min-width:1074px) and (max-width:1170px) {
.topNav li.about:hover ul {
    left: -120px;
}
}
@media screen and (max-width:513px) {
.topNav li.research:hover ul {
    left: -120px;
}
}
@media screen and (max-width:355px) {
.topNav li.academics:hover ul {
    left: -120px;
}
}

    .topNav ul {
        list-style:none;
    }

        .topNav ul li {
        width:100%;
        margin-bottom:0;
        text-align:left;
        padding-bottom:4px;
        }
        .topNav ul li:hover {
            border-bottom:none!important;
        }

            .topNav ul li:last-child {
                padding-bottom:5px;
            }

       .topNav ul li:after {
        content:none;
        margin:0;
    }

        .topNav ul li a {
            font-size:1em;
            width:100%;
            display:block;
        }

        .topNav ul li a:hover {
      text-decoration:none;
            color:#4E7AFC;
    border-bottom:none!important;
}


img.logo {
    margin:0 0 0 0;
    max-width: 220px;
    
}

.headerSocialMedia img {
    max-width:30px!important;
    margin: 0 2px 15px 2px;
}

.f-dropdown li {
    text-align:left;
}

.headerNavs li {
    padding:0 15px;
}

/************************************
            BODY STYLING
************************************/

.infoBlock {
    max-width:200px;
    color:black;
    font-style:italic;
}

    .infoBlock a {
        color:black;
        text-decoration:none;
    }

.royalSlider {
    width:100%;
visibility: hidden; 
}

.rsMinW .rsBullets {
    right:20px;
    line-height:10px;
    overflow:visible;
}

.rsMinW .rsBullet {
    width:10px;
    height:10px;
    margin:0 2px;
}

.rsMinW .rsBullet span {
    width:10px;
    height:10px;
}

.rsArrowIcn {
    transform: scale(1.75);
}

.rsMinW .rsArrowLeft {
    right: 60px;
    bottom: 30px;
}
.rsMinW .rsArrowRight {
    right: 15px;
    bottom: 30px;
}
.sliderCaption {
    position: absolute;
    display: block;
    bottom: 35px;
    left:0px;
    background-color:rgba(0, 0, 0,0.6);
    padding-left: 10px;
    padding-bottom: 5px;
    font-style: italic;
    font-size: 0.88em;
}
.sliderCaption a {
  
    color:white!important;
    background-color: rgba(0, 0, 0,0.6);
   
}



.homePageEvent {
    padding:10px;
    width:100%;
    /*height:150px;*/
    background-color:#f1f1f2;
    text-align:center;
}

}

    .homePageEvent a {
        color:#292b75;
        /*text-transform:uppercase;
        font-style:italic;*/
        font-weight:bolder;
        text-decoration:none;
        text-align:center;
    }

    .homePageEvent a:hover {
        color:#6b6da0;
        text-decoration:underline;
    }


@media screen and (max-width:767px) {
    .homePageEvent {
        margin-bottom:20px;
    }
}

/*.verticalBox {
    padding:10px;
    width:100%;
    /*height:150px;
    background-color:#f1f1f2;
}

    .verticalBox a {
        font-size:19px;
        color:black!important;
        color:#292b75;
        text-transform:uppercase;
        font-style:italic;
        font-weight:bolder;
        text-decoration:none;
    }

    .verticalBox a:hover {
        color:#6b6da0;
        text-decoration:underline;
    }*/*/

.homePageNews {
    display:inline-block;
    width:100%;
    margin-bottom:15px;
}

.homePageNews.large-4 {
    background-color:#f1f1f2;
}

.homePageNews p {
    padding:0 10px 10px 10px;

}

.homePageNews p a {
    color:#292b75;
    text-decoration:none;
    font-weight:bold;
}

.homePageNews p a:hover {
    color:#6b6da0;
    text-decoration:underline;
}

    .homePageNews img {
        max-height:140px;
        float:left;
        margin-right:10px;
    }

a.moreEvents {
    color:#292b75;
    text-decoration:none;
            font-weight:bold;
            font-size:80%;
}

a.moreEvents:hover {
    color:#6b6da0;
    text-decoration:underline;
}

.importantInformation {
    text-align: center;
}

img.importantInformation {
    max-width:125px;
    margin-bottom:5px;
}

img.mainImage {

}

.homeSideBar p {
    margin-bottom:15px;
}
.homeSideBar a{
    color: #292b75;
    text-decoration: none;
    font-weight: 700;
}
.homeSideBar a:hover {
    color:#6b6da0;
    text-decoration:underline;
    }
.titleBanner {
    padding:10px 50px;
    background-color:#292b75;
    text-align:center;
    vertical-align:middle; 
    color:white;
    box-shadow: 0px 5px 5px #888888;
}

.date{
    margin-top:15px;
}

.dateLocation {
    /*float:right;*/
    /*position:absolute;*/
    /*bottom:0;*/
}

a.calendarListTitle{
    text-decoration:none;
}

.calendarListTitle h3{
    margin-bottom:10px;
}


ul.calendarList {
    list-style:none;
}

ul.calendarList li a{
    color:#58595b;
    text-decoration:none;
}


ul.calendarList li a:hover{
    color:#58595b;
    text-decoration:underline;
}

a.sideListTitle{
    text-decoration:none;
}

.sideListTitle h3{
    margin-bottom:10px;
}


ul.sideList {
    list-style:none;
}

ul.sideList li a{
    color:#58595b;
    text-decoration:none;
}


ul.sideList li a:hover{
    color:#58595b;
    text-decoration:underline;
}


img.eventListImage {
    max-width:200px;
}

.aboutDisplay a h3:hover {
    opacity:.7;
}

.listDisplay h3 {
        margin-bottom:5px;
        margin-top:0;
}

.listDisplay a h3:hover{
    opacity:.7;
}

.listDisplay a {
    text-decoration:none;
}

.row.listDisplay.person {
    margin-top:15px;
}

.listDisplay.person a h3 {
    color:#2548b0;
}

a.seeMore {
    color:#292b75;
    text-decoration:none;
    font-size:1em;
    float:right;
    margin-top:10px;
}

    a.seeMore:hover {
        text-decoration:underline;
    }

h2.listTitle {
    margin-bottom:15px;
}

h3#eventListMessage {
    font-size:1.5em;
    margin-bottom:15px;
}

.dropShadow {
    margin: 0 0 30px 0;
    -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;
}

img.aboutUsPhoto {
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 10px;
    background: #f0f0f0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-bottom:5px;
}

img.homeEventImage {
    width:100%;
}

img.bottomGridPicture {
    width:100%;
}

.supportContent ul{
    margin-top:15px;
    list-style:none;
}
.supportContent ul li {
    display:inline-block;
}

.supportContent ul li a {
    /*color:black;*/
    text-decoration:none;
    padding:10px 15px;
    font-size:1.1em;
}
    .supportContent ul li:after {
    content:"|";
    position:absolute;
    }
    .supportContent ul li:last-child:after{
        content:"";
    }

.supportContent ul li a:hover{
    color:black;
    background-color:#D1D3D4;
}

.friendsContent ul{
    margin-bottom:0;
}
.friendsContent h3{
    margin-top:25px;
}
.resourcesPage p {margin:10px 0;}
.resourcesPage h1 {margin-bottom:25px;}

.resourcesPage h3{color:black;border-bottom:1px solid black;width:70%;margin:20px 0 15px 0;}

.resourcesPage h5{color:black;font-size:1em;text-align:left;}
.resourcesPage ul, .coursesPage ul {
    list-style:none;
    margin-top:15px;
    margin-bottom:15px;
    margin-left:35px;
}

.resourcesPage ul li, .coursesPage ul li{
    margin:10px 0;
}
.resourcesPage ul li:before, .coursesPage ul li:before {
    content:url("/MasterPages/Development/Israel/img/bullet_point_triangle.png");
    padding-right:15px;
}
.resourcesPage ul li a, .coursesPage ul li a {
    font-size:1.17em;
    /*font-weight:bold;*/
    text-decoration:none;
}

.resourcesPage a:hover {
    text-decoration:underline;
}
/************************************
            FOOTER STYLING
************************************/


.footer {
    padding-top:50px;
    padding-bottom:50px;
    background-color:#292b75;
    margin-top:50px;
}

    .footer a {
        color:white;
        text-decoration:none;
    }

        .footer a:hover {
            color:#4E7AFC;
        }


ul.footerLinks {
    list-style:none;
    color:white;
}

    ul.footerLinks li {
        padding:2px 0;
    }

.footerAddress {
    color:white;
    line-height:1.5em;
}

img.footerIcon {
    max-width:45px;
    margin-right:10px;
    margin-bottom:10px;
}

.newsletterSubmit {
    margin-left:0;
}




ul.footerBranding {
    margin-top: 15px;
    margin-bottom: 5px;
}

    ul.footerBranding li {
        display: inline;
        margin-left: 2px;
    }

        ul.footerBranding li a {
            color: #BDBDBD;
            text-decoration: none;
        }

            ul.footerBranding li a:hover {
            }

        ul.footerBranding li:after {
            content: "•";
            margin-left: 6px;
        }

        ul.footerBranding li:last-of-type:after {
            content: none;
        }



/************************************
            PAGING STYLING
************************************/

.digg-pages .current {
    border:none!important;
    background:none!important;
    color:#292b75!important;
    font-style:italic;
}

.digg-pages a{
    border:none!important;
    background:none!important;
    color:#292b75!important;
    font-weight:bold!important;
}

.digg-pages a:hover{
    border:none!important;
    background:none!important;
    color:#292b75!important;
    font-weight:bold!important;
    text-decoration:underline!important;
}


/************************************
            SIDER STYLING
************************************/

.infoBlock {
  position: absolute;
  top:30px;
  right: 10px;
  left: auto;
  max-width: 25%;
  background: #FFF;
  padding-bottom:0;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 15px;
  padding-bottom:0;
  padding-top:7px;
}

@media screen and (max-width:767px) {
    .infoBlock {
        display:none;
    }
}


.infoBlockLeftBlack {
  min-width: 300px;
  max-width: 300px;
  color: #231F20;
  background: white;
  background: rgba(0,0,0,0.60)!important;
  background:none;
  left: 10px;
  right: auto;
  top:66%;
}

.infoBlockLeftBlack h5{
    line-height:1.2em;
    color:white!important;
}

.infoBlockLeftBlack h5 a {
    display:block;
    padding-top:10px;
    text-align:left;
    font-size:.9em;
    color:white!important;
}

.heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 550px !important;
  }

.topImageCaption {
    
}

.topImageCaption h5 {
    text-align:right;
    color:black;
    font-size:.9em;
    font-style:italic;
}

/************************************
         BREADCRUMBS STYLING
************************************/

ul.breadcrumbs {
    border:none;
    background-color:white;
    padding-left:0;
    margin-bottom:0;
}
ul.breadcrumbs li {
    color:black;
}
    ul.breadcrumbs li a {
        text-decoration:none;
        color:black;
    }

    .breadcrumbsLink, .breadcrumbsLink:visited {
        color:black;
        font-size:.8em;
        font-weight:normal;
    }
    .breadcrumbsLink:hover{
        color:black;
    }
    /************************************
         GCSE STYLING
************************************/
   #gcseContainerDiv{
       height:72px;
   }
     input.gsc-search-button-v2{
        height:initial!important;
        width:initial!important;
    }
    .gsc-input-box {
        height:27px!important;
        width:200px!important;
        float:right;
    }
    .gsc-input {
        box-shadow:none!important;
    }
    html>body .gsc-inline-block{
        width:100px!important;
    }
    .gscb_a {
        margin-top:5px;
    }
    #___gcse_0{
        width:300px;
        display:inline-block;
    }
/************************************
         COURSES PAGE STYLING
************************************/

.classList ul {
    margin-left:0;
}

table.tbl-courses tbody tr td{
    padding:10px 0;
}

/*#region Display Pages Styling */



.largeImageSlider {
    margin-bottom:10px;
    width:640px!important;
    /*height:360px!important;*/
    align-items:center;
    margin-left:150px;
}



.largeImageVideo {
    margin-bottom:10px;
}
p.photoCaption{
    margin-top:5px;
}
.articleContent .photoCaption {
    font-size:.9em;
    font-style:italic;
}

.articleContent h3, .eventContent h3 {
color:#1B4889;
}

.eventContent h2.pageHeader {
    margin-bottom:0;
}

.articleContent p {
    margin-bottom:10px;
}
p.abstract {
color:#58595b;
font-size:1.1em;
font-weight:bold;
margin-top:15px;
margin-bottom:20px;
}

.personContent p.abstract {
margin-top:0;
}

.storyPullQuote {
    width: 35%;
    float: right;
    display: block;
    font-size: 1.4em;
    line-height: 1.25;
    font-style: italic;
    color: #325867;
    border-top: 2px solid #e3e5e4;
    border-bottom: 2px solid #e3e5e4;
    margin: 5px;
    padding: 0.5em 10px;
    /*quotes: "\201C""\201D""\2018""\2019";*/
}

p.storyPullQuote:before{
     color: #ccc;
      /*content: open-quote;*/
      font-size: 4em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: -0.4em;
}


/*#endregion */