/*
* Theme Name: Discoveroom Blog Theme
* Author: Nikos Anagnostou
* Text Domain: discoveroom-blog-theme
*/
#content {
    background: rgb(234, 235, 236);
}

#content,
h3,
h4,
p {
    font-family: RalewayGR, Raleway, Arial, Helvetica, sans-serif;
}

h3,
.feature-header {
    text-transform: uppercase;
}
#content img {
    width: 100%;
}
.jumbotron-fluid {
    margin: -88px -15px;
}

.jumbotron-fluid h1,
.jumbotron-fluid h4,
.movedown,
.movedown:hover,
.movedown:visited {
    color: #fff;
}

.jumbotron-fluid h1 {
    padding-top: 40vh;
}

.movedown {
    font-family: "iconfont";
    font-size: 6rem;
    font-weight: bold;
    text-decoration: none;
}

.movedown::before {
    content: "\03c1";
}

.jumbotron-fluid h1 {
    text-transform: uppercase;
}

.main-features {
    background-color: rgb(254, 255, 255);
    text-align: center;
}

.feature-icon {
    font-family: "iconfont2";
}

.parity:before {
    content: "\05E3";
}

.b2b:before {
    content: "\05E5";
}

.loyalty:before {
    content: "\05E8";
}

.fbapp:before {
    content: "\05EA";
}

.widget:before {
    content: "\05DE";
}

.psi:before {
    content: "\05E1";
}

.rates:before {
    content: "\05E4";
}

.mfriendly:before {
    content: "\05E6";
}

.main-features h4 {
    text-transform: uppercase;
}

.main-features p {
    padding: 15px;
}

.tripconnect,
.trivago,
.googlehotelads,
.skyscanner {
    background-clip: padding-box;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5%;
    /* height: 23vh; */
    vertical-align: bottom;
}

.tripconnect {
    background-image: url("assets/images/tripConnect.png");

}

.trivago {
    background-image: url("assets/images/trivago.png");

}

.googlehotelads {
    background-image: url("assets/images/googlehotelads.png");

}

.skyscanner {
    background-image: url("assets/images/skyscanner.png");

}

.feature-block {
    text-align: center;
}

.feature-image {
    background-color: #dadada;
    width: 50%;
    padding: 0;
}

.feature-icon {}

.feature-header {}

.feature-text {
    font-size: 1.5rem;
}

.common-features {
    background-color: #53aab7;
    color: #fff;
}

.common-features .feature-text {
    font-size: 1.4rem;
    padding-bottom: 15%;
}

footer {
    clear: both;
}

@media screen and (min-width: 1200px) {
    h3 {
        font-size: 7rem;
    }
    .jumbotron-fluid {
        background: #fff url("assets/images/wh_header_lg.jpg") center 5vh no-repeat;
        background-size: cover;
    }
    .jumbotron-fluid h1 {
        font-size: 7rem;
        padding-top: 20%;
    }
    .main-features h2 {
        font-size: 5rem;
        text-transform: uppercase;
    }
    .jumbotron-fluid h4 {
        font-size: 3rem;
        padding-bottom: 20%;
    }
    .tripconnect {
        background-size: 50%;
    }
    
    .trivago {
        background-size: 50%;
    }
    
    .googlehotelads {
        background-size: 70%;
    }
    
    .skyscanner {
        background-size: 50%;
    }
    .feature-block {}
    .feature-image {}
    .feature-icon {
        font-size: 12rem;
        line-height: 12rem;
        margin-top: 6rem;
    }
    .feature-header {
        font-size: 3rem;
    }
    .feature-text {
    font-size: 1.8rem;
}
    .common-features .feature-icon {
        font-size: 9.5rem;
    }
    .common-features .feature-header {
        font-size: 2.1rem;
    }
    .common-features .feature-text {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    h3 {
        font-size: 7rem;
    }
    .jumbotron-fluid {
        background: #fff url("assets/images/wh_header_md.jpg") center 5vh no-repeat;
        background-size: cover;
    }
    .jumbotron-fluid h1 {
        font-size: 6rem;
        padding-top: 20%;
    }
    .main-features h2 {
        font-size: 4.5rem;
        text-transform: uppercase;
    }
    .jumbotron-fluid h4 {
        font-size: 2.5rem;
        padding-bottom: 20%;
    }
    .tripconnect {
        background-size: 50%;
    }
    
    .trivago {
        background-size: 50%;
    }
    
    .googlehotelads {
        background-size: 70%;
    }
    
    .skyscanner {
        background-size: 50%;
    }
    .feature-block {}
    .feature-image {}
    .feature-icon {
        font-size: 10rem;
        line-height: 10rem;
        margin-top: 1rem;
    }
    .feature-header {
        font-size: 2.5rem;
    }
    .feature-text {
    font-size: 1.7rem;
}
    .common-features .feature-icon {
        font-size: 7.5rem;
    }
    .common-features .feature-header {
        font-size: 1.8rem;
    }
    .common-features .feature-text {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    h3 {
        font-size: 7rem;
    }
    .jumbotron-fluid {
        background: #fff url("assets/images/wh_header_sm.jpg") center 5vh no-repeat;
        background-size: cover;
    }
    .jumbotron-fluid h1 {
        font-size: 5rem;
        padding-top: 20%;
    }
    .main-features h2 {
        font-size: 4rem;
    }
    .jumbotron-fluid h4 {
        font-size: 2rem;
        padding-bottom: 20%;
    }
    .tripconnect {
        background-size: 50%;
    }
    
    .trivago {
        background-size: 50%;
    }
    
    .googlehotelads {
        background-size: 70%;
    }
    
    .skyscanner {
        background-size: 50%;
    }
    .feature-block {
        padding: 5px;
    }
    .feature-image {}
    .feature-icon {
        font-size: 7rem;
        line-height: 7rem;
        margin-top: 1rem;
    }
    .feature-header {
        font-size: 2rem;
    }
    .feature-text {}
    .common-features .feature-icon {
        font-size: 6rem;
    }
    .common-features .feature-header {
        font-size: 1.5rem;
    }
    .common-features .feature-text {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 767px) {
    h3 {
        font-size: 7rem;
    }
    .jumbotron-fluid {
        background: #fff url("assets/images/wh_header_xs.jpg") center 5vh no-repeat;
        background-size: cover;
    }
    .jumbotron-fluid h1 {
        font-size: 4rem;
        padding-top: 48%;
    }
    .main-features h2 {
        font-size: 4rem;
        text-transform: uppercase;
    }
    .jumbotron-fluid h4 {
        font-size: 1.8rem;
        padding-bottom: 20%;
    }
    .tripconnect {
        background-size: contain;
    }
    
    .trivago {
        background-size: 20%;
    }
    
    .googlehotelads {
        background-size: 32%;
    }
    
    .skyscanner {
        background-size: contain;
    }
    .feature-block {}
    .feature-image {}
    .feature-icon {
        font-size: 12rem;
        line-height: 12rem;
        margin-top: 4rem;
    }
    .feature-header {
        font-size: 3rem;
    }
    .feature-text {
    padding: 5%;
}
    .common-features .feature-icon {

    }
    .common-features .feature-header {

    }
    .common-features .feature-text {padding-bottom: 4%;}
    .common-features {
        height: unset;
    }
}