/*
Theme Name: Rayleigh Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Rayleigh Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier.
Version: 1.0
Author: R6 Themes
Author URI: http://www.r6themes.com
Template: rayleigh
*/

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



/* Add your own styles here */

body:not(.page-template-template-team) {
  -webkit-hyphens: auto; /* Saf 5.1+ */
     -moz-hyphens: auto; /* Fx 6.0+ */
      -ms-hyphens: auto; /* IE 10+ */
          hyphens: auto; /* None yet */
}


a.fa-envelope-o:before {
    font-family: FontAwesome !important;
} 

#nav-arrows {
display:none;
}



@media screen and (max-width : 640px) {
	.container-fluid, .inner {
    		padding: 20px !important;
	}
}

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

article.personal-profile > div {
    height: auto;
    width: 100% !important;
}

}



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

.contact-page .col-9, .contact-page .col-3 { 
width: 100%;

}

.isotope > article {
    width: 100% !important;
}

}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 

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

		.isotope > article {
    			width: 100% !important;
		}

	}

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

		.page-id-356 .col-4{
    			width: 100% !important;
		}

	}

} 


@media screen and (min-width : 480px) {
.contact-header {
width: 35px;
    height: 21px;
    position: absolute;
    right: 80px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
display: block;
}

.contact-header a.mail {
    background-image: url("http://huerlimann-beck.ch/huerlimannarch_wp/wp-content/themes/rayleigh-child/img/phone_icon.png") !important;
    float: right;
}

.contact-header a {
    width: 31px !important;
height: 100%;
    background-repeat: no-repeat;
background-size: contain;
}
}