/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.magic_lagoon_wa_btn {display: block; position: fixed; right: 1rem; bottom: 2rem; z-index: 100; line-height: 0;}
.magic_lagoon_wa_btn > #magic_lagoon_wa {font-size: 2rem; padding: 1rem; background: #2db742; border-radius: 100%; color: white; box-shadow: -5px 6px 7px rgba(0, 0, 0, 0.5); line-height: 0;}
.magic_lagoon_wa_btn > #magic_lagoon_close {font-size: 2rem; padding: 0.65rem 1rem; background: #b72d2d; border-radius: 100%; color: white; box-shadow: -5px 6px 7px rgba(0, 0, 0, 0.5);  line-height: 0;}

.magic_lagoon_wa_btn > #magic_lagoon_wa > svg {width: 2rem; height: 2rem;}
.magic_lagoon_wa_btn > #magic_lagoon_close > svg {width:2rem; height:1.25rem;}

.magic_lagoon_wa_popup {display: block; position: fixed; left:1rem; right: 1rem; text-align: center; bottom: 5.5rem; background: #ffffff; padding: 1rem; margin: 0 auto; border-radius: 1rem;  box-shadow: -5px 6px 7px rgba(0, 0, 0, 0.5); background: #2db742; color:#ffffff; z-index: 99;}
.boatbut {background-color:#285793; color:#fff; border:none; font-weight:bold; /**margin-bottom:14px;**/ text-align: center; padding:0.5rem 1rem; font-size:12px; }
.aboat { width:100%; border:1px solid #ccc; margin-bottom:20px;}
.boatimg {height:200px; background-size:cover; background-position:center center; text-align:center;}
.boatflex {display:flex; flex-direction:column; gap:1rem;}

.boat1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/WhatsApp-Image-2024-09-30-at-14.16.42_6489b28b-380x253.jpg'); }
.boat2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/pamela-oct-2024-380x253.jpg'); }
.boat3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/08/olympic.jpg'); }
.boat4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); }
.sun1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/20240502_170903-380x253.jpg');}
.sun2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/IMG-20240218-WA0008-380x253.jpg'); }
.sun3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/20240803_180028-380x253.jpg'); }
.sun4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); } 
.rom1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-2-380x253.jpg'); background-position: top; }
.rom2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-3-380x253.jpg');  background-position: top; }
.rom3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-4-380x253.jpg');background-position: top;  }
.rom4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); }
.priv1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/coquette_new_new_new-380x253.jpg'); }
.priv2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/pamela_new_new_new_new-380x253.jpg'); }
.priv3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_2_hours-380x253.jpg'); }
.priv3one {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_4_hours-380x253.jpg'); }
.priv3two {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_6_hours-380x253.jpg'); }
.priv4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); }


.coquette_bg {background-image: url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/coquette-square-300x300.jpg'); background-repeat: no-repeat; background-size: cover;}
.pamela_bg {background-image: url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/pamela-boatfinder-300x300.jpg'); background-repeat: no-repeat; background-size: cover;}
.sophia_bg {background-image: url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-300x300.jpg'); background-repeat: no-repeat; background-size: cover;}

.magic_button_grid {display: grid; grid-template-columns: 100%; grid-gap: 1rem;}

.trip_advisor_grid {display: grid; grid-template-columns: 100%; grid-gap:1rem; background-color: #f6f6f6; padding:1rem; border:1px solid rgb(128 128 128 / 50%); text-align: center;}

@media screen and (min-width:620px) {
    .boat1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/WhatsApp-Image-2024-09-30-at-14.16.42_6489b28b-920x613.jpg'); }
    .boat2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/pamela-oct-2024-920x613.jpg'); }
    .boat3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/08/olympic.jpg'); }
    .boat4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-920x613.jpg'); }
    .sun1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/20240502_170903-920x613.jpg');}
    .sun2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/IMG-20240218-WA0008-920x613.jpg'); }
    .sun3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/20240803_180028-920x613.jpg'); }
    .sun4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-920x613.jpg'); } 
    .rom1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-2-920x613.jpg'); background-position: top; }
    .rom2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-3-920x613.jpg');  background-position: top; }
    .rom3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-4-920x613.jpg');background-position: top;  }
    .rom4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-920x613.jpg'); }
    .priv1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/coquette_new_new_new-920x613.jpg'); }
    .priv2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/pamela_new_new_new_new-920x613.jpg'); }
    .priv3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_2_hours-920x613.jpg'); }
    .priv3one {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_4_hours-920x613.jpg'); }
    .priv3two {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_6_hours-920x613.jpg'); }
    .priv4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-920x613.jpg'); }
    .sophia_bg {background-image: url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-600x600.jpg'); background-repeat: no-repeat; background-size: cover;}
}

@media screen and (min-width:980px) {
    .magic_lagoon_wa_btn {right: 2rem; bottom: 2rem;}
    .magic_lagoon_wa_popup {right: 2rem; bottom: 5.5rem; left:unset; max-width:360px; text-align: unset;}
    /**.magic_button_grid {grid-template-columns: repeat(2,1fr);}**/
    .boatflex {flex-direction:row; justify-content:space-between;}
    .trip_advisor_grid {grid-template-columns: auto 220px; align-items: center; text-align: unset;}
    .trip_advisor_grid_icons {display: grid; grid-template-columns: 100px 100px; grid-gap: 1rem;}    
}

@media screen and (min-width:1024px) {
    .boat1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/WhatsApp-Image-2024-09-30-at-14.16.42_6489b28b-380x253.jpg'); }
    .boat2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/pamela-oct-2024-380x253.jpg'); }
    .boat3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/08/olympic.jpg'); }
    .boat4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); }
    .sun1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/20240502_170903-380x253.jpg');}
    .sun2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/IMG-20240218-WA0008-380x253.jpg'); }
    .sun3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/20240803_180028-380x253.jpg'); }
    .sun4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); } 
    .rom1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-2-380x253.jpg'); background-position: top; }
    .rom2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-3-380x253.jpg'); background-position: top; }
    .rom3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/09/romantic-cruise-knysna-4-380x253.jpg'); background-position: top;  }
    .rom4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); }
    .priv1 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/coquette_new_new_new-380x253.jpg'); }
    .priv2 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/pamela_new_new_new_new-380x253.jpg'); }
    .priv3 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_2_hours-380x253.jpg'); }
    .priv3one {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_4_hours-380x253.jpg'); }
    .priv3two {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/10/olympic_private_6_hours-380x253.jpg'); }
    .priv4 {background-image:url('https://magiclagooncharters.co.za/wp-content/uploads/2024/11/IMG-20241126-WA0010-copy-380x253.jpg'); }

}