/*
 Theme Name: SUB Hamburg redesign
 Theme URI: http://www.sub.uni-hamburg.de/
 Description: SUB Hamburg redesign.
 Version: 1.0
 Author: www.effective-webwork.de
 */
 
 /*
----------------------------------------------------------------------
build in: 2015-2016
copyright: KMD Medien GmbH www.kmd.de
----------------------------------------------------------------------
*/


#breadcrumb a, #breadcrumb span {
    white-space: normal !important;
    }

#breadcrumb {
    color: #cfcfcf !important;
    }

#latest_comments a,
#stabi_film a,
#erwerbungsvorschlag a,
#adventskalender a,
#instagram a {
    color: #FFF !important;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(70, 70, 70);
    }
    
#erwerbungsvorschlag img, 
#adventskalender img, {
   width: 100% !important; 
   height: auto;
   }

#facebook ._2p3a,
#facebook ._2zfr {
    width: 100% !important;
    min-width: 0px !important; 
    }
.tabelle a:link {
  color: #990000;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#wp-advent-calendar li {
    color: #990000 !important;
    }
	
#maincontent p,
#maincontent ul {
    margin-bottom: 15px;
    }

.mc_section_blog .mc_col {
    margin-bottom: 0px !important;
    }

.post-title {
    font-weight: bold;
    }

.mc_section img {
    float: auto;
    padding: 0px;
    }

.alignright {
    float: right;
    padding: 0px 0px 30px 30px !important;
    }

.alignleft {
    float: left;
    padding: 0px 30px 30px 0px !important;
    }

.alignnone {
    float: none;
    }

.mc_headlines_blog h2 {
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 54px !important;
    }

.mc_headlines_blog h2 a {
    margin: 0px !important;
    padding: 0px !important;
    }

.mc_section_blog .mc_col {
    border-bottom: 2px solid #D65664;
    margin-bottom: 30px !important;
    padding-bottom: 60px !important;
    }

.nav-links {
    margin-bottom: 60px;
    }

#nav_right ul ul li {
    padding: 10px 0 0 0 !important;
    }

.button_darkgrey {
    padding: 5px 15px !important;
    }

#nav_right ul {
    padding: 30px 0 0 0 !important;
    }

#nav_right ul ul {
    padding: 0px !important;
    }

#nav_right li {
    padding-bottom: 0px !important;
    }
#nav_right  {
    cursor: default;
    background: #787878; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));
    transition: none 1.0s !important;
    -webkit-transition: none 1.0s !important;
    -moz-transition: none 1.0s !important;
	filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; background-color: #fff; border: 1px solid #333;
    }

.timeline {
    max-width: 100% !important;
    }

#jp-relatedposts h3.jp-relatedposts-headline {
    margin: 30px 0px;
    padding: 0px;
    font-size: 22pt;
    font-weight: 400 !important;
    font-family: 'Lato', sans-serif;
    }

#jp-relatedposts h3.jp-relatedposts-headline em {
    font-weight: 400 !important;
    }

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    display: none;
    }

.jp-relatedposts {
    border-top: 2px solid #D65664;
    margin-top: 60px !important;
    padding: 0px !important;
    }

#maincontent a.jp-relatedposts-post-a {
    margin: 0px;
    padding: 0px;
    }

.this_is_facebook {
    border: none;
    overflow: hidden;
    width: 100%;
    height: 250px;
    }

#nav_right .button_grey:hover {
    cursor: default;
    background: #787878; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));
    transition: none 1.0s !important;
    -webkit-transition: none 1.0s !important;
    -moz-transition: none 1.0s !important;
    }

.item_darkgrey {
    background: #2A2A2A; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(30, 30, 30);
    background: linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background: -webkit-linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background: -moz-linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#323232), to(#3C3C3C));
    border-radius: 3px;
    display: block;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(30, 30, 30);
    border: 0;
    }

#nav_right .text-input,
#nav_right form select {
    -moz-box-sizing: border-box;
    border: 1px solid #959595;
    border-radius: 3px;
    box-shadow: 0 3px 0 0 #787878;
    padding: 10px 15px;
    vertical-align: middle;
    width: 50%;
    }

#nav_right .button {
    background: #8E0E1D; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(86, 7, 16);
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(86, 7, 16);
    border: 0px;
    vertical-align: middle;
    }

#nav_right .button:hover {
    background: rgb(141, 13, 28) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

#maincontent .gallery dl.gallery-item {
    float: none !important;
    display: table-cell;
    width: 0% !important;
    }

#maincontent .gallery dl.gallery-item a {
    padding: 0px !important;
    margin: 0px !important;
    }

.gallery-icon {
    width: 100%;
    height: 120px;
    margin-right: 10px;
    }

.gallery-icon img {
    height: 120px;
    width: auto;
    }

/*
----------------------------------------------------------------------
some fixes for extensions
*/

/* jetpack: white empty link as blog element over link */

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay:hover {
    background-color: inherit;
    color: wheat;
    border: 1px solid #fff;
    padding-left: 1px;
    left: -10px;
}

/*
----------------------------------------------------------------------
max 1020px
----------------------------------------------------------------------
*/

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

        img.alignright,
        img.alignleft,
        img.alignnone,
        .alignright img,
        .alignleft img,
	.alignnone img,
        .alignright,
        .alignleft, 
        .alignnone {
            float: none !important;
            height: auto !important;
            width: 100% !important;
            margin: 30px 0 !important;
            padding: 0 !important;
            }
 
        .mc_section a img,
        .mc_section p img {
            float: none !important;
            height: auto !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            }
           
        .mc_headlines_blog h2 {
            font-size: 32px !important;
            line-height: 40px !important;
            }

        .mc_headlines_blog h3 {
            font-size: 18px !important;
            line-height: 24px !important;
            }

        .mc_headlines_blog h3 a,
        #mc_headlines h2 a {
            display: inline-block !important;
	    word-wrap: break-word !important;
            }
         
        .wp-caption {
            width: 100% !important;
            }    

        #maincontent .gallery dl.gallery-item {
            width: 50% !important;
            display: block;
            }

        .gallery-icon {
            width: 100%;
            height: auto;
            margin-right: 0px;
            }

        #gallery-6 .gallery-item {
            margin-top: 0px !important;
            }

        .gallery-icon img {
            height: auto;
            width: 100%;
            }
    }


/*
----------------------------------------------------------------------
max 600px
----------------------------------------------------------------------
*/

@media only screen and (max-width: 600px) {
	.this_is_facebook {
            max-width: 240px;
            }

        #maincontent .gallery dl.gallery-item {
            width: 100% !important;
            }

        #gallery-6 .gallery-item {
            margin-top: 0px !important;
            }
}