/*

Theme Name: X – Agape
Theme URI: http://theme.co/x/
Author: Themeco, Davide Velluto
Author URI: http://theme.co/
Description: Child theme for Agape with custom functions and plugins.
Version: 1.0.0
Template: x
*/


.x-topbar {
  background-color: #4bc2c3;
}

.desktop ul.sub-menu {
  min-width: 60px;
}

.x-btn-navbar {
    padding: 20px 20%;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25) ;
}


.icon-social {
    padding: 0 0.1em;
    font-weight: 900;
    text-align: center;
}

.social-wrapper {
    height: 45vh;
    overflow: hidden;
}

.social-post-text {
    text-overflow: ellipsis;
    content: "";
    position:relative;
}

.h-landmark{
    letter-spacing: -.024em;
    font-weight: 900;
}
/*
.social-post-text:before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 20vh, white);
}
*/
.social-post {
    padding: 0 0.5em;
    background: white;
    float: left;
    width: 14vw;
}

.social-post:first-child {
    clear: left;
}



@media (min-width: 1368px){

    .x-brand img {
        position: relative;
        left: -30%;
        max-height: 20vh
    }

    .x-navbar .desktop .x-nav>li>a {
        font-size: 20px;
    }

    .social-post {
        padding: 0 0.5em;
        background: white;
        float: left;
        width: 30%;
    }

}


@media (min-width: 980px) and (max-width: 1367px){

    .x-brand img {
        position: relative;
        left: -12vw;
        max-height: 16vh;
    }

    .social-post {
        padding: 0 0.5em;
        background: white;
        float: left;
        width: 30%;
    }
	
	.x-container.max.width {
    max-width: 1000px;
  }

}


@media (max-width: 979px) {
    .x-brand img {
        left: unset;
        max-width: 90%;
        max-height: 20vh;
    }
    .social-post {
        width: 100%;
        font-size: 18px
    }

    .social-wrapper {
        height: 50vh;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .em-booking-form p {
        width: 100%;
        clear: left;
    }

}

@media (min-width: 768px) {
    .em-booking-form p {
        width: 50%;
        clear: none;
    }
}

.x-btn.x-btn-jumbo {
    width: 100%;
}

.em-booking-form p {
    float: left;
    margin: 0px 0px;
    font-size: 1em;
    line-height:1.1em;
}

select {
    width: 80%;
    font-size: 1em;
}

textarea {
    font-size: 1em;
    width: 80%;
    height: 4em;
}

input[type=text] {
    width: 80%;
    border: 3px solid #ddd;
    font-size: 1em;
}

input[type=checkbox] {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2);
    margin: 1em;
}

input[type=radio] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5);
    margin: 1em;
}