/*
Theme Name:     Customizr Child - JAG - Tierphysio Rasel
Theme URI:      http://themesandco.com/customizr
Description:    Tierphysio Rasel
Author:         JAG
Template:       customizr-pro
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */

/* Farbe #30b9cd */

/* Font */
@font-face {
    font-family: 'Abel_local';
    src: url('fonts/Abel-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Abel_local' !important;
}

h1, h2, h3, h4, h5 {
	font-family: 'Abel_local' !important;
	color: #fff !important;
}

p, li {
	color: #fff;
}

td {
	align-content: left;
	color: #fff !important;
}

/* Bilder */
.JAG-image-block {
    display: flow-root;
}

.JAG-image-block img {
    height: auto;
    max-width: 100%;
	border: 4px solid #fff !important;
}

.JAG-image-block.JAG-image-left img {
    float: left;
    margin: 0 30px 15px 0;
}

.JAG-image-block.JAG-image-right img {
    float: right;
    display: block;
    margin: 0 0 15px 30px;
}

@media (max-width: 850px) {

    .JAG-image-block.JAG-image-left img,
    .JAG-image-block.JAG-image-right img,
    .JAG-image-block img.alignleft,
    .JAG-image-block img.alignright {
        float: none !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 25px !important;
    }

}

/* Main */
#main-wrapper {
	background: #228593;
	background: linear-gradient(180deg,rgba(76, 135, 139, 1) 0%, rgba(97, 173, 179, 1) 100%);	
}


/* Footer */
.footer__wrapper {
	margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.footer__wrapper .widget > h5 {
    margin-bottom: 0.3 !important;
    padding: 0 !important;
	font-weight: bold;
	color: #4C878B !important;
}

.footer__wrapper .widget__wrapper .widget {
    margin-bottom: 0 !important;
}

.footer__wrapper .widget > p {
    margin-top: 0 !important;
    padding: 0 !important;
	color: #000 !important;	
}

.widget p {
	color: #F0F0F0 !important;	
}

/* Navigation */

.nav__menu {
	font-size: 1.1em;
}

.nav__link:hover {
	color: #4C878B !important;
}

.nav__title::first-letter {
  	font-size: 3em !important;
  	line-height: 1 !important;
  	margin-right: 1px !important;
  	font-weight: 800 !important;
	color: #4C878B !important;
	vertical-align: baseline !important;
}

@-moz-document url-prefix() {
.nav__title:first-of-type:first-letter {
    margin-top: .25em;
  }
}


.nav__link a:hover {
	color: #4C878B !important;
}

.dropdown-menu .nav__title::first-letter {
  	font-size: 1.5em !important;
  	line-height: .65 !important;
  	margin-right: 1px !important;
  	font-weight: bold !important;
	color: #4C878B !important;
	vertical-align: baseline !important;
}

@-moz-document url-prefix() {
.dropdown-menu .nav__title:first-of-type:first-letter {
    margin-top: .25em;
  }
}

/* Überschrift #4C878B*/
.entry-title {
	color: #fff !important;
}

/* Formular */

input, select, textarea {
	width: 100%
}

label {
	font-family: 'Abel_local';
}

input[type="submit"] {
    width: 120px !important;
}

/* Backend */

.editor-styles-wrapper {
	background: #228593;
	background: linear-gradient(180deg,rgba(76, 135, 139, 1) 0%, rgba(97, 173, 179, 1) 100%);	
}