/*
Theme Name: Calluna Child | Shared by VestaThemes.com
Theme URI: http://demo.themetwins.com/calluna/
Description: Child Theme for the Calluna Theme
Version: 3.0.1
Author: Themetwins
Author URI: http://themeforest.net/user/themetwins/portfolio
Template: calluna
Text Domain: calluna-child
*/

/* ==========================================================================
   Your custom styles
   ========================================================================== */

/*removes title subline*/

.menu li a, .nav-menu li a {
    line-height: 1.5rem;
}

.site-header .nav-menu ul li>a:after {
    bottom: 0px;
}

.wpcf7 {
    margin-top: 0;
    padding-top: 0;
}

.top-footer-container {
    padding-bottom: 0;
    padding-top: 40px;
}

.std_map {
    position: relative;
    z-index: 5
}

.std_map .mapImg {
    margin: 0 auto;
    max-width: 1000px;
    position: relative
}

.std_map .mapImg img {
    height: auto;
    width: 100%
}

.std_map .mapImg .markers {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.std_map .mapImg .markers .marker {
    position: absolute;
    z-index: 5
}

.std_map .mapImg .markers .marker>.icon {
    display: none
}

.std_map .mapImg .markers .marker .symbol {
    color: #67605D;
    cursor: pointer;
    font-size: 3em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.std_map .mapImg .markers .marker .symbol .icon {
    background-color: #FFF;
    display: inline-block;
    line-height: 30px;

}

.std_map .mapImg .markers .marker .symbol .icon.icon-bn_mapMarker_active {
    display: none
}

.std_map .mapImg .markers .marker .popUp {
    bottom: 40px;
    display: none;
    padding-bottom: 25px;
    position: absolute;
    right: 0
}

.std_map .mapImg .markers .marker .popUp>div {
    display: table;
    background-color: #FFF;
    border: 1px solid #67605D;
    height: 202px;
    position: relative;
    text-align: center;
    width: 302px
}

.std_map .mapImg .markers .marker .popUp>div>* {
    display: table-row;
    height: 100%;
    width: 100%
}

.std_map .mapImg .markers .marker .popUp>div>*>* {
    display: table-cell;
    vertical-align: middle
}

.std_map .mapImg .markers .marker .popUp>div:after,.std_map .mapImg .markers .marker .popUp>div:before {
    content: '';
    height: 0;
    position: absolute;
    width: 0
}

.std_map .mapImg .markers .marker .popUp>div:before {
    border-left: 40px solid transparent;
    border-top: 40px solid #67605D;
    bottom: -40px;
    right: 15px;
    z-index: 5
}

.std_map .mapImg .markers .marker:hover,.std_map .mapImg.specialized .markers .marker.act {
    z-index: 10
}

.std_map .mapImg .markers .marker .popUp>div>div>div {
    padding: 20px
}

.std_map .mapImg .markers .marker .popUp>div>div>div .logo {
    display: inline-block;
    max-width: 260px
}

.std_map .mapImg .markers .marker .popUp>div>div>div .logo img {
    height: auto;
    width: 100%;
    max-height: 90px
}

.std_map .mapImg .markers .marker .popUp>div>div>div .gettingThere {
    color: #67605D;
    cursor: pointer;
    display: block;
    font-family: Muli,sans-serif;
    font-size: 1.8em;
    margin-top: 20px;
    text-transform: uppercase
}

.std_map .mapImg .markers .marker .popUp>div>div>div .gettingThere:hover,.std_map .mapImg .markers .marker:hover .symbol {
    color: #729AA7
}

.std_map .mapImg .markers .marker .popUp>div>div>div .gettingThere .icon {
    margin-right: 5px
}

.std_map .mapImg .markers .marker .popUp>div:after {
    border-left: 39px solid transparent;
    border-top: 38px solid #FFF;
    bottom: -36px;
    right: 16px;
    z-index: 10
}

.std_map .mapImg .markers .marker img {
    height: 40px;
}

/*map-markers positions*/
.std_map .mapImg .markers .marker.marker_delikatessen {
    left: 30%;
    top: 35%;
}

.std_map .mapImg .markers .marker.marker_weingut {
    left: 36%;
    top: 35%;
}

.std_map .mapImg .markers .marker.marker_dorothee {
    left: 42%;
    top: 35%;
}

.std_map .mapImg .markers .marker.marker_trauttmansdorff {
    left: 30%;
    top: 51%;
}

.std_map .mapImg .markers .marker.marker_schenna {
    left: 30%;
    top: 43%;
}

.std_map .mapImg .markers .marker:hover .symbol .icon.icon-bn_mapMarker {
    display: none
}

.std_map .mapImg .markers .marker:hover .symbol .icon.icon-bn_mapMarker_active {
    display: inline-block
}

.std_map .mapImg .markers .marker:hover .popUp {
    display: block
}

.std_map .mapImg.specialized .markers .marker .symbol {
    color: #D1CFCE;
    cursor: default;
}

.std_map .mapImg.specialized .markers .marker:hover .symbol {
    color: #D1CFCE
}

.std_map .mapImg.specialized .markers .marker.act .symbol,.std_map .mapImg.specialized .markers .marker.act:hover .symbol {
    color: #729AA7
}

.std_map .mapImg.specialized .markers .marker:hover .symbol .icon.icon-bn_mapMarker {
    display: inline-block
}

.std_map .mapImg.specialized .markers .marker.act .symbol .icon.icon-bn_mapMarker,
.std_map .mapImg.specialized .markers .marker:hover .popUp,
.std_map .mapImg.specialized .markers .marker:hover .symbol .icon.icon-bn_mapMarker_active {
    display: none
}

.std_map .mapImg.specialized .markers .marker.act .symbol .icon.icon-bn_mapMarker_active {
    display: inline-block
}

.std_map .mapImg.specialized .markers .marker.act .popUp {
    display: block
}

.std_map .mapImg.specialized .markers .marker.act:hover .symbol .icon.icon-bn_mapMarker {
    display: none
}

.std_map .mapImg.specialized .markers .marker.act:hover .symbol .icon.icon-bn_mapMarker_active {
    display: inline-block
}

.std_map .mapImg.specialized .markers .marker.act:hover .popUp {
    display: block
}

.std_mapLegend>.grid__row.no_spcBottom {
    padding-bottom: 0!important
}

.std_mapLegend>.grid__row.no_spcTop {
    padding-top: 0!important
}

.std_mapLegend .mapLegend {
    *zoom:1}

.std_mapLegend .mapLegend:after,.std_mapLegend .mapLegend:before {
    content: " ";
    display: table
}

.std_mapLegend .mapLegend .map {
    float: left;
    width: 65%
}

.std_mapLegend .mapLegend .map img {
    height: auto;
    width: 100%
}

.std_mapLegend .mapLegend .legend {
    float: right;
    padding-left: 40px;
    width: 35%
}

.std_mapLegend .mapLegend .legend ol,
.std_mapLegend .mapLegend .legend p,
.std_mapLegend .mapLegend .legend td,
.std_mapLegend .mapLegend .legend th,
.std_mapLegend .mapLegend .legend ul {
    font-size: 1.8em
}
@media only screen and (max-width: 1024px) {    
	.small-logo-wrapper img.img-responsive {
		max-height: unset !important;
		max-width: unset;
		height: 30px;
		width: 70px;
		position: relative;
		top: 0;
	}

	.navbar-shrink .small-logo-wrapper img.img-responsive {
		top:24px;
	}

    .std_map .mapImg .markers .marker .symbol {
        font-size:2em;
        height: 30px;
        line-height: 30px;
        width: 30px
    }

    .std_map .mapImg .markers .marker .symbol .icon {
        line-height: 20px
    }

    .std_map .mapImg .markers .marker .popUp {
        bottom: 30px
    }

    .std_map .mapImg .markers .marker .popUp>div {
        height: 102px;
        width: 202px
    }

    .std_map .mapImg .markers .marker .popUp>div:before {
        border-left-width: 30px;
        border-top-width: 30px;
        bottom: -30px
    }

    .std_map .mapImg .markers .marker .popUp>div:after {
        bottom: -26px;
        border-left-width: 29px;
        border-top-width: 28px
    }

    .std_map .mapImg .markers .marker .popUp>div>div>div .gettingThere {
        font-size: 1.6em
    }
}

@media only screen and (max-width: 768px) {
    .std_map>.grid__row {
        display:block!important;
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .std_map .mapImg .markers .marker .symbol {
        font-size: 1.5em;
        height: 20px;
        line-height: 20px;
        width: 20px
    }

    .std_map .mapImg .markers .marker .symbol .icon {
        line-height: 15px
    }

    .std_map .mapImg .markers .marker .popUp,.std_map .mapImg .markers .marker:hover .popUp {
        display: none!important
    }

    .std_map .mapImg .markers .marker.marker_sonnenhof {
        top: 29%
    }

    .std_map .mapImg.specialized .markers .marker.act .symbol {
        cursor: pointer
    }

    .std_mapLegend>.grid__row {
        display:block!important;
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .std_mapLegend .mapLegend .legend,.std_mapLegend .mapLegend .map {
        float: none;
        width: 100%
    }

    .std_mapLegend .mapLegend .legend {
        padding-left: 0;
        padding-top: 20px
    }
}