/*
Theme Name: Argu Child (Fixes by Maple Marketing)
Theme URI: http://useful-pixels.com/
Description: Creative Theme
Version: 1.1
Author: Useful Pixels
Author URI: http://useful-pixels.com/
Template: argu
*/

@import url("../argu/style.css");

/* Custom Font für ABR Bäderstudio*/

body {
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.51020408;
    color: #363636;
    background-color: #fff;
	font-weight: 300;
}

@font-face {
	font-family:'Roboto';
	src:url('/wp-content/themes/argu/fonts/Roboto-Light.woff2') format('woff2');		
    font-weight:300;
    font-style:normal;
}

@font-face {
	font-family:'Roboto';
	src:url('/wp-content/themes/argu/fonts/Roboto-Light.woff') format('woff');	
    font-weight:300;
    font-style:normal;
}


@font-face {
	font-family:'Roboto';
	src:url('/wp-content/themes/argu/fonts/Roboto-Regular.woff2') format('woff2');	
    font-weight:400;
    font-style:normal;
}

@font-face {
	font-family:'Roboto';
	src:url('/wp-content/themes/argu/fonts/Roboto-Regular.woff') format('woff');			
    font-weight:400;
    font-style:normal;
}

@font-face {
	font-family:'Roboto';
	src:url('/wp-content/themes/argu/fonts/Roboto-Medium.woff2') format('woff2');	
    font-weight:700;
    font-style:normal;
}

@font-face {
	font-family:'Roboto';
	src:url('/wp-content/themes/argu/fonts/Roboto-Medium.woff') format('woff');			
    font-weight:700;
    font-style:normal;
}

.port_slider-wr .t{position:absolute;width:100%}
.port_slider-wr .m{position:absolute;bottom:0;left:auto;}
.port_slider-wr .port_slide h5{opacity:0}
.port_slider-wr .port_slide.slick-active h5{padding:30px 40px;-moz-box-shadow:0 4px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);-webkit-transition:500ms ease all;-moz-transition:500ms ease all;transition:500ms ease all;opacity:1;}
body.button_b .port_slider-wr .port_slide.slick-active h5{border-radius:5px}
.port_slider-wr h5 .cat{font-size:14px;color:#fff;font-weight:400;margin-bottom:10px;display:block;text-transform:upercase;text-shadow: 0 0 5px black;}
.port_slider-wr h5 .name{display:block;line-height:1em;font-weight:500;color:#fff;font-size:21px;letter-spacing:0;text-shadow: 0 0 5px black;}

/* Side Buttons */

@media only screen and (min-width: 768px) {

.mm-calltoaction {
    position: fixed;   
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    height: auto;
    width: 50px;
    z-index: 999999;
    -webkit-transition: height 1s, width 1s;
    transition: height 1s, width 1s;
    color: #FFF;
    padding: 9px 0 10px 13px;
    box-shadow: 0px 0px 40px 0px rgba(1, 1, 1, 0.25);
    border: 1px solid #005486;
    border-right: 0px;
}

.mm-calltoaction:hover {
    width: 175px;
    -webkit-transition: height 0.4s, width 1s;
    transition: height 0.4s, width 1s;
}

.mm-calltoaction.one {
  	top: 55%;
}

.mm-calltoaction.two {
	  top: calc(55% + 50px);
}

.mm-calltoaction .mm-innerleft {
    width: 45px;
    height: auto;
    float: left;
    -webkit-transition: 1s;
    transition: 1s;
    text-align: left;
    color: #d5ac63
}

.mm-calltoaction .mm-innerright {
    width: 155px;
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #000;
    line-height: 15px;
}

.mm-calltoaction:hover .mm-innerright {
    opacity: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

}

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

.mm-calltoaction {
    display: none;
}
	
}

@media (max-width: 1020px) {
.topbarmenu.clearfix {   
    width: initial;
}
}

@media (max-width: 480px) {
.topbarmenu.clearfix {   
    width: 100%;
}
}