/*
Theme Name: eivissApp-Theme 2.0
Theme URI: http://eivissapp.com/blog/
Author: @eivissApp
Author URI: http://eivissApp.com/
Description: Tema principal de eivissApp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap
Text Domain: eivissapp-theme

*/
* {
    margin: 0;
}
@font-face {

    font-family: Agency FB;
    src: url("agency_fb.ttf");
    font-style:normal;
    font-display: swap;

}

.popup {
    font-size: 22px;
}

html, body {
    height: 100%;
}

body {
    background-color: black;
}

#primary {
    min-height: 100%;
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
    margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

.logo-font {
    font-family: "Agency FB", sans-serif;

}
.btn-outline {
    background-color: transparent;
    transition: all .5s;
}
.btn-eivissapp {
    border-color: #03b9de;
    color: #03b9de;
}

.btn-eivissapp:hover {
    background-color: #03b9de;
    color: white;
}

.text-white {
    color: white !important;
}
.eivissapp-color {
    color: #03b9de !important;
}

.navbar-default {
    background-color: black;
    border-top: 5px solid #03b9de;
    border-bottom: hidden;
    
}
.navbar-brand {
    height: 80px;
    line-height: 50px;

}

.navbar-brand img {
    display: inline;
}

#primary {
    /*margin-top: 95px;*/
}

#servicios-title {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: bold;
}

#primary #content_ {
    padding-top: 95px;
}
.navbar-default .navbar-nav > li > a {
     font-size: 20px;
     line-height: 78px;
     padding-top: 0px;
   /* font-weight: bold;*/
 }


.navbar-default .navbar-nav > li > a:hover {
    color: #03b9de !important;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 450px;
}

.navbar-nav {
    /*height: 100px;*/
    vertical-align: middle;
}

#slider {
    background-image: url("/assets/bg-boceto-vedra.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-position-y:60px;
    min-height: 350px;
}
#contact {
    background-color: black;
    background-image: url("/assets/bg-boceto-vila.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 70px;
    min-height: 350px;
}

#about {
    background-image: url("/assets/bg-boceto-isla.webp");
    background-repeat: no-repeat;
    background-position: center;
    /*background-position-y:140px;*/
    /*background-color: rgba(0,0,0,.8);
    background-image: url("/web/20200904120454im_/http://eivissapp.com/blog/wp-content/themes/eivissApp-theme/images/bgabout.jpg");*/
}

#services {
    background-color: #FFF;
}

#prenav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    border-top: 10px solid black;
    z-index: 100;
}


#services > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

#about > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.panel-less-margin {
    margin-bottom: 0px !important;
}

.service-description, .about-description {
    font-size: 20px;

}

.service-description {
    text-align: justify;
}

.service-header {
    font-size: 26px;
}

.service-logo {
    color: #03b9de;
}

#services .panel:hover  {
    background-color: #03b9de;

}

 #services .panel:hover > .panel-body .fa {
    color: white;

  }

.img-center {
    display: inline;
}

.bio-name {
    font-size: 26px;
}

.bio-description, .location {
    font-size: 20px;
}

.eivissapp-word {
    font-size: 24px;
}

.fa-responsive-icon-first {
    font-size: 4em !important;
}
.fa-responsive-icon-second {
    margin-left: 33px;
    margin-top: 13px;
}

.mapLoaded {
    height: 450px;
    width: 100%;
}

.form-control:focus {
    border-color: #03b9de !important;
}

/*Navbar on slide*/
@media(min-width:768px) {
    .navbar-fixed-top {

        /*-webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;*/
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .navbar-fixed-top .navbar-brand {

        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .navbar-fixed-top.navbar-shrink {
        /*padding: 10px 0;*/
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        height: 60px;
        line-height: 50px;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand img{
        height: 40px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;

    }

    .navbar-fixed-top.navbar-shrink .navbar-nav > li > a {
        line-height: 58px;

        /* font-weight: bold;*/
    }

    .navbar-fixed-top.navbar-shrink .navbar-nav {
        height: 60px;
    }

    .equal, .equal > div[class*='col-md'] {
        display: -webkit-flex;
        display: flex;
        flex:1 1 auto;
    }
}


.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn-social:hover {
    color: #03b9de !important;
}


#footer {
    font-size: 20px;
    padding: 25px 0;
    background-color: black;

}
#footer, .push {
    height: 80px;
}

#obt_ga_banner {
    position: fixed;
    top: 0;
    width: 100%;
    height: 130px;
    opacity: .9;
    z-index: 9999;
}

.entry-content {
    font-size: 20px;
}

.margin-left {
    margin-left: 30px;
}

#wpadminbar {
    display: none;
}

#ontheweb {
    margin-top: 20px;
}

.background-black {
    background-color: black;
}