/*
Theme Name: Hueman Child
Theme URI: https://www.hypnosetherapie.at
Version: 3.7.23
Description: child theme of hueman
Template: hueman
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: hueman
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*
The main css stylesheet of the Hueman theme is located in /assets/front/css/main.css.

The main reason why the main stylesheet of the Hueman theme has been moved to another place is : minification.
Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.

This style.css file provides details about the Theme (in the form of comments above) that is read by WordPress, and therefore cannot be minified.

Note : You can load the not minified stylesheet if you uncheck the option in the customizer > Global Settings > performances
*/


/*
Developers Recommendation
To make it easy to update your theme, you should NOT add your custom css rules to this file. Instead use
a child theme to add your styles. You can copy a style from this file and paste it in the child
theme's style.css and it will override the style in this file. You have been warned! :)

If you don't know what a child theme is, you really want to spend 5 minutes learning how to use child themes in WordPress, you won't regret it :) !
https://codex.wordpress.org/Child_Themes
*/


body {
    color: #111;
    font-family: 'Source Sans Pro', Arial, sans-serif !important;
}
.small {
    font-size: .75em !important;
}
a>span.hu-external::after {
    display: none;
}

/* header logo  
-------------------------------------------------------- */
#header .hu-pad {
    padding-top: 0px;
    padding-bottom: 50px;
}
.site-title a {
	font-size: 40px;    
	font-weight: 600;
	color: #76add2 !important;
}
.site-description {
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	color: #fff;
	float: left;
	clear: both;
	margin-left: 0px;
	line-height: 0px;
	padding: 0px 0;
}
/* page title 
-------------------------------------------------------- */
.content .page-title h2 {
	color:#004a6a;
	text-transform: none;
	font-size: 26px;
	line-height: 1.2em;
}
/* sidebar top left: social  
-------------------------------------------------------- */
.s1 .sidebar-top {
    height: 30px;
}
.s1 .sidebar-top p {
	display: none;
}
/* sidebar top right: image  
-------------------------------------------------------- */
.s2 .sidebar-top {
	display: none;
}
.s2 .widget:first-child {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px !important;
}
.s2 #text-4 {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px !important;
}

/* main menu styles (top menu)  
-------------------------------------------------------- */
#nav-header .nav li a {
	font-size: 16px;
}


/* mobile menu styles (like main menu in left sidebar) 
--------------------------------------------------------- */
#wprmenu_menu_ul li,
#wprmenu_menu_ul li a {
	font-weight: 600; 
	font-size: 16px; 
	text-transform: uppercase; 
	color: #f84035;
	border-bottom: 0px solid transparent;
	border-top: 1px solid #DDD;
}
#wprmenu_menu_ul  .current-menu-item a,
#wprmenu_menu_ul  li a:focus,
#wprmenu_menu_ul  li a:hover {
	color: #004a6a;
}
.mobile-menu .mobile-search {
	display: none !important;
}

/* left sidebar styles  
-------------------------------------------------------- */
.s1 .widget { padding: 20px 30px 10px 30px; }
#nav_menu-9 { padding: 0px 30px 10px 30px; }

/* main left menu different! */
.s1 .widget_nav_menu li a::before {
	display: none !important;
}
.s1 .widget_nav_menu ul#menu-main li { list-style-image: none; }
.s1 .widget_nav_menu ul#menu-main li a { 
	font-weight: 600; 
	font-size: 16px; 
	text-transform: uppercase; 
	color: #f84035;
}

.s1 .widget_nav_menu ul#menu-main .current-menu-item a,
.s1 .widget_nav_menu ul#menu-main  li a:focus,
.s1 .widget_nav_menu ul#menu-main li a:hover {
	color: #004a6a;
}
/* submenu widgets */
.s1 .widget_nav_menu ul#menu-paartherapie,
.s1 .widget_nav_menu ul#menu-mediation,
.s1 .widget_nav_menu ul#menu-hypnosetherapie { padding: 0px 20px !important; }

.s1 .widget_nav_menu ul#menu-paartherapie li,
.s1 .widget_nav_menu ul#menu-mediation li,
.s1 .widget_nav_menu ul#menu-hypnosetherapie li {
	padding: 0px 0px !important;
	list-style-image: url(https://www.hypnosetherapie.at/wp-content/uploads/2017/02/chevron-right.gif);
	line-height: 1.3em;
	margin-bottom: 1em; 
}
.s1 .widget_nav_menu ul#menu-paartherapie li a,
.s1 .widget_nav_menu ul#menu-mediation li a,
.s1 .widget_nav_menu ul#menu-hypnosetherapie li a {
	font-size: 16px;
	font-weight: 400;
	color:#111;
	padding: 0px 0px;
	border-bottom: 0px solid transparent;
}
.s1 .widget_nav_menu ul#menu-paartherapie li.current-menu-item a,
.s1 .widget_nav_menu ul#menu-mediation li.current-menu-item a,
.s1 .widget_nav_menu ul#menu-hypnosetherapie li.current-menu-item a {
	color:#888;
}

/* left widgets sidebar 
-------------------------------------------------------- */
.s1 .textwidget { padding: 30px 0px 0px 0px !important; }


/* audio widget ---------------------------------------------------- not so good because I cannot change colors of play-bar! */
.s1 .widget_smy_audio_widget {
	background-color:#76add2;
	padding: 20px !important;
	margin: 30px 30px !important;
}
.s1 h3.smy_audio_title { 
	text-transform: none; 
	color: #FFF;
	opacity: 0.5;
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 10px;
}
.s1 audio.widefat {
	width: 100% !important;
    display: block
}


/* right widgets sidebar  
-------------------------------------------------------- */
.s2 .wpgmza_widget {
     padding-top: 0px !important; 
}
.s2 a { text-decoration: underline;  }

/* footer bottom  
-------------------------------------------------------- */
#footer-bottom a {
    text-decoration: underline;
}
#copyright h2 { font-size: 26px; color: #76add2 ; }
#copyright h3 { font-size: 16px; color: #ffffff; font-weight: 600; margin-bottom: 20px; line-height: 28px; }
#copyright p { font-size: 15px; color: #aaa; font-weight: 400; line-height: 1.3em;  }

/* content  
-------------------------------------------------------- */
.entry {
    padding-right: 20px;
}
.entry p { font-size: 16px; line-height: 1.6em; font-weight: 400; }
.entry h2 { font-size: 26px; font-weight: 400; margin-top: 1em;}
.entry h3 { font-size: 16px; font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; }
.entry ul li { font-size: 16px; line-height: 1.6em; list-style: circle !important;  font-weight: 400;}


/* Forms */
/* ------------------------------------------------------------ */


/* contact form   
-------------------------------------------------------- */
.wpcf7 label {
    display: block;
    width: 100%;
    margin: 0px 0px !important;
}
.wpcf7 label span {
	color: #f84035;
	font-size: 18px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 select, .wpcf7 textarea {
    margin-top: 5px;
}
.wpcf7 input[type="submit"] {
    font-size: 16px;
    background-color: #004a6a;
}
.wpcf7 input[type="submit"]:hover {
    background-color: #f84035;
}
h3 + .wpcf7 {
	margin-top: 1em;
}

/* checkboxes */
.wpcf7-list-item {
    margin: 0 !important;
}
.wpcf7-checkbox label {
	display: flex;
    align-items: flex-start;
}
input[type="checkbox"] {
    margin: 3px 8px 3px 4px;
}
span.wpcf7-form-control-wrap :not(.wpcf7-radio) .wpcf7-list-item {
	margin: 0;
}

.wpcf7 p span.wpcf7-list-item-label {
	color: #111;
}
.wpcf7 span.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-spinner {
    top: 7px;
}

p.datenschutz {
    margin: 0 0 2em;
    display: flex;
    align-items: flex-start;
}
p.datenschutz .wpcf7-form-control-wrap {
    width: auto;
    margin: 0;
}
span.wpcf7-form-control-wrap :not(.wpcf7-radio) .wpcf7-list-item {
	margin: 0;
}

p.datenschutz .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance {
}
p.datenschutz .wpcf7-form-control-wrap + span {
    font-size: 14px;
    font-weight: 700;
    color: #444;
}
p.datenschutz .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid:before {
    content:'!';
    font-weight: 700;
    color: #c00;
    left: -6px;
    position: absolute;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border-color: #f84035 !important;
}
.wpcf7 form .wpcf7-response-output {
    border: none !important;
    padding: .6em 1.2em !important;
    margin-top: 1em !important;
	font-size: 16px;
    line-height: 1.3em;
	color: #004a6a;
	font-weight: bold;
    display: inline-block;;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: #f84035;
    color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #50b850;
    color: #fff;
    margin-top: -1em !important;
}





@media screen and (max-width: 767px) {
.textwidget img {
	width: 100%;
    height: auto;
margin: 0px;
}
.s1 .widget_smy_audio_widget {
    margin: 0px 0px !important;
}
.s1 audio.widefat {
	width: 100% !important;
	height: auto;
	overflow: visible;
	display: block !important;
	margin: 0px;
	}
}
@media screen and (max-width: 767px) {
.site-description {
    display: block !important;
}
}


/* Google Maps (iframe)
-------------------------------------------------------- */
.textwidget iframe {
	width: 100%;
	height: 300px;
}


/* Cookie Consent
-------------------------------------------------------- */
.cmplz-blocked-content-container .cmplz-blocked-content-notice {
    width: 80% !important;
    border: 0 !important;
    line-height: 1.2em !important;
}

.cc-revoke,.cc-window{
    font-family:'Source Sans Pro', Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height:1.4em !important;
}
#cc-window a.cc-btn {
    text-decoration: underline !important;
    border: none !important;
}
#cc-window a.cc-btn:hover {
    text-decoration: none !important;
}
#cc-window a.cc-btn.cc-accept-all {
    text-decoration: none !important;
}
#cc-window a.cc-btn.cc-accept-all:hover {
    background-color: #f84035 !important;
}
    
@media screen and (max-width: 469px) {
    #cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-save {
        margin-top: 0 !important;
    }
}