/*
Theme Name: Villa Santa Cruz
Theme URI: https://villasantacruz.com.br
Author: PH Gomes
*/




/* The Modal (background) */
        .modal {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: rgb(0,0,0); /* Fallback color */
          background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
          -webkit-animation-name: fadeIn; /* Fade in the background */
          -webkit-animation-duration: 0.4s;
          animation-name: fadeIn;
          animation-duration: 0.4s
        }

        /* Modal Content */
        .modal-content {
          position: absolute;
          left: 50%;
          top: 5%;
          transform: translateX(-50%);
          background-color: #ffffff;
          width: 90%;
          -webkit-animation-name: fadeIn;
          -webkit-animation-duration: 0.4s;
          animation-name: fadeIn;
          animation-duration: 0.4s;
          border-radius: 2px;
          height: AUTO;
          z-index: 9;
        }

        /* The Close Button */
        .closemodal {
          font-family: 'Anybody', sans-serif;
          color: #888888;
          font-size: 24px;
          position: absolute;
          top: 0px;
          right: 0px;
          padding: 8px;
          line-height: 100%;
          background-color: #F2ECD7;
          text-align: center;
          border-radius: 0 8px 0 8px;
        }

        .closemodal:hover,
        .closemodal:focus {
          color: #000;
          text-decoration: none;
          cursor: pointer;
        }

        .modal-header {
          padding: 24px 24px 0;
          position: relative;
        }

        .modal-body {padding: 24px;}

        .modal-footer {
          padding: 8px 24px;
        }

        /* Add Animation */

        @-webkit-keyframes fadeIn {
          from {opacity: 0} 
          to {opacity: 1}
        }

        @keyframes fadeIn {
          from {opacity: 0} 
          to {opacity: 1}
        }



        .float{
            position:fixed;
            width:60px;
            height:60px;
            bottom:40px;
            right:40px;
            background-color:#25d366;
            color:#FFF;
            border-radius:50px;
            text-align:center;
            font-size:30px;
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
            z-index:3;
            padding: 4px 6px;
        }


        .bg-cover-local {
            background-image: url('mapa-local-full.jpg'); background-position: top right;
        }

        
        @media (max-width: 767px) {
            .bg-cover-local {
                background-image: url('mapa-local-mob.jpg');
                min-height: 800px;
                max-height: 800px;
                background-size: 100% auto;
            }
        }


        @media (max-width: 480px) {
            .bg-cover-local {
                background-image: url(mapa-local-mob.jpg);
                min-height: 479px;
                max-height: 480px;
                background-size: 100% auto;
            }
        }