/*
Theme Name: Shalom Theme
Author: 
Description: Your description goes here
Version: 1.0
Template: oceanwp

This is the child theme for OceanWP theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

#site-logo{
    margin-top: 10px !important;
    
}

#site-logo #site-logo-inner a img{
    vertical-align: bottom;
}

.menu-link {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    min-width: 102px;
    padding-top: 0.5em !important;
    padding-bottom: 1.3em !important;
    color: #000 !important;
    font-size: 16px !important;
    padding-bottom: 1.7em !important;
    padding: 0.5em 1em;
}

.menu-link:focus {
    outline: solid 0px !important;
}

#site-header-inner {
    padding: 0px 25px 25px 25px !important;
}

#site-header {
    position: fixed !important;
}

#site-navigation-wrap #site-navigation {
    background-image: url(/wp-content/themes/shalom-theme/images/train-line-graphic-1366.svg) !important;
    padding-left: 170px !important;
    padding-top: 25px !important;
    padding-bottom: 35px;
}

#site-navigation-wrap #site-navigation {
    background-color: transparent;
    background-image: url(/wp-content/themes/shalom-theme/images/train-line-graphic.svg);
    background-repeat: no-repeat !important;
    background-size: 100%;
    padding-top: 38px;
    padding-bottom: 35px;
    background-position: left bottom;
    padding-left: 190px;
    max-width: 980px !important;
}

#site-navigation .main-menu .menu-item:before {
    margin-left: 7px;
}

#site-navigation .current_page_item:before{
    content: "";
    background: url(/wp-content/themes/shalom-theme/images/active-nav.svg) !important;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: -45px;
    margin-left: 13px;
    background-repeat: no-repeat !important;
}

#site-navigation .main-menu .menu-item {
    position: relative;
    float: left;
    zoom: 1;
    list-style: none;
}

#site-navigation .main-menu .menu-item:hover:before {
    content: "";
    background: url(/wp-content/themes/shalom-theme/images/hover-nav.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -49px;
    margin-left: -15px;
}

#site-navigation .main-menu .menu-item:before{
    content: "";
    background: url(/wp-content/themes/shalom-theme/images/station-dot-link.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -49px;
    margin-left: -15px;
    transition: background-image 0.3s ease-in;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
}

.menu-item a span{
    font: bold 16px/0.2em "Helvetica Neue", Helvetica, sans-serif;
}

.n2-ss-slider-1.n2_ss__touch_element.n2-ow {
    padding: 1%;
}

div#n2-ss-2 .n2-ss-slider-2 {
    border-radius: 20px !important; 
}

div#n2-ss-3 .n2-ss-slider-2 {
    border-radius: 20px !important; 
}

.error404-content .error-btn {
    background-color: #aa2b25;
        border-radius: 30px;
}

.error404-content .error-btn:hover {
    background-color: #aa2b25 !important;
}

.wp-block-search__button {
   background-color: #aa2b25 !important; 
}

.wp-block-search__button:hover {
    background-color: #aa2b25 !important;
}

.tss-wrapper .tss-layout3 .item-content-wrapper, .tss-wrapper .tss-isotope1 .item-content-wrapper, .tss-wrapper .tss-video1 .item-content-wrapper, .tss-wrapper .tss-carousel3 .item-content-wrapper{
    background: transparent !important;
}

.tss-carousel-main .swiper-pagination-bullet, .tss-carousel .swiper-pagination-bullet, .tss-carousel-main .swiper-pagination-bullet:hover, .tss-carousel-main .swiper-pagination-bullet-active, .tss-carousel .swiper-pagination-bullet:hover, .tss-carousel .swiper-pagination-bullet-active{
    background: #aa2b25 !important;
}

.tss-wrapper .tss-layout3 .item-content-wrapper:before, .tss-wrapper .tss-isotope1 .item-content-wrapper:before, .tss-wrapper .tss-video1 .item-content-wrapper:before, .tss-wrapper .tss-carousel3 .item-content-wrapper:before{
    color: #aa2b25 !important;
}

.tss-carousel-main .swiper-pagination-bullet, .tss-carousel .swiper-pagination-bullet {
    padding: 10px 10px 10px 10px !important;
}

.tss-carousel-main .swiper-pagination-bullet-active, .tss-carousel .swiper-pagination-bullet-active {
    padding: 12px 12px 12px 12px !important;
}