/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.*/

/**SOCIAL ICONS IN HEADER**/


@font-face {
  font-family: 'si';
  src:    asset_url('socicon.eot');
  src:    asset_url('socicon.eot?#iefix') format('embedded-opentype'),
          asset_url('socicon.woff') format('woff'),
          asset_url('socicon.ttf') format('truetype'),
          asset_url('socicon.svg') format('svg');
  font-weight:400;
  font-style:normal;
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:'si';
        src: url('fonts/socicon.svg') format('svg');
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
	float:right;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 6px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}
.soc-google {
    background-color: #d93e2d;
}
.soc-google:before {
    content:'c';
}
.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'a';
}

.soc-facebook:hover {
    background-color: #526fac;
}
.soc-google:hover {
    background-color: #ed5241;
}
.soc-twitter:hover {
    background-color: #61bbf2;
}

#hermes-gallery .slide-meta{
   background-color: #8a241f;
   color: #ffffff;
}
.featured-pages h2 a {
  color: #02aad7;
}

.hermes-contacts .label,
.hermes-contacts a,
.hermes-contacts .value {
   color: #8a241f;
}

#hermes-gallery .slide-counter{
   color:#ffffff;
}

#header-widget-area {
    text-align: right
}

.chw-widget  h2, .chw-widget   p, .chw-widget  .zoom-social_icons-list__label { 
display: none;
}



@media screen and (max-width: 768px){
	header {
	    padding: 20px 20px 5px 20px;
	}
	h2.tribe-events-page-title{
	  line-height:34px;
	}
	
	form.wpcf7-form input{
	  width:70%;
	}	
}

@media screen and (max-width: 640px){
	aside .widget {
	  display: inline;
	  float: left;
	  margin: 0 2% 20px;
	  width: 99%;
	}
}