/*
Theme Name: A Magazine
Theme URI:
Author: shivashankerbhatta
Author URI: https://profiles.wordpress.org/shivashankerbhatta/profile/
Description: A Magazine is a child theme of Elegant Magazine. The theme has modified main banner section and featured news section. Furthermore, it is coming with different font, various color and background color changes.  It is typically designed for a blog, fashion news portal and magazine with an immense research on contemporary online newspapers. With the help of parent customizer options along with widgets, you can implement layouts as a trending news journals, modern fashion magazine, travel blogging & magazine, clean and minimal news sites, blogging site and even more. The theme is SEO friendly with optimized codes and awesome supports.
Template: elegant-magazine
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: a-magazine
Tags: news, blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments
*/

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,
body button,
body input,
body select,
body optgroup,
body textarea {
    font-family: 'Lato', sans-serif;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .main-navigation a,
body .font-family-1,
body .site-description,
body .trending-posts-line,
body .widget-title,
body .em-widget-subtitle,
body .grid-item-metadata .item-metadata,
body .af-navcontrols .slide-count,
body .figure-categories .cat-links,
body .nav-links a {
    font-family: 'Lato', sans-serif;
}

body .offcanvas-menu span,
body .data-bg,
body .primary-color {
    background-color: #606060;
}

body{
    color: #606060;
}

body .secondary-color,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .site-content .search-form .search-submit,
body .site-footer .search-form .search-submit,
body .figure-categories-bg .cat-links a,
body .tagcloud a:hover{
    background: #6c7e96;
}



body a:hover,
body a:focus,
body a:active,
body .figure-categories-2 .cat-links a,
body .elegant_magazine_single_col_categorised_posts .figure-categories .cat-links a,
body .categorised-article-list .figure-categories .cat-links a,
body .elegant_magazine_express_col_categorised_posts .em-express-article-lists .figure-categories .cat-links a {
    color: #d6210b;
}

a{
    color: #1b1b1b;

}

a:visited {
    color: #1b1b1b;
}

.top-masthead, .top-masthead a {
    color: #d2d2d2;

}

.top-masthead a:visited{
    color: #d2d2d2;
}


.top-masthead a:hover{
    color: #ffffff;
}

.site-footer a:visited {
    color: #ffffff;
}





.af-tabs.nav-tabs > li.active > a,
.af-tabs.nav-tabs > li:hover > a,
.af-tabs.nav-tabs > li:focus > a{
    color: #1b1b1b;
}

.social-widget-menu ul li a,
.em-author-details ul li a,
.tagcloud a {
    border-color: #0c5e87;
}



body h1,
body h2,
body h2 span,
body h3,
body h4,
body h5,
body h6 {
    color: #3e3e3e;
}


.article-title, .site-branding .site-title, .main-navigation .menu ul li a, .slider-figcaption .slide-title {
    letter-spacing: 0;
    line-height: 1.3;
}

article.archive-layout-grid{
    padding-left: 1px;
    padding-right: 1px;

}

article.archive-layout-grid .spotlight-post{
    margin-bottom: 0;
}

body #primary .widget .article-title.article-title-2,
.em-latest-post-carousel .slider-figcaption .slide-title-1{
    font-size:18px;
}

.figure-categories-bg .em-post-format{
    background: #9e9e9e;
    font-size: 12px;
    padding: 2px;
}
.em-post-format{
    color: #9e9e9e;
}

body .slider-figcaption-1 .slide-title a {
    box-decoration-break: clone;
    -webkit-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.75), -10px 0 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.75), -10px 0 0 rgba(255, 255, 255, 0.75);
    -ms-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.75), -10px 0 0 rgba(255, 255, 255, 0.75);
    -o-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.75), -10px 0 0 rgba(255, 255, 255, 0.75);
    box-shadow: 10px 0 0 rgba(255, 255, 255, 0.75), -10px 0 0 rgba(255, 255, 255, 0.75);
}

body .slider-figcaption-1 .slide-title a, body .slider-figcaption-1 .slide-title a, body .grid-item-metadata-1 {
    background: rgba(255, 255, 255, 0.75);
}

body .slider-figcaption-1 .slide-title a {
    background: rgba(255, 255, 255, 0.75);
}

.slider-figcaption-1 .slide-title a, .grid-item-metadata-1, .slider-figcaption a {
    color: #000000;
}

.full-section-slider .data-bg-slide {
    height: 520px;
}

.full-section-slider .banner-half {
    border-width: 1px 1px 1px 0;

}

.full-section-slider .no-gutter-col {
    margin-bottom: 20px;
}

@media (min-width: 1600px) {

    .full-section-slider .data-bg-slide {
        height: 660px;
    }

}

@media only screen and (min-width: 992px) {
    .full-section-slider .no-gutter-col:nth-child(2),
    .full-section-slider .no-gutter-col:nth-child(6),
    .full-section-slider .no-gutter-col:nth-child(10),
    .full-section-slider .no-gutter-col:nth-child(14),
    .full-section-slider .no-gutter-col:nth-child(18) {
        border-left-width: 1px;
    }
}
#content {
    margin-bottom: 0px;
}
#primary {
    /*margin-top: -30px*/
}
.masthead-banner .custom-logo-link {
    margin: 0 -15px;
}
.navigation-container {
    margin: 0 -15px;
}

.masthead-banner {
    padding: 0px;
}
#plz_filter {
    padding-top: 30px;
}
.masthead-banner .col-md-12 {
    background-color: #ffffff;
}
.masthead-banner .site-branding {
    padding: 20px
}
#site-navigation {
    margin-bottom: 1px
}
.navigation-container {
    border: none;
    border-top: 5px solid #57637d;
}
@media (min-width: 500px) {
    table .vertretungen {
        width:140px;
        padding-right: 20px
    }

    table .vertretungen img {
        width:120px;
    }
}
@media (min-width: 992px) {

    /*    #site-navigation {
            margin-bottom: 0px;
            position: absolute;
            left: 50%;
            top: -52px
        }*/
    #site-navigation {
        width: 940px;
        margin: 0 auto 1px auto;

    }

    /*    #site-navigation .container {
            position: relative;
            left: -50%;
        }*/
    .masthead-banner {
        padding-top: 50px;
    }
    .masthead-banner .col-md-12 {
        background-color: #ffffff;
    }
    .masthead-banner .site-branding {
        padding: 20px
    }
    .main-navigation .container {
        width: 940px;
    }
    #primary-menu .menu-item {
        height: 43px;
    }
    footer {
        width: 940px;
        margin: auto;
    }
    .secondary-footer .container {
        width: 940px;
    }

    #plz_filter {
        padding-top: 0px;
    }

    .masthead-banner .container {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    #site-navigation {
        width: 949px;
        margin: 0 auto 1px auto;

    }
    footer {
        width: 949px;
        margin: auto;
    }
    .secondary-footer .container {
        width: 949px;
    }
    .main-navigation .container {
        width: 949px;
    }
    
}

#plz_filter {
    z-index:1;
    color:#e5a42c;
    font-size: 13px;
    font-weight: bold;
}
#plz_filter input[type="submit"]{
    color:#fff;
    font-size: 13px;
    font-weight: bold;
    background-image:url(images/submit.jpg);
    height:28px;
    float:right;
    border:0;
    padding:5px 10px;
}
#plz_filter input[type="text"]{
    position:relative;
    height:28px;
    font-family: verdana, sans-serif;
    font-size: 14px;
    margin-left:125px;

}
.main-navigation .menu ul.menu-desktop > li > a {
    padding: 11px;
}
.plz-page .post {
    background-color: #fff;
}

body.custom-background {
    background-repeat: repeat-x !important;
    background-color: #cccccc;
}
.site-footer {
    padding-top: 0px;
    background-image: url(images/footer.jpg);
    background-repeat: repeat-x;
    background-color: transparent;
}
.secondary-footer {
    padding: 0px;
    text-align: right;
}
.site-footer, .site-footer a, .site-footer a:visited {
    color: #6c7e96;
}

.site-content .site-main .widget-title span, 
#primary .af-tabs.nav-tabs > li > a, 
.archive .site-content .header-title-wrapper .page-title, 
.search-results .site-content .header-title-wrapper .page-title, 
header.entry-header h1.entry-title {
    text-transform: none;
    font-size: 24px
}
.widget-title, .main-navigation .menu ul li a {
    text-transform: none;
}
.widget-title {
    text-align: center;
    margin-bottom: 0px;
}
@media (max-width: 500px) {
    .plz-page table { 
        display: block;
    }
    .plz-page tr {
        border: 2px solid #cccccc;
    }
    .plz-page td:last-child {
        padding: 0 100px;
    }
    .plz-page td { 
        display: block; 
        padding: 10px;  
        border: none; 
    }
    .plz-page td img { 
        display: block;
        margin: 0; 
        width: 100%;
        max-width: none; 
    }
    table .vertretungen img {
        margin-bottom: 10px
    }
}
/* Fix um Whitespace rechts auf Mobile zu verhindern. */
@media only screen and (max-width: 640px) {
    .site-branding .site-title {
        font-size: 24px;
    }
}
.zoom-image {
    transition: 1s;
    cursor: zoom-in;
    max-width: 74px; 
}
.zoom-image:hover{
    transform: scale(3.0, 3.0);
}