/*
Theme Name: Martina Harather
Theme URI: http://www.haratherapie.at
Description: Main Theme for haratherapie.at
Version: 1.0
Author: Bernhard Stranz
Author URI: http://www.stranz.be
*/
@charset "UTF-8";

/* ====================================================================== */
/* IMPORT RELEVANTE STYLESHEETS */
/* ====================================================================== */
@import url("css/fonts.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

/*@import url("css/jquery.slick.css");
@import url("css/jquery.slick-theme.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("css/jquery.fancybox.css");
@import url("css/uni-form.css"); 
*/
/* ====================================================================== */
/* COLORS
/* ====================================================================== */
/*

YELLOW:	#F2E38C

*/

/* ====================================================================== */
/* RESETS */
/* ====================================================================== */

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */

/* ====================================================================== */
/* STYLES */
/* ====================================================================== */

* {
	margin:0;
	padding:0;
}
    
html, body {
    height:100%;
}

html{
	background-color: #fff;
}

body{
	font: normal 16px 'BasicSans-Regular', sans-serif;
    color:#000;
}

a, a:visited, a:active {
    color:#000;   
}

a[href^="http://"]:after:not(nav#main) {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	padding-left: 3px;
	font-size:10px;
}
a[href^="http://tuerkott.at"]:after, a[href^="http://www.tuerkott.at"]:after, #map_canvas a:after, a.no_icon:after {
	content:"" !important;
	padding-left: 0;
}



/* ====================================================================== */
/* PAGE */
/* ====================================================================== */


#site-wrap {}

aside{
    position: absolute;
    top: 0;
    bottom: 0; 
    left: 0;
	width:360px;
    height: 100%;
}


/* ====================================================================== */
/* CONTENT / SIDEBAR */
/* ====================================================================== */


section#content {
    position: fixed;
    top: 0; 
    left: 360px; /*Set left value to WidthOfFrameDiv*/
    right: 0;
    bottom: 0;
    overflow: auto; 
    background: #fff;
	/* padding:0px 100px 60px 60px; */
	line-height: 1.5;
}

main {	padding:40px 100px 100px 60px; clear:both;}
section#content footer {padding:0px 100px 30px 60px;}
body.error404 section#content footer {position:absolute;bottom:0;}

section#content h1 {
	margin-bottom: 30px;
    padding-bottom:20px;
    font:normal 20px 'BasicSans-Bold',sans-serif;
    text-transform: uppercase;
    border-bottom:2px solid #F2E38C;
}

section#content h2 {
    font:normal 20px 'BasicSans-RegularIt',sans-serif;
    font-weight:normal;
    margin:20px 0;
}

section#content h3 {
    font:normal 20px 'BasicSans-Bold',sans-serif;
}

section#content h2:first-of-type {margin-top:0;}

section#content footer h3 {
    font:normal 20px 'BasicSans-Regular',sans-serif;
    color:#F2E38C;
}

section#content h4 {
    font:normal 16px 'BasicSans-Bold',sans-serif;
}

section#content p {
	margin-bottom: 24px;
}

section#content .wireframe-box {
	background-color:#e2e2e2;
	padding:200px 0;
	text-align: center;
	margin-bottom: 24px;
}

aside{
	background-color:#F2E38C;
}

/* ====================================================================== */
/* NAVIGATION */
/* ====================================================================== */

nav#main {margin:50px 0 0 50px;}
nav#main ul {}
nav#main ul li {list-style: none;}
nav#main ul li a {
    font: normal 20px 'BasicSans-Bold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding:10px 0 10px 0;
    display: block;
    position:relative;
    color:#000;
    transition: color .25s linear;
	-o-transition: color .25s linear;
	-moz-transition: color .25s linear;
    -ms-transition: color 0.25s linear;
	-webkit-transition: color .25s linear;
}
nav#main ul li a:hover, 
nav#main ul li.current-menu-item a {
    color:#fff;
    text-decoration: none;
}

nav#main ul li a:hover:after,
nav#main ul li.current-menu-item a:after {
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10px 9px 0;
    border-color: transparent #ffffff transparent transparent;
    border-style: inset;
    -webkit-transform:rotate(360deg);
    position:absolute;
    right:0px;
    top:15px;
    content:"";
}
/* ====================================================================== */
/* FOOTER */
/* ====================================================================== */

aside footer {
    position:absolute;
    bottom:0;
    left:0;
}

aside footer p {
    float:left; 
    font-size:12px;
    padding:20px 10px 30px 20px;
}

aside footer p:first-child {
    padding-left:50px;   
}

aside footer a {
    text-decoration: none;
}

aside footer:before {
    position:absolute;
    right:-63px;
    top:15px;
    background: url('img/bg_footer_logo.png') left top no-repeat;
    display:inline-block;
    content:"";
    width:50px;
    height:61px;
    z-index:3;
}

#header-logo {
	background:transparent url("img/bg_header_logo.png") no-repeat scroll 0 0;
    background-size:100%;
	display: block;
	width: 250px;
	height: 170px;
	text-indent: -9999px;
    margin:20px auto 0 auto;
}


#galerie { 
    width:100%;
    padding-right:100px;
}

.image {
    background:url('http://placehold.it/300x200/') left top no-repeat; 
    width:33.33%;height:auto;min-height: 200px;
    float:left;
    background-size:cover !important;
    border-right:20px solid #fff;
}

.image:last-child {
    border-right:0;
}

/*****************************************************
COOKIES
*****************************************************/
.cc_container {font-family: "BasicSans-Regular", "Lucida Grande", sans-serif !important;}
.cc_container .cc_message {font-size:1em !important; }
.cc_container .cc_btn, .cc_container .cc_btn:visited {background:#F2E38C !important;color:#000 !important;}
.cc_container a, .cc_container a:visited {color:#000 !important;}

/* ====================================================================== */
/* WORDPRESS */
/* ====================================================================== */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption.alignright {padding: 0 0 20px 20px;}
hr { border: 0; height: 1px; background:#F2E38C;}

section#content ul li {
    list-style: circle;
    margin-left:10px;
    margin-bottom:10px;
}
.lft {
	float:left;
}
.rgt {
	float:right;
}

.trigger {cursor:pointer;}
.trigger:hover {text-decoration:underline;}
.trigger_active {}

#map_canvas {
    width: 100%;
    height: 460px;
    color: #000;
}

#backToTop {
    bottom: 20px;
    color: #646363;
    font-family: 'FontAwesome';
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 50px;
    position: fixed;
    right: 20px;
	text-align:center;
}
#backToTop:hover {color:#f59c00;}
#backToTop i {margin-top:20px;display:block;}

.show_menu_btn {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 30px;
}

a > i.fa,
.trigger > i.fa {
	padding-right:5px;
}

#page-end a {text-transform:uppercase;}
#page-end hr {margin-bottom:20px;}

.single-post-image {
	width:100%;
	height:auto;	
}

.single .col-md-1-1 p:first-of-type {
	font-family: 'BasicSans-RegularIt';	
	font-size: 20px;
	line-height: 130%;
}

.page-template-content-page-half-news h3 {
	margin-bottom:20px;
}

.page-template-content-page-half-news hr {
	margin:20px 0;	
}

.page-template-content-page-half-news .intro {
	font-family: 'BasicSans-RegularIt';	
}

.page-template-content-page-half-news .more-link {
	font:normal 16px 'BasicSans-Bold',sans-serif;
	text-transform:uppercase;	
	text-decoration:none;
}

.page-template-content-page-half-news .more-link:after {
	font-family:'FontAwesome';
	content:"\f18e" !important;
	display:inline-block;	
	margin-left:5px;
	color:#000;
	font-weight:normal;
    transition: all .25s linear;
	-o-transition: all .25s linear;
	-moz-transition: all .25s linear;
    -ms-transition: all 0.25s linear;
	-webkit-transition: all .25s linear;
}

.page-template-content-page-half-news .more-link:hover,
.page-template-content-page-half-news .more-link:hover:after {
	color:#F2E38C;
}


/* ====================================================================== */
/* RESPONSIV */
/* ====================================================================== */

 /* XS */
@media (max-width: 767px) {    
    
    aside {
        position: inherit;
        top:auto;
        bottom: auto;
        left:auto;
        height: auto;
        width:100%;
        padding:20px 0 0 0;
    }
    section#content + footer {
        position:inherit;
        left:auto;
        top:auto;
        bottom:auto;
        right:auto;
        background:#F2E38C;
        width:100%;
        height:auto;
    }
    
    section#content footer {
        display: none;
    }
    
    section#content + footer p:first-child {
        padding:60px 60px 10px 60px;   
    }
    
    section#content + footer p:last-child {
         padding:0 60px 60px 60px;   
    }
    
    main {
        padding: 40px;   
    }
    
    aside footer:before {
        display:none;
    }
    
    section#content {
        position: inherit;
        left:auto;
        top:auto;
        right:auto;
        bottom: auto;
    }
    
    nav#main {margin:0 auto;display:none;}
    nav#main ul li {text-align:center;}
    nav#main ul li a:hover:after,
    nav#main ul li.current-menu-item a:after {
        display:none; 
    }
    
    #header-logo {margin-top:0;}
    
    #galerie {padding:0;}
    #galerie .image {border:0;width:100%;height:auto;}
}

    
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  #header-logo {
      background-image: url(img/bg_header_logo@2x.png);
  }
}