/**************************************************************************

    ██╗   ██╗ █████╗ ██████╗ ██╗ █████╗ ██████╗ ██╗     ███████╗███████╗
    ██║   ██║██╔══██╗██╔══██╗██║██╔══██╗██╔══██╗██║     ██╔════╝██╔════╝
    ██║   ██║███████║██████╔╝██║███████║██████╔╝██║     █████╗  ███████╗
    ╚██╗ ██╔╝██╔══██║██╔══██╗██║██╔══██║██╔══██╗██║     ██╔══╝  ╚════██║
     ╚████╔╝ ██║  ██║██║  ██║██║██║  ██║██████╔╝███████╗███████╗███████║
      ╚═══╝  ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚══════╝╚══════╝
                                                                        
 **************************************************************************/



    /* Default CSS variables for the grid rhythm and basic typography. */

    :root,
    .small {
        --font-scale              : 1.1;     /* How the headings font size scales up. */
        --root-font-size          : 10px;    /* The root element, ie HTML, font size. */
        --base-font-size          : 1.4rem;  /* The body element base font size. */
        --base-line-height        : 1.5;     /* The default line height of all elements. */
        --text-line-height        : 1.5;     /* The line height of block text elements. */
        --heading-line-height     : 1.3;     /* The line height of heading elements. */

        --text-rhythm             : 3rem;    /* Vertical margins between text elements. */
        --grid-gutter             : 3rem;    /* Paddings between columns, the grid gutters. */
        --vertical-rhythm         : 3rem;    /* Vertical margins between major grid sections. */

        --panel-width             : 1140px;  /* The width of the panel element. */

        --color-text              : black; /* The colour of the text.*/
        --color-text-selection    : white; /* The colour of the selected text.*/
        --color-text-selection-bg : #80e1cd; /* The colour of the selected text background.*/
    }

    .tablet {
        --font-scale              : 1.125;   /* How the headings font size scales up. */
        --base-font-size          : 1.5rem;  /* The body element base font size. */
        --text-line-height        : 1.6;     /* The line height of block text elements. */
        --heading-line-height     : 1.25;    /* The line height of heading elements. */

        --text-rhythm             : 3rem;    /* Vertical margins between text elements. */
        --grid-gutter             : 1.5rem;  /* Paddings between columns, the grid gutters. */
        --vertical-rhythm         : 4rem;    /* Vertical margins between major grid sections. */
    }

    .laptop {
        --font-scale              : 1.2;     /* How the headings font size scales up. */
        --base-font-size          : 1.6rem;  /* The body element base font size. */
        --text-line-height        : 1.7;     /* The line height of block text elements. */
        --heading-line-height     : 1.2;     /* The line height of heading elements. */

        --text-rhythm             : 3rem;    /* Vertical margins between text elements. */
        --grid-gutter             : 2rem;    /* Paddings between columns, the grid gutters. */
        --vertical-rhythm         : 3rem;    /* Vertical margins between major grid sections. */
    }


/******************************************************************************************************

     ██████╗ ██████╗ ██╗██████╗     ███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗
    ██╔════╝ ██╔══██╗██║██╔══██╗    ██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝
    ██║  ███╗██████╔╝██║██║  ██║    ███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗
    ██║   ██║██╔══██╗██║██║  ██║    ╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║
    ╚██████╔╝██║  ██║██║██████╔╝    ███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║
     ╚═════╝ ╚═╝  ╚═╝╚═╝╚═════╝     ╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝
                                                                                                    
 ******************************************************************************************************/



    /* The panel that restrains contents to a maximum width. */

    .panel {
        max-width: var(--panel-width);
    }

    .panel-full {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Rows inside full width panels already span full width.  */

    .panel-full .row {
        margin: 0 1.5rem;
    }

    .laptop .panel-full .row {
        margin: 0;
    }

/*******************************************************************************************

    ████████╗██╗   ██╗██████╗  ██████╗  ██████╗ ██████╗  █████╗ ██████╗ ██╗  ██╗██╗   ██╗
    ╚══██╔══╝╚██╗ ██╔╝██╔══██╗██╔═══██╗██╔════╝ ██╔══██╗██╔══██╗██╔══██╗██║  ██║╚██╗ ██╔╝
       ██║    ╚████╔╝ ██████╔╝██║   ██║██║  ███╗██████╔╝███████║██████╔╝███████║ ╚████╔╝ 
       ██║     ╚██╔╝  ██╔═══╝ ██║   ██║██║   ██║██╔══██╗██╔══██║██╔═══╝ ██╔══██║  ╚██╔╝  
       ██║      ██║   ██║     ╚██████╔╝╚██████╔╝██║  ██║██║  ██║██║     ██║  ██║   ██║   
       ╚═╝      ╚═╝   ╚═╝      ╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝     ╚═╝  ╚═╝   ╚═╝   

 *******************************************************************************************/


    @import url("//hello.myfonts.net/count/33731b");

      
    @font-face {
      font-family: 'Fnord-Ninety-Three';
      src: url('../fonts/33731B_0_0.eot');
      src: url('../fonts/33731B_0_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/33731B_0_0.woff2') format('woff2'),
        url('../fonts/33731B_0_0.woff') format('woff'),
        url('../fonts/33731B_0_0.ttf') format('truetype');
    }
     
      
    @font-face {
      font-family: 'Fnord-Twenty-Three';
      src: url('../fonts/33731B_1_0.eot');
      src: url('../fonts/33731B_1_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/33731B_1_0.woff2') format('woff2'),
        url('../fonts/33731B_1_0.woff') format('woff'),
        url('../fonts/33731B_1_0.ttf') format('truetype');
    }
     
      
    @font-face {
      font-family: 'Fnord-Twenty-ThreeItalic';
      src: url('../fonts/33731B_2_0.eot');
      src: url('../fonts/33731B_2_0.eot?#iefix') format('embedded-opentype'),
      url('../fonts/33731B_2_0.woff2') format('woff2'),
      url('../fonts/33731B_2_0.woff') format('woff'),
      url('../fonts/33731B_2_0.ttf') format('truetype');
    }
     
    @font-face {
      font-family: 'Graphik Web';
      src: url('../fonts/Graphik-Bold-Web.eot');
      src: url('../fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Graphik-Bold-Web.woff2') format('woff2'),
           url('../fonts/Graphik-Bold-Web.woff') format('woff');
      font-weight:  700;
      font-style:   normal;
      font-stretch: normal;
    }

    @font-face {
      font-family: 'Graphik Web';
      src: url('../fonts/Graphik-RegularItalic-Web.eot');
      src: url('../fonts/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Graphik-RegularItalic-Web.woff2') format('woff2'),
           url('../fonts/Graphik-RegularItalic-Web.woff') format('woff');
      font-weight:  400;
      font-style:   italic;
      font-stretch: normal;
    }

    @font-face {
      font-family: 'Graphik Web';
      src: url('../fonts/Graphik-Regular-Web.eot');
      src: url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Graphik-Regular-Web.woff2') format('woff2'),
           url('../fonts/Graphik-Regular-Web.woff') format('woff');
      font-weight:  400;
      font-style:   normal;
      font-stretch: normal;
    }

	@font-face {
	  font-family: 'Belvedere';
	  src:  url('../fonts/Belvedere.eot?p2madb');
	  src:  url('../fonts/Belvedere.eot?p2madb#iefix') format('embedded-opentype'),
	    url('../fonts/Belvedere.ttf?p2madb') format('truetype'),
	    url('../fonts/Belvedere.woff?p2madb') format('woff'),
	    url('../fonts/Belvedere.svg?p2madb#Belvedere') format('svg');
	  font-weight: normal;
	  font-style: normal;
	  font-display: block;
	}

	[class^="icon-"], [class*=" icon-"] {
	  /* use !important to prevent issues with browser extensions that change fonts */
	  font-family: 'Belvedere' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;

	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	.icon-sub-villa-next-door:before {
	  content: "\e910";
	}
	.icon-book-calendar1:before {
	  content: "\e904";
	}
	.icon-nav-close-btn:before {
	  content: "\e905";
	}
	.icon-nav-go:before {
	  content: "\e906";
	}
	.icon-nav-location:before {
	  content: "\e907";
	}
	.icon-nav-mail:before {
	  content: "\e908";
	}
	.icon-nav-more:before {
	  content: "\e909";
	}
	.icon-nav-open-btn:before {
	  content: "\e90a";
	}
	.icon-nav-phone:before {
	  content: "\e90b";
	}
	.icon-sub-hilltop:before {
	  content: "\e90c";
	}
	.icon-sub-hotel-rooms:before {
	  content: "\e90d";
	}
	.icon-sub-little-venice:before {
	  content: "\e90e";
	}
	.icon-sub-villa:before {
	  content: "\e90f";
	}
	.icon-sub-pool-club:before {
	  content: "\e903";
	}
	.icon-sub-room-std-jacuzzi:before {
	  content: "\e901";
	}
	.icon-sub-belvedere-mansion:before {
	  content: "\e902";
	}
	.icon-navigation-open:before {
	  content: "\e900";
	}
	.icon-book-calendar:before {
	  content: "\e916";
	}
	.icon-facebook:before {
	  content: "\e917";
	}
	.icon-floorplan:before {
	  content: "\e918";
	}
	.icon-google-plus:before {
	  content: "\e919";
	}
	.icon-home-arrow-down:before {
	  content: "\e91a";
	}
	.icon-home-b:before {
	  content: "\e91b";
	}
	.icon-home-dine:before {
	  content: "\e91c";
	}
	.icon-home-play:before {
	  content: "\e91d";
	}
	.icon-home-relax:before {
	  content: "\e91e";
	}
	.icon-home-shop:before {
	  content: "\e91f";
	}
	.icon-home-slideshow-arrow-left:before {
	  content: "\e920";
	}
	.icon-home-slideshow-arrow-right:before {
	  content: "\e921";
	}
	.icon-home-stay:before {
	  content: "\e922";
	}
	.icon-instagram:before {
	  content: "\e923";
	}
	.icon-journal-back-arrow:before {
	  content: "\e924";
	}
	.icon-leading-hotels-logo:before {
	  content: "\e925";
	}
	.icon-link:before {
	  content: "\e926";
	}
	.icon-link-play:before {
	  content: "\e927";
	}
	.icon-location-ferry:before {
	  content: "\e928";
	}
	.icon-location-plane:before {
	  content: "\e929";
	}
	.icon-music-next:before {
	  content: "\e92a";
	}
	.icon-music-play:before {
	  content: "\e92b";
	}
	.icon-navigation-close:before {
	  content: "\e92c";
	}
	.icon-navigation-english:before {
	  content: "\e92d";
	}
	.icon-navigation-location:before {
	  content: "\e92e";
	}
	.icon-navigation-mail:before {
	  content: "\e92f";
	}
	.icon-navigation-menu:before {
	  content: "\e930";
	}
	.icon-navigation-phone:before {
	  content: "\e931";
	}
	.icon-navigation-portuguese:before {
	  content: "\e932";
	}
	.icon-newsletter-confirmation:before {
	  content: "\e933";
	}
	.icon-person-icon:before {
	  content: "\e934";
	}
	.icon-pinterest:before {
	  content: "\e935";
	}
	.icon-pool-services-anything:before {
	  content: "\e936";
	}
	.icon-pool-services-cocktail:before {
	  content: "\e937";
	}
	.icon-pool-services-gift:before {
	  content: "\e938";
	}
	.icon-pool-services-massage:before {
	  content: "\e939";
	}
	.icon-pool-services-sunbeds:before {
	  content: "\e93a";
	}
	.icon-pool-services-towels:before {
	  content: "\e93b";
	}
	.icon-room-services-appliances:before {
	  content: "\e93c";
	}
	.icon-room-services-books:before {
	  content: "\e93d";
	}
	.icon-room-services-breakfast:before {
	  content: "\e93e";
	}
	.icon-room-services-butler:before {
	  content: "\e93f";
	}
	.icon-room-services-chauffeur:before {
	  content: "\e940";
	}
	.icon-room-services-cleaning:before {
	  content: "\e941";
	}
	.icon-room-services-concierge:before {
	  content: "\e942";
	}
	.icon-room-services-flowers:before {
	  content: "\e943";
	}
	.icon-room-services-gated-area:before {
	  content: "\e944";
	}
	.icon-room-services-laundry:before {
	  content: "\e945";
	}
	.icon-room-services-mini-bar:before {
	  content: "\e946";
	}
	.icon-room-services-nanny:before {
	  content: "\e947";
	}
	.icon-room-services-pool-club:before {
	  content: "\e948";
	}
	.icon-room-services-safety-deposit:before {
	  content: "\e949";
	}
	.icon-room-services-transfers:before {
	  content: "\e94a";
	}
	.icon-room-services-wifi:before {
	  content: "\e94b";
	}
	.icon-room-services-yoga:before {
	  content: "\e94c";
	}
	.icon-select-arrow:before {
	  content: "\e94d";
	}
	.icon-slideshow-controller-arrow-left:before {
	  content: "\e94e";
	}
	.icon-slideshow-controller-arrow-right:before {
	  content: "\e94f";
	}
	.icon-slideshow-controller-full-screen:before {
	  content: "\e950";
	}
	.icon-sound-of-belvedere:before {
	  content: "\e951";
	}
	.icon-sub-arrow-left:before {
	  content: "\e952";
	}
	.icon-sub-arrow-right:before {
	  content: "\e953";
	}
	.icon-sub-belvedere-bar:before {
	  content: "\e954";
	}
	.icon-sub-belvedere-shop:before {
	  content: "\e955";
	}
	.icon-sub-belvedere-villa:before {
	  content: "\e956";
	}
	.icon-sub-cavo-dante:before {
	  content: "\e957";
	}
	.icon-sub-cellar:before {
	  content: "\e958";
	}
	.icon-sub-fitness-studio:before {
	  content: "\e959";
	}
	.icon-sub-matsuhisa:before {
	  content: "\e95a";
	}
	.icon-sub-rise-and-shine:before {
	  content: "\e95b";
	}
	.icon-sub-room-grand-sea-pool:before {
	  content: "\e95c";
	}
	.icon-sub-room-honeymoon-pvt-pool:before {
	  content: "\e95d";
	}
	.icon-sub-room-panoramic-sea:before {
	  content: "\e95e";
	}
	.icon-sub-room-pvt-sundeck:before {
	  content: "\e95f";
	}
	.icon-sub-room-std-courtyard:before {
	  content: "\e960";
	}
	.icon-sub-room-std-sea-pool:before {
	  content: "\e961";
	}
	.icon-sub-six-senses:before {
	  content: "\e962";
	}
	.icon-sub-suite-belvedere-sea:before {
	  content: "\e963";
	}
	.icon-sub-suite-honeymoon-sea:before {
	  content: "\e964";
	}
	.icon-sub-suite-junior-courtyard:before {
	  content: "\e965";
	}
	.icon-sub-suite-panoramic-sea:before {
	  content: "\e966";
	}
	.icon-sub-sunken-watermelon:before {
	  content: "\e967";
	}
	.icon-sub-thea:before {
	  content: "\e968";
	}
	.icon-sub-venyx:before {
	  content: "\e969";
	}
	.icon-sub-white-villa:before {
	  content: "\e96a";
	}
	.icon-timeline-starting-year:before {
	  content: "\e96b";
	}
	.icon-timeline-year:before {
	  content: "\e96c";
	}
	.icon-tripadvisor:before {
	  content: "\e96d";
	}
	.icon-twitter:before {
	  content: "\e96e";
	}
	.icon-villa-location-map:before {
	  content: "\e96f";
	}
	.icon-pause:before {
	  content: "\ea1d";
	}
	.icon-volume-on:before {
	  content: "\ea26";
	}
	.icon-volume-off:before {
	  content: "\ea2a";
	}




    /* Global base stylings. */

    html {
        font-size: 10px;
        font-size: var(--root-font-size);
    }

    body {
        color: var(--color-text);
        font-family: 'Graphik Web', Arial, sans-serif;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Graphik Web', Arial, sans-serif;
    }

    .small .text blockquote {
        font-size: 115%;
    }

    .tablet .text blockquote {
        font-size: 125%;
    }



    /* Input fields */

    input,
    select,
    textarea {
        color: var(--color-text);
    }



    /* Links, global and inside text. */

    a {
        color: var(--color-text);\
        opacity: 1 !important;
    }

    a:hover {
        opacity: 1 !important;
    }

    .text a,
    .text a:hover {
        border: none;
    }

    main p a {
        text-decoration: underline;
    }

    .text .button,
    .text .button:hover,
    .text .gallery a,
    .text .gallery a:hover,
    .text .wp-caption a,
    .text .wp-caption a:hover {
        border-bottom-width: 0;
    }



    /* Buttons. */

    input, 
    textarea,
    select,
    button, 
    .button {
        border-radius: 2px;
    }

    button,
    .button,
    input[type="button"],
    input[type="submit"] {
        color: var(--color-text-selection);
        background: var(--color-text);
        opacity: 1 !important;
    }

    input:focus, 
    textarea:focus,
    select:focus {
        box-shadow: none !important;
    }

    textarea,
	input.text,
	input[type="text"],
	input[type="date"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
		-webkit-appearance: none !important;
		border-radius: 0 !important;
	}