/*
 * =======================================================================================
 *
 *	Theme Name:   Beth Shalom
 *	Theme URI:    http://www.beth-shalom.de
 *
 *	Description:
 *
 *	Author:       INTERPAGEmedia
 *	Author URI:   http://www.interpage.de
 *
 *	Version:      1.0
 *
 * =======================================================================================
 */





/*######################################################################################*/
/*	NORMAL DESKTOP VIEW
/*######################################################################################*/

/*======================================================================================*/
/*	General
/*======================================================================================*/

* {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    margin: 0px auto;
    background: #fff;
    text-align: center;

    color: #444;
    font-size: 100%;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}


/*======================================================================================*/
/*	Fonts
/*======================================================================================*/

/* lato-300 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 300;
src: url('fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: url('fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: url('fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}


/*======================================================================================*/
/*	Text Formats, Images, Videos and Others
/*======================================================================================*/

/* Headlines */
h1 {color: #4F86C4; font-size: 1.4rem; font-weight: normal; line-height: 120%; margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid #4F86C4;}

h2 {color: #444; font-size: 1.2rem; font-weight: normal; line-height: 120%; margin: 0 0 25px 0;}

aside h2 {color: #4F86C4; font-size: 1.4rem; font-weight: normal; line-height: 120%; margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid #4F86C4;}


/* Absatz */
p {margin: 0 0 25px 0;}


/* Auflistungen */
article ul {
    margin: 0 0 25px 15px;
    list-style: square;
}

article ol {
    margin: 0 0 25px 15px;
}

article ul ul,
article ul ol,
article ol ul,
article ol ol {
    margin: 10px 0 10px 0;
}

article li {
    margin: 0 0 5px 0;
}


/* Hyperlinks */
article a:link {color: #4F86C4; text-decoration: none;}
article a:hover {color: #4F86C4; text-decoration: underline;}
article a:active {color: #4F86C4; text-decoration: underline;}
article a:visited {color: #4F86C4; text-decoration: none;}

aside a:link {color: #4F86C4; text-decoration: none;}
aside a:hover {color: #4F86C4; text-decoration: underline;}
aside a:active {color: #4F86C4; text-decoration: underline;}
aside a:visited {color: #4F86C4; text-decoration: none;}


/* verlinkte Bilder */
a img {
    border: none;
}


/* Horizontale Linie */

hr {
    border: 0;
    padding: 0;
    height: 1px;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #dadada;
}


/* Text-Markierung */
::selection {background: #4F86C4; color: #fff;}
::-moz-selection { background: #4F86C4; color: #fff;}


/* Bild-Ausrichtungen */
img.alignleft {
    float: left;
    margin: 0 25px 25px 0;
}

img.alignright {
    float: right;
    margin: 0 0 25px 25px;
}

img.aligncenter {
    margin: auto;
    display: block;
}


/* Bild-Gr��enverh�ltnisse */
img.size-full,
img.size-large {
    width: 100%;
    height: auto;
}

img.size-medium {
    width: 50%;
    height: auto;
}

img.size-thumbnail {
    width: 25%;
    height: auto;
}

/* Videos responsive einbinden */

.video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-block iframe, .video-block object, .video-block embed, .video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/*======================================================================================*/
/*	Forms
/*======================================================================================*/

form {
    margin: 0;
    padding: 0;    
}

    fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }
    
        legend {display: none;}
        
        label  {display: block;}
        
        
        /* Input fields */
        select,
        textarea,
        input[type=text],
        input[type=email],
        input[type=password] {
            border: none;
            width: calc(46% - 2px);
            padding: 6px 2% 6px 2%;
            background: #fff;
            border: 1px solid #dadada;

            color: #444;
            font-size: 0.9rem;
            font-weight: 400;
            font-family: 'Lato', sans-serif;
        }
        
        select {
            width: calc(50% - 2px);
        }
        
        textarea {
            height: 150px;
            overflow: auto;
        }
        
        select:focus,
        textarea:focus,
        input[type=text]:focus,
        input[type=email]:focus,
        input[type=password]:focus {
            border: 1px solid #4F86C4;
        }
        
        /* Buttons */
        input[type=submit],
        button[type=submit] {
            border: none;
            cursor: pointer;
            padding: 6px 20px 6px 20px;
            background: #4F86C4;

            color: #fff;
            font-size: 0.9rem;
            font-weight: 400;
            font-family: 'Lato', sans-serif;            
        }
        
        input[type=submit]:hover,
        button[type=submit]:hover {
            background: #78AFF0;
        }
        
        input[type=submit]:active,
        button[type=submit]:active {
            background: #4F86C4;
        }



/*======================================================================================*/
/*	Site Structure
/*======================================================================================*/


/*  Header Area ------------------------------------------------------------------------*/

header {
    position: relative;
    width: 100%;
    margin: 0px auto;
    text-align: left;
    max-width: 1100px;
    display: inline-block;
}


    #logo {
        float: left;
        max-width: 330px;
        max-height: 65px;
        margin: 40px 0 0 0;
        padding: 0 3.636% 0 3.636%;
    }

        #logo img {
            width: 100%;
            height: auto;
        }


    /* ---------- Sprachweiche ---------- */

    nav#lang {
        float: right;
        margin: 45px 0 0 0;
        padding: 0 3.636% 0 0;
    }

        nav#lang ul {
            float: right;
            list-style: none;
        }

            nav#lang ul li {
                float: left;
            }

                nav#lang ul li a {
                    float: left;
                    display: block;
                    margin: 0 10px 0 0;

                    color: #444;
                    font-size: 0.8rem;
                    text-decoration: none;
                }


    /* ---------- Menu Buttons ---------- */

    div.menu-open,
    a.menu-close {
        display: none;
    }


    /* ---------- Hauptnavigation ---------- */

    nav#main {
        float: left;
        width: 92.728%;
        margin: 40px 0 0 0;
        padding: 0 3.636% 0 3.636%;
    }

        /* 1st Level */
        nav#main ul {
            float: left;
            width: 100%;
            list-style: none;
        }

            nav#main ul li {
                float: left;
            }

                /* Standard Link */
                nav#main ul li a {
                    float: left;
                    display: block;
                    margin: 0 15px 0 0;
                    padding: 0 15px 5px 0;
                    border-right: 1px solid #dadada;

                    color: #444;
                    font-size: 1rem;
                    text-decoration: none;
                }

                /* Last Child in List */
                nav#main ul li:last-child a {
                    border-right: none;
                }

                /* MouseOver and Active Effect */
                nav#main ul li a:hover,
                nav#main ul li.current-menu-item > a,
                nav#main ul li.current-menu-ancestor > a,
                nav#main ul li.current-page-ancestor > a  {
                    color: #4F86C4;
                }

        /* 2nd Level */
        nav#main ul li ul {
            display: none;
        }

        nav#main ul li:hover ul {
            position: absolute;
            z-index: 1000;
            display: block;
            width: 200px;
            background: #fff;
            padding: 10px 0 0 0;
            margin: 20px 0 0 -15px;
        }

            nav#main ul li ul li {
                width: 100%;
            }

            nav#main ul li ul li:first-child a {
                display: none;
            }

                nav#main ul li ul li a {
                    width: 170px;
                    background: #eee;
                    border-right: none;
                    padding: 10px 15px 10px 15px;
                    border-bottom: 1px solid #dadada;

                    font-size: 0.9rem;
                }

        /* 3rd Level */
        nav#main ul li ul li ul {
            display: none;
        }



/*  Cover Images Area ------------------------------------------------------------------*/

section#covers {
    position: relative;
    width: 100%;
    text-align: left;
    background: #4F86C4;
    padding: 0 0 40px 0;
    display: inline-block;
    margin: 40px auto 0 auto;
    border-top: 8px solid #dadada;
    border-bottom: 8px solid #dadada;
}

    #cover-images {
        width: 100%;
        margin: 0px auto;
        max-width: 1100px;

    }

        #cover-images img {
            width: 100%;
            height: auto;
            display: block;
            max-height: 200px;
        }


    /* Simple Responsive Slider - Plugin anpassungen */

    .rslides_container {
        margin: 0 !important;
    }

        .rslides_container img {
            max-height: 300px !important;
        }

        .rslides_nav {
            margin-top: -30px !important;
        }


/*  Main Content Area ------------------------------------------------------------------*/

section#main-content {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #fff;
    text-align: left;
    max-width: 1100px;
    display: inline-block;
    margin: -30px auto 0 auto;
}

    #content-wrapper {
        float: left;
        width: 92.728%;
        background: #fff;
        padding: 50px 3.636% 25px 3.636%;
        outline: 1px solid #dadada;
    }


        /* ----------- Unternavigation ---------- */

        nav#sub {
            float: left;
            width: 19.60%;
            margin: 0 3.636% 0 0;
        }

            nav#sub.login-menu span {
                color: green;
                font-weight: 700;
                font-size: 0.8rem;
                display: block;
                margin: 0 0 7px 0;
            }

            /* 1st Level */
            nav#sub ul {
                width: 100%;
                list-style: none;
            }

                /* Standard Link */
                nav#sub ul li a {
                    float: left;
                    width: 100%;
                    display: block;
                    padding: 7px 0 7px 0;
                    border-bottom: 1px solid #dadada;

                    color: #444;
                    font-size: 0.9rem;
                    text-decoration: none;
                }

                nav#sub ul li:first-child a {
                    border-top: 1px solid #dadada;
                }

                /* MouseOver and Active Effect */
                nav#sub ul li a:hover,
                nav#sub ul li.current-menu-item > a,
                nav#sub ul li.current-menu-ancestor > a,
                nav#sub ul li.current_page_item > a  {
                    color: #4F86C4;
                }

                /* Logout Link */
                a.logout:after {
                    position: relative;
                    float: right;
                    width: 16px;
                    height: 16px;
                    content: "";
                    margin: 2px 6px 0 0;
                    background: url(img/icon-logout.png) no-repeat;
                    background-size: 16px 16px;
                }


            /* 2nd Level */
            nav#sub ul li ul {
                display: none;
            }


        article {
            float: left;
            width: 76.754%;

            font-size: 0.9rem;
            line-height: 140%;
        }

        article:first-child {
            width: 100%;
        }

        article#start {
            width: 76.754% !important;
        }

        aside {
            float: right;
            width: 19.60%;
            margin: 0 0 0 3.636%;

            font-size: 0.9rem;
            line-height: 140%;
        }



/*  Footer Area ------------------------------------------------------------------------*/

footer {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #78AFF0;
    padding: 40px 0 20px 0;
    margin: -20px auto 0 auto;
}

    #footer-wrapper {
        width: 92.728%;
        max-width: 1020px;
        margin: 0px auto;
        text-align: left;
        display: inline-block;
        padding: 0 3.636% 0 3.636%;

        color: #fff;
        font-size: 0.8rem;
        line-height: 140%;
    }

        #copy {
            float: left;
        }


        /* ---------- Fussnavigation ---------- */

        nav#footer {
            float: left;
        }

            nav#footer ul {
                float: left;
                width: 100%;
                list-style: none;
            }

                nav#footer ul li {
                    float: left;
                }

                    nav#footer ul li a {
                        float: left;
                        display: block;
                        margin: 0 0 5px 10px;
                        padding: 0 0 0 10px;
                        border-left: 1px solid #fff;

                        color: #fff;
                        text-decoration: none;
                    }

                    nav#footer ul li a:hover {
                        text-decoration: underline;
                    }



/*######################################################################################*/
/*	MOBILE VIEW (ab 900 Pixel)
/*######################################################################################*/

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

/*  Header Area ------------------------------------------------------------------------*/

nav#main ul li {
    width: 50%;
}

nav#main ul li:hover ul {
    display: none;
}

nav#main ul li a {
    width: 100%;
    padding: 10px 0 10px 0;
    border-right: none;
    border-bottom: 1px solid #dadada;
}


/*  Main Content Area ------------------------------------------------------------------*/

nav#sub {
    width: 100%;
    margin: 0 0 40px 0;
}

article,
article#start {
    float: left;
    width: 100% !important;
}

aside {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}


/*  Footer Area ------------------------------------------------------------------------*/

nav#footer {
    width: 100%;
    margin: 10px 0 0 0;
}

    nav#footer ul li:first-child a {
        margin: 0 0 5px 0;
        padding: 0;
        border-left: none;
    }


}/* <-- ##### END MEDIA ##### */




/*######################################################################################*/
/*	MOBILE VIEW (ab 600 Pixel)
/*######################################################################################*/

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

/* Bild-Gr��enverh�ltnisse */
img.size-full,
img.size-large {
    width: 100%;
    height: auto;
}

img.size-medium {
    width: 100%;
    height: auto;
}

img.size-thumbnail {
    width: 50%;
    height: auto;
}

/* Formulare */

select,
textarea,
input[type=text],
input[type=email],
input[type=password] {
    width: calc(96% - 2px);
}


/*  Header Area ------------------------------------------------------------------------*/

#logo {
    margin: 70px 0 0 0;
}


nav#lang {
    margin: 75px 0 0 0;
}


/* ---------- Menu buttons ---------- */

div.menu-open {
    position: absolute;
    top: 0;
    left: 0;
    width: 92.728%;
    padding: 10px 3.636% 5px 3.636%;
    display: block;
    cursor: pointer;

    color: #444;
    font-size: 1.1rem;
    text-transform: uppercase;
}

div.menu-open:before {
    float: left;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    margin: 2px 8px 0 0;
    background: url(img/icon-menu.png) no-repeat;
    background-size: 16px 16px;
}


a.menu-close {
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #dadada;

    color: #fff;
    font-style: italic;
    text-decoration: none;
}

a.menu-close:before {
    float: left;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    margin: 4px 8px 0 0;
    background: url(img/icon-menu-close.png) no-repeat;
    background-size: 16px 16px;
}


nav#main ul li a.has-sub:after {
    float: right;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    margin: 6px 10px 0 0;
    background: url(img/icon-menu-down.png) no-repeat;
    background-size: 16px 16px;
}


/* ---------- Hauptnavigation ---------- */

nav#main {
    position: absolute;
    top: 0 !important;
    margin: 0;
    left: -100%;
    z-index: 1000;
    background: rgba(79, 134, 196, 0.9);
}

    nav#main ul li {
        width: 100%;
    }

        nav#main ul li a {
            color: #fff;
        }

        nav#main ul li:last-child a {
            border: none;
        }

        nav#main ul li a:hover {
            color: #fff;
        }

        nav#main ul li.current-menu-item > a,
        nav#main ul li.current-menu-ancestor > a {
            color: #fff;
            font-weight: 700;
        }


    nav#main ul li:hover ul {
        position: inherit;
        margin: 0;
        padding: 0;
        width: 100%;
        background: none;
    }

    nav#main ul li ul li a {
        width: 92.728%;
        background: transparent;
        padding: 10px 3.636% 10px 3.636%;
    }

    nav#main ul li ul li:first-child a {
        display: block;
    }

    nav#main ul li ul li:last-child a {
        border-bottom: 1px solid #dadada;
    }



/* ---------- Sprachweiche ---------- */

nav#lang {
    position: absolute;
    z-index: 2000;
    top: 0;
    right: 0;
    margin: 8px 0 0 0;
}

    nav#lang ul {
        float: left;
    }



/*  Cover Image Area -------------------------------------------------------------------*/

a.rslides_nav {
    display: none;
}



/*  Main Content Area ------------------------------------------------------------------*/

nav#sub {
    display: none;
}

nav#sub.login-menu {
    display: block !important;
}

article {
    width: 100%;
    margin: 0;
}



/*  Footer Area ------------------------------------------------------------------------*/

nav#footer ul li {
    width: 100%;
}

    nav#footer ul li a {
        width: 100%;
        margin: 0;
        padding: 6px 0 6px 0;
        border-left: none;
        border-bottom: 1px solid #fff;
    }

    nav#footer ul li:first-child a {
        margin: 0;
        padding: 6px 0 6px 0;
    }

}/* <-- ##### END MEDIA ##### */