@import url(//www.thi-mederi.de/wp-content/uploads/omgf/local-stylesheet-import-67/local-stylesheet-import-67.css);

/*

Theme Name: Thi Mederi
Theme URI: http://wirliebendesign.com
Description: Maßgeschneidertes Theme für Thi Mederi
Version: 1.0
Author: Grafikstudio Carreira
Author URI: http://wirliebendesign.com

*/

/* CORE */
body {
font-family: 'Source Sans Pro', sans-serif;
color: #000; 
font-size: 1em;
line-height: 140%;
}

a:link		{ color: #000; text-decoration: none; }
a:visited	{ color: #000; text-decoration: none; }
a:hover		{ color: #ff0000; text-decoration: none; }
a:active	{ color: #ff0000; }

a.post-edit-link { font-size: 0.8em; color: white; font-weight: normal; padding: 0px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 30px; right: 30px; opacity: .4; transition: opacity .3s ease; }
a.post-edit-link:hover { opacity: 1; }

a#vc_load-inline-editor { font-size: 0.8em; color: white; font-weight: normal; padding: 2px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 60px; right: 30px; opacity: .2; transition: opacity .3s ease, left .3s ease; } 
a#vc_load-inline-editor:hover { opacity: 1; }


p { margin: 10px 0 10px 0; }

.small { font-size: 0.8em; }

img { border: 0; }

.alignleft	{ padding-right: 10px; float: left; }
.alignright { padding-left: 10px; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.left	{ text-align: left; }
.right	{ text-align: right; }

.clear { clear: both; }

strong { font-weight: bold; }

h1 { font-size: 1.4em; color: #000; font-weight: normal; line-height: 110%; }
h2 { font-size: 1.2em; color: #000; font-weight: normal; line-height: 110%; }
h3 { font-size: 1.0em; color: #000; font-weight: normal; line-height: 110%; }

.small { font-size: 13px; }

.show-for-small { display: none; }

.elastic { position: relative; padding-bottom: 25%; padding-top: 15px; height: 0; overflow: hidden; }
.elastic iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

::-moz-selection { color: red; background: yellow; }
::selection { color: red; background: yellow; }


/* LAYOUT */

#header { }

#sidebar { }

#content { /* min-height: calc(100vh - 535px); */ }

#footer { }


/* INTERIOR */

.postbox { float:left; width: 250px; background: #ddd; }
.postbox:nth-child(1n+1){ margin-left: 20px; }
.postbox:nth-child(3n+1){ clear:left; }
.postbox h2 { padding-bottom: 5px; }
.postbox-img { width: 150px; height: 200px; display: block; }
.postbox-spacer { margin-bottom: 30px !important; margin-right: 30px; }

/* Topbar */
.vc_custom_1507145834588 {margin-top: 0px !important;margin-bottom: 0px !important;background-color: #bce4ff !important;}

/* Footer */
.vc_custom_1487955164031{margin-top: 0px !important;margin-bottom: 0px !important;background-color: #5ac4f2 !important;}
.vc_custom_1487956731643{margin-top: 0px !important;margin-bottom: 0px !important;background-color: #0075c9 !important;}
.vc_custom_1507137108545{margin-top: 0px !important;margin-bottom: 0px !important;background-color: #0f3d5e !important;}

.gaoop { z-index: 9999 !important; }

/* ICONS */
@font-face {
    font-family: 'icomoon';font-display: swap;
    src:    url('//www.thi-mederi.de/wp-content/themes/thi-mederi/fonts/icomoon.eot?2baijw');
    src:    url('//www.thi-mederi.de/wp-content/themes/thi-mederi/fonts/icomoon.eot?2baijw#iefix') format('embedded-opentype'),
        url('//www.thi-mederi.de/wp-content/themes/thi-mederi/fonts/icomoon.ttf?2baijw') format('truetype'),
        url('//www.thi-mederi.de/wp-content/themes/thi-mederi/fonts/icomoon.woff?2baijw') format('woff'),
        url('//www.thi-mederi.de/wp-content/themes/thi-mederi/fonts/icomoon.svg?2baijw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
	margin-right: 10px;
	color: #005584;   
}

.icon-announcement:before {
    content: "\e85a";
}
.icon-phone:before {
    content: "\e0cd";
}
.icon-check:before {
    content: "\e5ca";
}
.icon-markunread:before {
    content: "\e159";
}
.icon-insert_drive_file:before {
    content: "\e24d";
}
.icon-mail_outline:before {
    content: "\e0e1";
}
.icon-map:before {
    content: "\e55b";
}
.icon-ring_volume:before {
    content: "\e0d1";
}
.icon-weekend:before {
    content: "\e16b";
}


/*
* WP-Paginate - WordPress Pagination Function
* Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
* Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
*/
.pages { padding-top: 30px; margin-bottom: 50px; }
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none; margin-left: 0 !important; }
.wp-paginate a {background:#ccc; border:0px solid #ccc; color:#fff; margin-right:4px; padding:10px 10px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#006727; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#006727; border:0px solid #ccc; margin-right:4px; padding:10px 10px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}





/* MEDIA */
@media only screen and (min-width: 960px) and (max-width: 1199px) { }

@media only screen and (min-width: 720px) and (max-width: 959px) { }

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

.hide-for-small { display: none; }
.show-for-small { display: block; }
.container12 { padding-left: 10px; padding-right: 10px; }

}