.clear{
    clear: both;
}
.wihobu-widget{
    position: relative;
}

.wihobu-background-image-wrapper{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.wihobu-widget-content{
    height: 100%;
    position: relative;
    z-index: 2;
}
.wihobu-background-image{
    left: auto;
    width: 100%;
}

/**
 * Image
 */
.wihobu-image-img{
    margin:0 0 10px;
}

/**
 * Call to Action
 */

.wihobu-cta-wrapper{
    display: table;
    margin:0 0 10px;
    width: 100%;
}
.wihobu-cta-widget{
    box-sizing: border-box;
    color:#EFEFEF;
    display: table-cell;
    padding: 2em;
    height: 210px;
    text-align: center;
    vertical-align: middle;
}
.wihobu-cta-widget.wihobu-cta-huge{
    height: 420px;
    font-size:1.2em;
}
.wihobu-cta-widget .wihobu-cta-title{
    font-size: 2.5em;
    font-weight: 300;
    margin:0.3em 0;
}
.wihobu-cta-widget .wihobu-cta-link{
    display: inline-block;
    border:#999 2px solid;
    border-radius:6px;
    margin: .4em auto 1em;
    padding: .8em 1em;
    position: relative;
    text-decoration: none;
    transition: all .4s ease;
}

.wihobu-cta-link .arrow {
  font-size: 2em;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: all .4s ease;
   line-height: 0.85;
   bottom: 0;
   margin: auto;
   vertical-align: middle;
}
.wihobu-cta-link .arrow:before {
   line-height: 50px;
}
.wihobu-cta-widget  .wihobu-cta-link:hover {
  padding: .8em 3em .8em 1em;
}

.wihobu-cta-link:hover .arrow {
  opacity: 1;
}

.wihobu-cta-widget .wihobu-cta-button{
    font-size: 1.2em;
    font-weight: 900;
}
.wihobu-cta-light, .wihobu-cta-light .wihobu-cta-title, .wihobu-cta-light .wihobu-cta-button{
    color:#EFEFEF;
    text-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
.wihobu-cta-light .wihobu-cta-link{
    border-color:#EEE;
}
.wihobu-cta-dark, .wihobu-cta-dark .wihobu-cta-title, .wihobu-cta-dark .wihobu-cta-button{
    color:#101010;
    text-shadow: none;
}
.wihobu-cta-dark .wihobu-cta-link{
    border-color:#333;
}
/**
 * Newsletter
 */
.wihobu-newsletter-input-group{
    display: inline-block;
    border:#EEE 2px solid;
    border-radius:6px;
    margin: .4em auto 1em;
    padding: 0;
    text-align: left;
}
.wihobu-newsletter-input-group input, .wihobu-newsletter-input-group input[type="email"], .wihobu-newsletter-input-group input[type="email"]:focus{
    background: transparent;
    border:none;
    box-sizing: border-box;
    color:#FFF;
    font-size: 1.2em;
    font-weight: 900;    
    margin-top: 2px;  
    outline:none;
    padding: 0.7em 0 0.7em 1em;
    vertical-align: middle;
    width:230px;
}
@media screen and (max-width: 640px) {
    .wihobu-newsletter-input-group input, .wihobu-newsletter-input-group input[type="email"], .wihobu-newsletter-input-group input[type="email"]:focus{
        width:180px;
    }
}
.wihobu-newsletter-input-group input::-webkit-input-placeholder,
.wihobu-newsletter-input-group input:-moz-placeholder,
.wihobu-newsletter-input-group input::-moz-placeholder,
wihobu-newsletter-input-group input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.wihobu-newsletter-input-group button,.wihobu-newsletter-input-group button:hover{
    background: #EEE;
    border:none;
    border-radius:0 4px 4px 0;
    box-shadow: none;
    color:#333;    
    float: right;    
    outline:none;
    padding: 0.7em 1em 0.6em;
    vertical-align: middle;
}
.wihobu-newsletter-input-group button span{
    font-size: 2em;       
}

.wihobu-cta-dark .wihobu-newsletter-input-group{                                                    
    border-color:#101010;
}
.wihobu-cta-dark .wihobu-newsletter-input-group input, .wihobu-cta-dark .wihobu-newsletter-input-group input[type="email"], .wihobu-cta-dark .wihobu-newsletter-input-group input[type="email"]:focus{
    color:#101010;
}
.wihobu-cta-dark .wihobu-newsletter-input-group button{
    background:#101010;
    color:#EEE;
}
.wihobu-cta-dark .wihobu-newsletter-input-group input::-webkit-input-placeholder,
.wihobu-cta-dark .wihobu-newsletter-input-group input:-moz-placeholder,
.wihobu-cta-dark .wihobu-newsletter-input-group input::-moz-placeholder,
.wihobu-cta-dark wihobu-newsletter-input-group input:-ms-input-placeholder {
  color: #101010;
  opacity: 1;
}

/**
 * Icons
 */
.wihobu-icon-item{
   text-align: center;
}
.wihobu-icon-item a, .wihobu-icon-item a:active, .wihobu-icon-item a:visited, .wihobu-icon-item a:hover{
   box-sizing: border-box;
   display:block;
   height: 210px;
   padding:2em;
   text-decoration: none;
}
.wihobu-icon, [class^="pe-7s-"].wihobu-icon, [class*=" pe-7s-"].wihobu-icon {
    color:#FFFFFF;
    display: block;
    font-size: 5em;
    height: 64px;
    margin: 0.2em auto;
    width: 64px;
}
.wihobu-icon-text {
    color:#FFFFFF;
    font-size: 1.5em;
    line-height: 1em;
}

/**
 * Social
 */
.wihobu-social-line{
    margin: 0 0 10px;
    padding: 0 10px;
}
.wihobu-social-item{
    display: table;
    padding-left:5px;
    padding-right: 5px;
}
.wihobu-social-item a.wihobu-social-a, .wihobu-social-item a.wihobu-social-a:active, .wihobu-social-item a.wihobu-social-a:visited, .wihobu-social-item a.wihobu-social-a:hover{
   box-sizing: border-box;
   display:block;
   height: 100px;
   padding:2em;
   text-decoration: none;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}
.wihobu-social-text {
    color:#FFFFFF;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1em;
    text-transform: uppercase;
}

.wihobu-social-twitter a{
    background-color:#0D9DFE; 
}
.wihobu-social-facebook a{
    background-color:#164D9F; 
}
.wihobu-social-instagram a{
    background-color:#3B7298; 
}
.wihobu-social-googleplus a{
    background-color:#D22F30; 
}



/**
 * Features
 */
[class^=".wihobu-feature-"], [class*=".wihobu-feature-"]{
    box-sizing: border-box;
}


.gutter-top{
    padding-top:5px;
}
.gutter-bottom{
    padding-bottom:5px;
}
.gutter-left{
    padding-left:5px;
}
.gutter-right{
    padding-right:5px;
}

.wihobu-features-line{
    margin: 0 0 10px;
}
.wihobu-feature-col-half{
    width:50%;
    float: left;
}
.wihobu-feature-col-full{
    width:100%;
    clear: both;
}
.wihobu-feature-row-full{
    height:350px;
}
.wihobu-feature-row-half{
    height:175px;
}
.gutter-top .wihobu-feature-row-half, .gutter-bottom .wihobu-feature-row-half{
    height:170px;
}
@media screen and (max-width: 640px) {
    .wihobu-feature-col-half{
        width:100%;
        float: none;
    }
    .gutter-top{
        padding-top:0;
    }
    .gutter-bottom{
        padding-bottom:0;
    }
    .gutter-left{
        padding-left:0;
    }
    .gutter-right{
        padding-right:0;
    }
}



.wihobu-feature-item{ 
    box-shadow: rgba(0,0,0,0.7) 0px -300px 650px -200px inset;
    height:100%;
    position: relative;
    width: 100%;
}
.wihobu-feature-item .wihobu-widget-content{
    box-shadow: rgba(0,0,0,0.7) 0px -300px 650px -200px inset;
}
.wihobu-feature-item a{
    height:100%;
    width: 100%;
}
.wihobu-feature-row-half .wihobu-feature-item{
    
}
.wihobu-feature-text{
    bottom: 10px;
    left:10px;
    margin:0;
    position: absolute;
    right: 10px;
}
.wihobu-feature-title{
    color:#FFF;
    font-size: 1.4em;
    font-weight: 700;
    margin:0;
}
.wihobu-feature-baseline{
    color:#FFF;
    font-size: 1em;
    font-weight: 500;
    opacity:0.8;
}
@media screen and (min-width: 600px) and (max-width: 950px) {
    .wihobu-feature-item .wihobu-background-image{
        width: auto;
        height: 100%;
        max-width: none !important;
    }
}

/**
 * Diaporama
 */
.wihobu-diaporama-line{
    background: #383838;
    color: #b7b5b5;
    margin: 0 0 10px;
    padding: 30px 90px 50px;
    text-align: center;
}
.wihobu-diaporama-line h3{
    color: #b7b5b5;
    display: block;
    font-size: 2em;
    font-weight: 700;
    margin:1em auto;
    text-align: left;
    max-width: 600px;
}
.wihobu-diaporama-slider{
    height: 500px;
    margin: 1em auto;
}
.wihobu-diaporama-slider div{
    box-shadow: rgba(0,0,0,0.7) 0px -300px 650px -200px inset;
    height: 500px;
}
.wihobu-diaporama-slider h4{
    bottom: 0;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 900;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: left;
    width: 50%;
}
.wihobu-diaporama-line .bx-controls-direction a{
    color: #817d7d;
    font-size: 64px;
    font-weight: 100;
    position: absolute;
    text-decoration: none;
    top: 45%;
}
.wihobu-diaporama-line .bx-controls-direction a:hover{
    color:#FFFFFF;
}
.wihobu-diaporama-line .bx-prev{
    left:-65px;
}
.wihobu-diaporama-line .bx-next{
    right:-65px;
}
@media(max-width: 767px) {
    .wihobu-diaporama-line{
        padding: 10px 0;
    }
    .wihobu-diaporama-line h3{
        margin:1em 20px;
    }
    .wihobu-diaporama-line .bx-prev{
        left:20px;
    }
    .wihobu-diaporama-line .bx-next{
        right:20px;
    }
    .wihobu-diaporama-slider h4{
        font-size: 1.2em;
    }
}

/*
 * Tweet highlight
 */
a[class*="wihobu-media-"]{
    display: inline;
}
.wihobu-tweet-hightlight-wrapper{
    margin: 10px 0 40px;
}

.wihobu-tweet-hightlight-wrapper a[class*="wihobu-media-"],
.wihobu-tweet-hightlight-wrapper a[class*="wihobu-tweet-hightlight-"]{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.wihobu-tweet-hightlight-wrapper .icon-twitter-circled{
    color: #979797;
    font-size: 3em;
}

.wihobu-tweet-hightlight-content{
    border: medium none;
    font-size: 3.5em;
    font-style: italic;
    font-weight: 300;
    line-height: 1.1;
    margin: 0.4em 0 0.7em;
    padding: 0;
    text-align: center;
}
.wihobu-tweet-hightlight-wrapper a[class*="wihobu-tweet-hightlight-"]{
    color: #9fa0a1;
    display: inline-block;
    font-weight: 500;
    margin: 10px;
    text-decoration: none;
}
.wihobu-tweet-hightlight-wrapper .wihobu-tweet-hightlight-action a[class*="wihobu-tweet-hightlight-"]{
    text-transform: uppercase;
}
@media(max-width: 640px) {
    .wihobu-tweet-hightlight-content{
        font-size: 2.5em;
    }
}