/*
font-family: 'Inter', sans-serif;
font-family: 'Inter Tight', sans-serif;

Theme


*/

body {font-family: 'Inter', sans-serif; font-size:16px;}
::selection {background-color:cornflowerblue; color:#fff;}

/* ---- HEADER & NAVBAR */
    
.navbar {background-color:#fff;}
    
.navbar-logo {display:block; width:180px;}
    
@media (min-width: 1200px) {   
.navbar-logo {width:190px;}
}
@media (min-width: 1450px) {   
.navbar-logo {width:230px;}
}
    
.navbar-collapse {
    text-align:center;}

.navbar .navbar-nav .nav-item .nav-link {color:#000; text-transform:uppercase;}
.navbar .navbar-nav .nav-item .nav-link:hover {color:#000;}
.navbar .navbar-nav .nav-item .nav-link.active {color:#000;}

.navbar-toggler {
    padding: 5px;
    background-color: transparent;
    border: 0; 
    outline:0;
    border-radius: 0;
    transition:none;}

.navbar-toggler:hover {
    text-decoration: none;}

.navbar-toggler:focus {
    background-color: transparent;
    border:0; 
    border-color:transparent;
    text-decoration: none;
    outline: none;
    box-shadow: none;}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;}

.dropdown-menu {
    display:block; margin:0 0 30px 0;
    background-color:#fff; 
    border:0; 
    text-align: center; 
    padding:0;}
    
.dropdown-menu li {color:#000;}
.dropdown-menu .dropdown-item {color:#206776;}
.dropdown-menu .dropdown-item:hover {color:#206776; background-color:transparent;}
        
@media (min-width: 1200px) {
    
    .navbar {padding:5px 0;}
    .navbar-nav {padding:0;} 
    .navbar-nav .nav-item {padding:0 0.5rem;}
    .navbar .navbar-nav .nav-item .nav-link {font-size:13px; font-weight: 500;}
    
    .dropdown-menu {
        display: none; position: absolute;
        top: 100%; z-index: 1000;
        min-width: 200px; margin: 0;
        padding: 20px 0; list-style: none;
        border: 0; border-radius: 0;
        text-align:left;}
    
    .dropdown:hover>.dropdown-menu {display: block;}  
}

.topbar {display:none; padding:10px 0 20px 0; font-size:14px; font-weight:500;}
  
@media (min-width: 1200px) { 
    .topbar {display:block;}
}


.bg-blue {background-color:#76afdc;}
    .bg-light-grey {background-color:#eeeeee;}
    .bg-gold {background-color:#c8ba7b;}
    .bg-cadet {background-color:#c8ba7b;}
    
    .logo {display:block; width:170px; margin:auto;}

    @media (min-width: 1200px) {
        .logo {display:block; width:200px; margin:auto;}
    }
    
    h1 {font-family: "Playfair Display", serif; color:#769296; font-size:30px;}
    h1 span {display:block; text-transform:uppercase; letter-spacing:6px; font-size:16px; font-family: "Inter", sans-serif; margin-top:10px;}
    
    h2 {font-family: "Playfair Display", serif; font-size:24px;}
    h3 {font-family: "Playfair Display", serif; font-size:23px;}
    h5 {font-family: "Playfair Display", serif; font-size:23px; font-weight:400;}
    
    @media (min-width: 768px) {
        h1 {font-size:35px;}
        h1 span {font-size:16px; margin-top:12px;}
    }
    @media (min-width: 1200px) {
        h1 {font-size:45px;}
        h1 span {font-size:17px; margin-top:15px;}
    }
    
    .text-blue {color:#76afdc;}
    .text-gold {color:#c8ba7b;}
    .text-cadet {color:#769296;}
    .text-purple {color:#ab9ebb;}
    .text-green {color:#46775d;}
    
    .text-rainbow {font-size:14px;}
    .text-rainbow-red {color:#eb4633;}
    .text-rainbow-pink {color:#fa8693;}
    .text-rainbow-orange {color:#f89657;}
    .text-rainbow-yellow {color:#fed152;}
    .text-rainbow-green {color:#3bac76;}
    .text-rainbow-blue {color:#0eaed6;}
    .text-rainbow-darkblue {color:#0e7db5;}
    .text-rainbow-purple {color:#ab7eb1;}
    
    .img-wrapper-marbella-club {margin:auto; max-width:200px;}
    .img-wrapper-ikos {margin:auto; max-width:100px;}
    .img-wrapper-eveningstandard {margin:auto; max-width:130px;}
    
    .button-cadet-outline {display:inline-block; border:1px solid #769296; padding:10px 25px; text-transform: uppercase; font-size:14px; font-weight:500; text-decoration: none; color:#769296;}
    .button-cadet-outline:hover {text-decoration: none; background-color:#769296; color:#fff;}
    
    .button-black-outline {display:block; text-align: center; border:1px solid #000; padding:10px 25px; text-transform: uppercase; font-size:14px; font-weight:500; text-decoration: none; color:#000;}
    .button-black-outline:hover, .button-black-outline:focus {text-decoration: none; background-color:#000; color:#fff;}
    
    header {color:#76afdc;}
    header a {color:#76afdc; text-decoration: none;}
    header a:hover {color:#6d93f3; text-decoration: none;}
    
    header .social-media a {margin: 0 20px; text-decoration: none;}
    
    .header-mobile-contact-buttons .span {display:inline-block; margin:0 20px;}
    
    /* BANNERS */
    
    .page-banner {
        background-size: cover; 
        background-position: bottom; 
        background-repeat: no-repeat;
        background-color:#d5ecf2; 
        background-image: url(/assets/css/media/bg-01-mobile.jpg);
        padding:60px 0 530px 0;
    }
    @media (min-width: 567px) {
        .page-banner {padding:60px 0 600px 0;}
    }
    @media (min-width: 768px) {
        .page-banner { 
            background-position: center; 
            padding:80px 0 400px 0;}
    }
    @media (min-width: 992px) {
        .page-banner { 
            background-image: url(/assets/css/media/bg-01.jpg);
            background-position: right; 
            padding:50px 0 20px 0;}
    }
    @media (min-width: 1200px) {.page-banner {  padding:60px 0 60px 0;}}
    @media (min-width: 1500px) {.page-banner {  padding:80px 0 80px 0;}}
    
    .desktop-contact-details {font-size:17px;}
    .desktop-contact-details a {color:inherit;}
    
    .form-submit-button {display: block; width:100%; background-color:#9ac9e5; text-align: center; color:#fff; text-decoration: none; text-transform: uppercase; font-size:14px; font-weight: 500; padding:20px 10px; border:0; outline:0;}
    .form-submit-button:hover, .form-submit-button:focus {background-color:#0e7db5;}
   
    .footer-nav a {color:#c8ba7b; text-decoration: none;}







@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}