@import "../../../everest/assets/css/style.min.css";

/* Your CSS code goes here
--------------------------------------------------- */
/* Tsofiya 27/11/2019 : Add .tag , .search style

   Button style in step calculator plugin since styled
   button appear in its page
----------------------------------------------------*/

body {
}

.single h1, .single h2, .single h3, .single h4, .single h5, .single h6,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6,
.category h1, .category h2, .category h3, .category h4, .category h5, .category h6,
.tag h1, .tag h2, .tag h3, .tag h4, .tag h5, .tag h6,
.search h1, .search h2, .search h3, .search h4, .search h5, .search h6 {
    color: #3b3c3b !important;
    font-weight: normal !important;
}

.nav-main .sf-menu li a:focus, .nav-main .sf-menu li a:active {
    outline: 2px dotted black;
}

#sidebar-footer ul li a:focus, div h2 a:focus {
    outline: 2px dotted white;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ul li a:focus, ul li:focus {
        outline: 2px dotted black;
    }

    a:active, a:focus a:hover {
        outline: 2px dotted black !important;
    }

    #sidebar-footer ul li:focus {
        outline: 2px dotted white;
    }
}

.skip-top {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.singe h1, .singe h2, .singe h3, .singe h4, .singe h5, .singe h6,
.page h5 {
    color: black !important;
    font-weight: bold;
}

#sidebar .elementor-element-populated {
    padding-right: 0;
}

#nav_menu-2 {
    padding-right: 20px;
}

.page-id-2612 #breadcrumbs, .page-id-2612 #sidebar {
    display: none;
}

.search #content {
    min-height: 600px;
}

.widget-title span {
    color: black;
    font-weight: normal;
}

#footer .widget-title span {
    color: white;
}

/*----the next lines were written becuase the accessibilty plugin */

.flex-control-paging li a {
    background: #e95045 !important;
}

.pojo-a11y-negative-contrast .container .flex-control-paging li a {
    background: yellow !important;
}

body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .flex-control-paging li a {
    background: yellow !important;
}

body.pojo-a11y-light-background :not(#pojo-a11y-toolbar) .flex-control-paging li a {
    background: #000000 !important;
}


/*----- ort-code-----*/

@font-face {
    font-family: 'OpenSansHebrewCondensed-Regular';
    src: /*url('../../font/OpenSansHebrewCondensed-Regular.woff') format('woff'),*/ url('../../font/OpenSansHebrewCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansHebrewCondensed-ExtraBold';
    src: url('../../font/OpenSansHebrewCondensed-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'OpenSansHebrewCondensed-ExtraBold' !important;
    font-weight: normal;
}

h4 {
    letter-spacing: 1px;
}

.home h4 {
    font-size: 60px !important;
}

p, p span {
    color: #3b3c3b !important;
    font-family: 'OpenSansHebrewCondensed-Regular' !important;
}

a {
    color: #045d5c;
}

.elementor a {
    word-break: break-word;
}

/* for cases there is a span inside a (because span color is set with !important)*/
.elementor a span {
    color: #045d5c !important;
}

h2 a {
    color: #045d5c !important;
}

p a:hover {
    text-decoration: underline;
}

/* Fix main navigation fall when zooming in */
body #header {
    height: auto;
}

#primary a:hover, aside a:hover {
    color: #045d5c !important;;
    text-decoration: underline;
}

body.rtl .media .pull-left {
    margin-left: 0 !important;
}

/*----home-page-----*/
.home.page h1, .home.page h3 {
    color: #ffffff !important;
}

.sf-menu a, .mobile-menu a {
    font-family: OpenSansHebrewCondensed-Regular !important;
}

.sf-menu a, .mobile-menu a span {
    font-size: 20px !important;
}

.sf-menu a, .menu-no-found {
    line-height: 50px !important;
}

.page.home ul li a,
.page ul#menu-main li a {
    font-size: 20px !important; /* override the lower resolutions definition of smaller font in the menu */
}

.navbar-collapse {
    margin-top: 61px !important;
}

.logo-left .nav-main ul [class*="current"] a span {
    color: #3b3c3b;
    font-weight: bold;
}

.elementor-1822 .elementor-element.elementor-element-fe4b034 .elementor-text-editor {
    letter-spacing: 0px;
}

div.elementor-portfolio-item__overlay {
    background-color: hsla(0, 0%, 0%, .5);
}

.elementor-portfolio-item__overlay .elementor-portfolio-item__title {
    color: #d3db2f !important;
    padding: 10px 15px;
    border: 1px solid #d3db2f;
    align-self: center;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 0 !important;
}

body.rtl .small-thumbnail .inbox {
    border-width: 0px !important;
}

.pre-post .media-heading {
    color: #045d5c !important;
    font-size: 40px !important;
    font-family: 'OpenSansHebrewCondensed-ExtraBold' !important;
}

.pre-post .media-body h3 {
    color: #045d5c !important;
}

.pre-post .media-heading a:hover {
    color: #045d5c !important;
}

.pre-post .media-body p {
    font-size: 20px !important;
    font-family: 'OpenSansHebrewCondensed-Regular' !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 0 !important;
}

.pre-post .image-link {
    background-color: #000000 !important;
}

.pre-post .image-link:hover {
    background-color: #000000 !important;
    opacity: 0.45;
}

.pre-post .image-link .overlay-image + .overlay-title figcaption {
    border-color: #d3db2f;
    color: #d3db2f;
    font-family: 'OpenSansHebrewCondensed-Regular' !important;
}

.pre-post .entry-meta {
    margin-top: 0 !important;
}

#primary .boxes .elementor-cta:hover {
    color: #ffffff !important;
    text-decoration: none;
}

#primary .boxes a {
    font-family: 'OpenSansHebrewCondensed-Regular';
    color: #ffffff !important;
}

.entry-date {
    font-family: 'OpenSansHebrewCondensed-Regular' !important;
}

/* Add micro-animations on elements in home page when :focus */
.home .boxes .elementor-column a:focus {
    text-decoration: underline;
}

.home .boxes .elementor-column a:focus .elementor-cta__bg {
    transform: scale(1);
    filter: brightness(100%) contrast(100%) saturate(100%) blur(1.5px) hue-rotate(0deg);
}

.home .boxes .elementor-column a:focus .elementor-cta__content {
    transform: scale(1.1);
}

.home .elementor-post__thumbnail__link:focus .elementor-portfolio-item__overlay {
    opacity: 1;
    transition: opacity .5s;
}

/*-----FOOTER-----*/
#sidebar-footer .textwidget p {
    color: #ffffff !important;
    font-size: 20px !important;
}

#footer a {
    font-size: 17px;
}

#sidebar ul li, #sidebar-footer ul li {
    color: #d3db2f !important;
}

#footer .widget-title span {
    font-size: 20px !important;
    font-family: 'OpenSansHebrewCondensed-Regular' !important;
    letter-spacing: 1px;
}

#footer .widget-title::after {
    border-color: #d3db2f !important;
}

#footer .gallery img {
    width: auto !important;
    margin: 0 !important;
    max-width: 150px;
}

.gallery img:hover {
    opacity: 1 !important;
}

#footer #gallery-1 figure:first-child img {
    max-width: 115px;
}

#footer #gallery-1 figure:nth-child(2) img {
    max-width: 123px;
}

#footer #gallery-1 figure:nth-child(3) img {
    max-width: 147px;
}

#footer #gallery-1 figure:nth-child(4) img {
    max-width: 150px;
}

#footer #gallery-1 figure:nth-child(2) img {
    max-width: 136px;
}

/*---plugin-arrows*/
#pojo-scroll-up {
    background-color: #d3db2f !important;
}

#pojo-scroll-up a {
    color: #045d5c !important;
}

/*-----inside-page-----*/
.page {
    font-size: 17px;
}

#page-header {
    font-size: 60px !important;
    font-family: OpenSansHebrewCondensed-ExtraBold !important;
    letter-spacing: 1px !important;
    font-weight: normal !important;
}

#page-header .title-primary h1 {
    border-style: none !important;
    padding: 90px 0;
    color: #fff !important;
    font-size: 60px !important;
    letter-spacing: 1px !important;
}

#breadcrumbs .separator::before {
    color: #3b3c3b !important;
}

#breadcrumbs a {
    color: #045d5c;
}

#primary #content #main header.container #breadcrumbs,
.woocommerce #breadcrumbs, .woocommerce-page #breadcrumbs,
.single #breadcrumbs, nav.post-navigation {
    font-family: OpenSansHebrewCondensed-Regular !important;
    margin-bottom: 0;
}

.page h3,
.category h3,
.tag h3,
.search h3 {
    color: #3b3c3b;
    font-size: 25px;
    font-weight: normal;
}

.page ul li {
    color: #3b3c3b;
    font-size: 17px;
    font-family: OpenSansHebrewCondensed-Regular;
}

.page .image-link,
.category .image-link,
.tag .image-link,
.search .image-link {
    background-color: rgba(0, 0, 0, .7) !important;
}

.image-link:hover {
    background-color: #000000 !important;
    filter: alpha(opacity=50) !important;
    opacity: 0.7 !important;
}

.page .image-link .overlay-image + .overlay-title figcaption,
.category .image-link .overlay-image + .overlay-title figcaption,
.tag .image-link .overlay-image + .overlay-title figcaption,
.search .image-link .overlay-image + .overlay-title figcaption {
    border-color: #d3db2f !important;
    color: #d3db2f !important;
    font-family: OpenSansHebrewCondensed-Regular !important;
}

.page .entry-excerpt p,
.category .entry-excerpt p,
.tag .entry-excerpt p,
.search .entry-excerpt p {
    font-size: 17px !important;
    line-height: 1.5;
}

.grid-item .inbox:hover {
    border-color: #045d5c !important;
}


/* Add micro-animations on elements inside page when :focus */
article.post .image-link a:focus img {
    transform: scale(1.06);
    opacity: 0.2;
}

article.post .image-link a:focus .overlay-title,
article.post .image-link a:focus .overlay-image {
    opacity: 1;
}


/*---sidebar----*/
.widget-title span {
    font-family: 'OpenSansHebrewCondensed-ExtraBold';
    font-size: 20px;
    letter-spacing: 0.5px;
}

.title-comments, .title-respond, .pb-widget-title, .widget-title::after {
    border-color: #045d5c !important;
}

#sidebar a {
    color: #045d5c !important;
    font-family: OpenSansHebrewCondensed-Regular !important;
    font-size: 17px !important;
    padding-right: 0 !important;
}

.widget_tag_cloud a:hover {
    background: transparent !important;
}


/*------post-single------*/

.single .entry-title {
    color: #3b3c3b;
    font-family: OpenSansHebrewCondensed-ExtraBold;
    font-size: 50px;
}

.single a:hover {
    text-decoration: underline !important;
}

.single h4 {
    font-size: 25px !important;
    letter-spacing: 0px;
}

.single li {
    color: #3b3c3b;
    font-family: OpenSansHebrewCondensed-Regular;
    font-size: 17px;
}

.single p {
    font-size: 17px;
    font-family: OpenSansHebrewCondensed-Regular;
}

/*-----desktop------*/
@media (min-width: 960px) {
    #footer #custom_html-2 {
        width: 24%;
    }

    #footer #nav_menu-2 {
        width: 18%;
    }

    #footer #text-6 {
        width: 27%;
    }

    #footer #media_gallery-2 {
        width: 31%;
    }

    #footer .gallery {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 250px;
        padding-left: 10px;
        margin: -15px 0 0;
    }

    #footer .gallery .gallery-item {
        display: flex;
        align-items: center;
        height: 82px;
        padding: 0;
        width: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sf-menu li a {
        padding: 0 0.9em;
    }
}

/* IE11 doesn't take well to flex-direction: column, so changed to flex-direction: row and added spacing */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #footer .gallery {
        flex-direction: row;
        justify-content: space-between;
    }
}

/*----mobile-----*/
@media (min-width: 320px) and (max-width: 960px) {
    #nav_menu-2 {
        padding-right: 10px;
    }

    .pojo-a11y-toolbar-toggle {
        top: 132px;
    }


    body.rtl #header.logo-left .logo .logo-img, body.rtl #header.logo-left .logo .logo-txt, body.rtl .sticky-header.logo-left .logo .logo-img, body.rtl .sticky-header.logo-left .logo .logo-txt {
        float: left !important;
    }

    body.rtl #header.logo-left .nav-main, body.rtl .sticky-header.logo-left .nav-main {
        width: 100%;
    }


    .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
        background-color: #045d5c !important;
    }

    .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        margin-bottom: 10px;
    }

    .students-products h4, .students-products .elementor-widget-text-editor, .students-products .elementor-widget-button {
        text-align: center;
    }

    .recent-post.media .inbox {
        display: flex;
        flex-wrap: wrap;
    }

    .recent-post.media .pull-left {
        max-width: 100% !important;
    }

    .recent-post.media .media-body {
        text-align: center;
    }

    .single .elementor-section-wrap .elementor-inner-column {
        width: auto;
        margin-right: 10px;
    }

    @media (min-width: 320px) and (max-width: 380px) {
        .page #page-header .page-header-title .title-primary {
            line-height: 1px !important;
        }
    }
}

@media screen and (max-width: 767px) {

    #page-header .title-primary h1 {
        padding: 60px 0;
    }

    .home .pre-post .image-link {
        width: 100%;
    }

    .home .pre-post .image-link img {
        width: 100%;
    }
	
	.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
		margin-left: 0 !important;		
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Override bootstrap.css because we want menu button to show on tablet */
    .navbar-collapse.collapse.collapse {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    /* Make the logo float left so the hamburger button floats right on its own  */
    body.rtl #header.logo-left .logo .logo-img, body.rtl #header.logo-left .logo .logo-txt, body.rtl .sticky-header.logo-left .logo .logo-img, body.rtl .sticky-header.logo-left .logo .logo-txt {
        float: left !important;
    }

    body.rtl #header.logo-left .logo, body.rtl .sticky-header.logo-left .logo {
        float: none !important; /*  !important needed to override parent css */
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    body.rtl #header.logo-left .logo .navbar-toggle, body.rtl .sticky-header.logo-left .logo .navbar-toggle {
        float: right !important;
        margin-top: 32px;
    }

    .navbar-collapse {
        margin-top: 12px !important;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home .pre-post .inbox {
        padding: 0 25px;
    }
}

@media screen and (min-width: 768px) {
    .home .pre-post .image-link {
        max-height: 220px;
    }

    .home .pre-post .inbox {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        text-align: right;
    }

    .home .recent-post.media .pull-left {
        width: 100%;
    }

    .home .pre-post .media-body {
        text-align: right;
    }
	
	.elementor-column-gap-default > .elementor-row > .elementor-column:not(:last-child) > .elementor-element-populated {
		margin-left: 20px !important;
	}
}


/*----- accessibility ------*/
/*Make the font of the accessibility plugin get the same styles in all pages*/
#pojo-a11y-toolbar p,
#pojo-a11y-toolbar span {
    font-family: OpenSansHebrewCondensed-Regular, Arial, sans-serif;
    font-size: 18px;
}

/* Fix for the position:fixed issue in grayscale mode */
/* Override pojo style*/
body.pojo-a11y-grayscale {
    filter: none;
    -webkit-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

/* Apply new filter to other elements*/
body.pojo-a11y-grayscale > * {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}