﻿@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* 
{
    box-sizing: border-box;
    margin:0;
    padding:0;
}

body 
{
   font-family: "Open Sans", sans-serif;
   font-weight: 400;
    background-color: #FFFFFF;
    font-size:80%;
    /*padding-top:1.0rem;*/
    color:#000000;
}

.section-container
{
    padding-top:70px; 
    background-color:#fbfcfc; 
}

a
{
   color: #0b27ff; 
   text-decoration:none;    
}

a:hover
{
   color: #c98400;
   text-decoration:none;    
}

/* Header - start */

header 
{
    background-color: #FFFFFF;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position:fixed;
    width:100%;
    z-index:88888;
}

.header-inner-holder
{
     display:block;
     width:98%;
     max-width:1200px;
     margin:0px auto 0px auto;
}

.header-logo-holder
{
    display:block;
    padding:0px;
    margin:0px;
}

.header-spacer-1
{
    display:block;
    height:4px;
    background-color:#D1CF3D;
}

header nav ul 
{
 margin:0;
 padding:0;
 list-style:none;
 overflow:hidden;    
}

header nav ul a
{
    display:block;
    padding:20px;
    text-decoration:none;
    font-size:0.9rem;
    font-weight:600;
    color:#293F5D;
}

header nav ul a .las
{
    font-size:1.4rem;
    padding-right:10px;
}

header nav ul a:hover
{
color:#1994C0;
}

header nav li 
{
 position:relative;   
    
}

header .header-logo-text 
{
    display:block;
    margin:5px 0px 5px 5px;
    text-decoration:none;
    width:250px;  
}

header .logo-white-small
{
    display:block;
}

header .topnavigation-container
{
 clear:both;   
 max-height:0;
 transition:max-height .2s ease-out;
 text-align:center;
}

header .topnavigation-icon-label
{
    padding: 34px 20px;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;  
}

header .topnavigation-icon-label .topnavigation-icon 
{
 background:#6ba8d8;
 display:block;
 height:2px;
 width:18px;
 position:relative;
 transition:background .2s ease-out;   
}

header .topnavigation-icon-label .topnavigation-icon:before
{
  background:#6ba8d8;
 content:"";
 display:block;
 height:100%;
 width:100%;
 position:absolute; 
 transition:all .2s ease-out;
 top:5px;  
}

header .topnavigation-icon-label .topnavigation-icon:after
{
  background:#6ba8d8;
 content:"";
 display:block;
 height:100%;
 width:100%;
 position:absolute; 
 transition:all .2s ease-out;
 top:-5px;  
}

header .topnavigation-btn
{
 display:none;     
}

.topnavigation-btn:checked ~ nav .topnavigation-container
{
    max-height:500px;
}

.topnavigation-btn:checked ~ .topnavigation-icon-label .topnavigation-icon
{
      background:transparent;
}

.topnavigation-btn:checked ~ .topnavigation-icon-label .topnavigation-icon:before
{
      transform: rotate(-45deg);
      top:0;
}

.topnavigation-btn:checked ~ .topnavigation-icon-label .topnavigation-icon:after
{
      transform: rotate(45deg);
      top:0;
}

/* Header - end */

/* Base styles - start */

h1 
{
    font-family: "Open Sans", sans-serif;
    font-size:1.8rem;
    font-weight:600;
    padding:0 1.2rem 1.2rem 0; 
    color:#293F5D; 
}

h2 
{
    font-size:1.3rem;
    font-weight:600;
    padding:0 1.2rem 1.2rem 0;
    color:#293F5D;  
}

h3
{
font-size:1.1rem;
    font-weight:600;
    padding:0 1.2rem 1.2rem 0;
    color:#293F5D;    
}

p
{
    font-size:0.9rem; 
    padding:0 1.2rem 1.2rem 0; 
}

blockquote 
{
    display: block;
    margin-top: 0px;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
    background-color: #f3f3f3;
    padding: 1.2rem 1.2rem 0px 1.2rem;
    border-left: 5px solid #8F724A;
}

/* Base styles - end */

.leading
{
   font-size:1.4rem;     
}

.page-header-image-holder
{
 display: block;
 width:100%;
 background-color:#EBF1F5; 
 background-repeat: no-repeat;
  background-size: cover; 
   position:relative;
    padding:0px;
 margin:0px;   
}

.page-header-image-holder-blank
{
 display:block;
 width:100%;
 height:70px;
 background-color:#EBF1F5; 
 background-repeat: no-repeat;
  background-size: cover; 
   position:relative;
    padding:0px;
 margin:0px;   
}

.page-header-image-holder img
{
    display:block;
 width:100%; 
 padding:0px;
 margin:0px; 
}

.page-header-title-holder 
{
    display: block;
        width: 100%;
        padding-top: 10px;
        background-color:#fbfcfc;
}

.page-header-inner-title-holder 
{
    display: block;
        width: 91%;
        margin:0px auto;
        padding-top: 2vw;
}

footer
{
 padding:30px 0px 20px 0px;  
 text-align:left; 
 overflow:hidden;
 background-color: #276da3;
 color: #FFFFFF;
}

footer p
{
 font-size:0.9rem;
 padding-bottom:8px;
}

footer a
{
 color:#9F8002;
 text-decoration:none; 
}

footer a:hover
{
 color:#D4AA00;
 text-decoration:none;
}

.footer-spacer
{
    display:block;
    background-color: #59cedf;
    margin:0px 0px 0px 0px;
}

.footer-bottom-spacer
{
    display:block;
    height:30px;
    background-color: #ffe476;
    margin:0px 0px 0px 0px;
}

.footer-spacer-inner-holder
{
        width:95%;
        height:120px;
        max-width:1250px;
        margin:0 auto;
        overflow:hidden;
        position:relative;
}

.footer-spacer-birds 
{
    width:100px; 
    margin:10px 10px 20px 0px;   
}

.footer-spacer-lighthouse
{
    position:absolute;
    bottom:0px;
    right:0px;
    margin:10px 30px 0px 20px; 
    height:80px;     
}

.footer-inner-container
    {
        width:91%;
        max-width:1200px;
        margin:0 auto;
        overflow:hidden;
    }
    
    .footer-inner-social-container
    {
        overflow:hidden;
        width:100%; 
        padding:0px 0px 0px 0px;
    }
    
    .footer-inner-social-container p
    {
        font-size:17px;
        font-weight:400; 
    }
    
    .footer-inner-pagelinks-container
    {
        overflow:hidden;
        width:100%; 
        padding:0px 0px 20px 0px;       
    }
    
    .footer-inner-pagelinks-container a
    {
        display:block;
        width:auto;
        padding:5px 20px 5px 0px;
        font-size:0.9rem; 
        color:#bcdcf3;       
    }
    
    .footer-inner-pagelinks-container a:hover
    {
        display:block;
        width:auto;
        padding:5px 20px 5px 0px;
        font-size:0.9rem; 
        color:#fff900;       
    }
    
    .footer-inner-copyright
    {
       overflow:hidden;
        width:100%;        
    }

.section-inner-container 
{
    overflow:hidden;
    /*padding:2rem 1.8rem 1.8rem 1.8rem; */
    padding:0px 0px 2vw 0px;  
    /*box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); 
    border-bottom:1px solid #EAEAEA;*/    
}

.section-inner-container-holder
{
    overflow:hidden;
margin:0px auto;
width:91%; 
max-width:1200px;
padding-top:0px; 
}

.section-inner-container ul 
{
    list-style-type: disc;
    display:block;
    margin-block-start: 0px;
    margin-block-end: 1.2rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
}

.section-inner-container ul ul
{
    list-style-type: disc;
    display:block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
}

.section-inner-container ol ul
{
    list-style-type: disc;
    display:block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
}

.section-inner-container ol 
{
    list-style-type: decimal;
    display:block;
    margin-block-start: 0px;
    margin-block-end: 1.2rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
}

.section-inner-container ol ol
{
    list-style-type: decimal;
    display:block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
}

.section-inner-container ul ol
{
    list-style-type: decimal;
    display:block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
}

.section-inner-container li 
{
    font-size:0.9rem;   
}

.section-inner-container ul li::marker 
{
    color: #0b27ff;
}

.section-inner-container ol li::marker 
{
    color: #0b27ff;
}

.page-header-heading 
{
 
}

.page-header-content
{
    
}

.blog-published-date
{
    color:#1994C0;
    font-size:0.9rem;
    padding:0px;
    margin:0px 0px 5px 0px;
}

.blog-category-breadcrumb
{
    color:#000000;
    font-size:0.9rem;
    padding:0px;
    margin:0px 0px 5px 0px;
}

.blog-category-breadcrumb a
{
    color:#1994C0;
    font-size:0.9rem;
    padding:0px;
    margin:0px 0px 0px 0px;
}



/*.page-header-heading
{
    display:block;
    width:100%;
    padding:20px 0px;
    bottom:0px;
    position:absolute;
    background-color:#172036;
}*/

/*.page-header-heading h1
{
    color:#ffffff;
    margin:0px auto;
    padding:0px;
    width:91%;
    max-width:1200px;
    display:block;
}*/

.button
{
    background-color:#1994C0;
    color:#FFFFFF;
    padding:10px 20px;
    border-radius:10px;
    display:inline-block;
    margin:0px 20px 20px 0px;
}

.button:hover
{
    background-color:#293F5D;
    color:#FFFFFF;  
}

.button-darkblue:hover
{
    background-color:#1994C0;
    color:#FFFFFF;  
}

.button-darkblue
{
    background-color:#293F5D;
    color:#FFFFFF;
    padding:10px 20px;
    border-radius:10px;
    display:inline-block;
    margin:0px 20px 20px 0px;
}

.social-button 
{
    display:inline-block;
    overflow:hidden;
    padding:10px;
    margin:0px 10px 10px 0px;
    background-color:#b4deff;
    border-radius:50%;
        color: #293F5D;
}

.social-button:hover 
{
    background-color:#293F5D;
    color: #FFFFFF;
}

.large-social {
    font-size: 1.7rem;
}

.callout
{
 background-color:#D8D8D8;
 color:#7E7E7E;   
}

.hidden 
{
 display:none;   
}

.input-error
{
 color:red;
 font-size:12px;
 font-weight:bold; 
 margin-top:-10px;
 margin-bottom:1rem;
 display:block;
}

.record-success
{
 color:green;
 font-size:12px;
 font-weight:bold; 
 margin-top:-10px;
 margin-bottom:1rem;
 display:block;
}

.record-success-hidden
{
 color:green;
 font-size:12px;
 font-weight:bold; 
 margin-top:-10px;
 margin-bottom:1rem;
 display:none;
}

.grid-icon
{
  font-size:24px;
}

.blog-list-panel 
{
  display:block;
  overflow:hidden;
}

.blog-list-three-items-panel
{
    display:block;
  overflow:hidden;
  /*background-color:#000000;
  margin-bottom:30px; */
  text-align:center;
  padding:0px 5px 0px 5px;
}

.blog-list-catch-of-the-day-panel
{
      display:block;
  overflow:hidden;
  background-color:#f6f5ff;
  margin-bottom:20px;
  text-align:center;
  padding:0px 0px 0px 0px;
}

.blog-item-promotional-blog-panel
{
      display:block;
  overflow:hidden;
  background-color:#D6D2C4;
  margin-bottom:20px;
  text-align:center;
  padding:0px 0px 0px 0px;
}

.blog-item-panel
{
 padding:0px;
 margin:0px 0px 20px 0px;
 background-color:#f6f5ff;
 display:inline-block;
 box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1);
 overflow:hidden;
 width:100%;
}

.blog-details-moreinfo-attributes-panel
{
    display:block;
    width:100%;
  overflow:hidden;
  margin:0px;
  text-align:center;
  padding:0px 0px 0px 0px;    
}

.blog-item-attribute-panel
{
 padding:20px 20px 10px 20px;
 background-color:#FFFFFF;
 width:95%;
}

.blog-item-image-panel
{
 margin: 0px 7px 10px 7px;
 background-color:#FFFFFF;
 display:inline-block;
 box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1);
 overflow:hidden;
 width:auto;
 padding:10px 10px 10px 10px;
}

.blog-item-image-panel img
{
    display:block;
    width:auto;
    height:120px;
    margin:0 auto 0 auto;
    padding:0px;
}

.blog-item-image-panel a
{
    display:inline-block;
    overflow:hidden;
    padding:0px;
    margin:0px;
    vertical-align:top;
}

.blog-item-panel-inner 
{
     padding:20px 20px 20px 20px;
     border-style:solid;
     border-color:#d7d7d7;
     border-width:0px 1px 1px 1px;
     margin:0px;
}

.blog-item-panel-inner-minor
{
     padding:20px 20px 20px 20px;
     border-style:solid;
     border-color:#d7d7d7;
     border-width:0px 1px 1px 1px;
     margin:0px;
}

.blog-item-panel-category
{
    background-color:#FFFFFF;    
}

.blog-item-catch-of-the-day-panel
{
 padding:20px;
 margin:0px 0px 0px 0px;
 display:inline-block;
 overflow:hidden;
 width:100%;
}

.blog-item-panel-header-image
{
    display:block;
    margin-bottom:0px;
    width:100%;
}

.blog-item-panel-header-image-minor
{
    display:block;
    margin-bottom:0px;
    width:100%;
}

.blog-item-panel .button, .blog-item-catch-of-the-day-panel .button-darkblue
{
    margin:0px;
}

.blog-item-panel p, .blog-item-catch-of-the-day-panel p
{
    padding:0 0 1.2rem 0; 
}

.blog-item-panel h2
{
    padding:0 0 1.2rem 0; 
}

.blog-item-catch-of-the-day-panel h2
{
    font-size:1.4rem;
    font-weight:600;
    padding:0 0 1.2rem 0; 
}

.blog-item-attribute-panel p
{
    padding: 0 0 10px 0;
}

.blog-item-attribute-type-icon
{
    font-size: 38px;
    color: #1994C0;   
}

.blog-item-panel-image-holder
{
 display:block;
 overflow:hidden; 
 margin:0px;
    width:100%;  
}

.blog-list-catch-of-the-day-panel-header 
{
    font-size:1.6rem;
    font-weight:600;
    color:#8F724A;
    padding:1.2rem 1.2rem 0 1.2rem;
}

.blog-details-outer-panel 
{
    position:relative;
    overflow:hidden;
}

.blog-details-inner-panel 
{
    position:relative;
    overflow:hidden;
}

.blog-details-panel
{
   overflow:hidden;    
}

.blog-details-location-panel
{
    overflow:hidden;
    margin:10px 0px 20px 0px;    
}

.blog-details-moreinfo-panel
{
    overflow:hidden;
    margin:10px 0px 10px 0px;    
}

.blog-details-images-holder-panel
{
   overflow:hidden;    
}

.blog-details-images-panel
{
   display:block;
width:100%;
    overflow:hidden;
    text-align:center;    
}

.blog-details-images-more-panel
{
    display:block;
width:100%;
    overflow:hidden;
    text-align:center;
    margin:10px 0px 10px 0px;
}

.see-more-images-button
{
   margin:0px; 
}

.blog-item-image-panel-hidden
{
    display:none;
}

.blog-item-image-panel-show-small
{
    display:inline-block;
}

.blog-item-image-panel-show-medium
{
    display:none;
}

.blog-item-image-panel-show-large
{
    display:none;
}

.blog-details-other-blogs-panel
{
display:block;
width:100%;
    overflow:hidden;
    text-align:center;
    margin:20px 0px 0px 0px;
}

.blog-items-three-leastviews-blogs-panel
{
display:block;
width:100%;
    overflow:hidden;
    text-align:center;
    margin:20px 0px 0px 0px;
}

.blog-items-three-recent-blogs-panel
{
display:block;
width:100%;
    overflow:hidden;
    text-align:center;
    margin:20px 0px 0px 0px;
}

.blog-items-recent-blogs-panel
{
display:block;
width:100%;
    overflow:hidden;
    text-align:center;
    margin:20px 0px 0px 0px;
}

.locationmap-marker-popup
{
 color:#000000;
 font-size:15px;
} 

.read-more-header
{
    font-size:1.5rem;
    font-weight:500;
    color:#293F5D;
    display:block;
    overflow:hidden;
    width:100%;
    border-top:1px solid #1994C0;
    margin:20px 0px 0px 0px;
    padding:20px 0px 0px 0px;      
}

.categories-blogs-separator
{
    display:block;
    overflow:hidden;
    width:100%;
    height:1px;
    background-color:#1994C0;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;      
}

.fullwidth 
{
 width:100%;
 text-align:center;   
}

.fullwidth-button-home 
{
 width:100%;
 text-align:center;   
}

.home-about-details-container
{
    margin-bottom:25px;
}

.home-about-details-inner-container
{
    padding:20px;
 margin:0px 5px 20px 5px;
 background-color:#ffffff;
 display:block;
 box-shadow: 1px 1px 4px 0px rgba(0,0,0,.1);
 overflow:hidden;    
}

.ErrorLabel
{
    color: Red;
}

/* Modal Styles -- begin */
.cm-modal
{
 display:none;
 width:100%;
 height:100%;
 position:fixed;
 top:0px;
 background-color:rgba(0,0,0,0.3);  
 z-index:99999;  
}

.cm-modal-panel
{
    display:block;
    width:90%;
    max-width:800px;
    border-radius:10px;
    background-color:#ffffff;
    overflow:hidden;
    margin:20px auto 0 auto;
    position:relative;
}

.cm-modal-header
{
    display:block;
    width:100%;
    background-color:#293F5D;
    overflow:hidden;
    padding:10px 0px 0px 0px;
    color:#000000;
}

.cm-modal-header h2
{
    margin-right:4.0rem;
    padding:8px 10px 15px 20px;
    color:#FFFFFF;
    font-size:1.4rem;
}

.cm-modal-body
{
    display:block;
    width:100%;
    background-color:#ffffff;
    overflow:hidden;
    padding:10px 20px 0px 20px;
}

.cm-modal-footer
{
   display:block;
    width:100%;
    background-color:#ffffff;
    overflow:hidden;
    padding:10px 10px 10px 10px;
    border-top:1px solid #cccccc;
}

.cm-modal-footer-buttons
{
   display:block;
    width:100%;
    background-color:#ffffff;
    overflow:hidden;
}

.cm-modal-close
{
 position:absolute;
 right:14px;
 top:0px;
 font-size:3.0rem;
 transform:rotate(45deg);
 cursor:pointer;
 color:#FFFFFF; 
}

.cm-modal-button-ok
{
    display:block;
    border-radius:5px;
    text-align:center;  
    text-decoration:none;  
    font-size:0.9rem;
    background-color:#1994C0;
    color:#FFFFFF;
    padding:10px;
    border:1px solid #1994C0;   
}

.cm-modal-button-ok:hover
{
    color:#FFFFFF;
    background-color:#293F5D;
    border:1px solid #293F5D; 
}

.cm-modal-button-cancel
{
    display:block;
    border-radius:5px;
    text-align:center;  
    text-decoration:none;  
    font-size:0.9rem;
    background-color:#F4F4F4;
    color:#293F5D;
    padding:10px;
    margin-top:10px;
    border:1px solid #D1D0D1;
}

.cm-modal-button-cancel:hover
{
   color:#FFFFFF;
    background-color:#293F5D;
    border:1px solid #293F5D;  
}

.cm-modal-captcha
{
    margin:0 1.2rem 1.2rem 1.2rem;
}

.cm-modal-contact-box
{
    width:100%;
    height:100px;
    font-size:0.9rem;
    padding:5px;
    font-family: "Open Sans", sans-serif;
   font-weight: 400;
}

.cm-modal-input
{
    width:100%;
    font-size:0.9rem;
    padding:5px;
    font-family: "Open Sans", sans-serif;
   font-weight: 400;
}

.cm-modal-success
{
    display:none;    
}

/* Modal Styles -- end */

/* Cookie Warning Dialog - start */
    
    .cookie-warning-dialog
    {
        display:none;
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        padding:40px 40px 30px 40px;
        background-color:#293F5D;
        overflow:visible;
        z-index:999999;
    }
    
    .cookie-warning-dialog a
    {
     color:#6fdfff;   
    }
    
    .cookie-warning-dialog a:hover
    {
     color:#f3d549;   
    }
    
    .cookie-warning-dialog-inner-container-centered
    {
        padding: 0px;
    max-width: 75rem;
    margin: 0 auto 0 auto;
    overflow: hidden;
    }
    
    .cookie-warning-text-holder
{
        color:#FFFFFF;
}
    
    .cookie-warning-ok-button
    {
        font-family: "Open Sans", sans-serif;
     font-weight: 700;
    font-size: 1.0rem;
    display: block;
    width: 100%;
    padding: 0.9rem 0.9rem 0.9rem 0.9rem;
    text-align: center;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px;
    background-color: #EBF1F5;
    color: #293F5D;
    margin: 20px 0 0 0;   
    border:0px none #000000;   
    cursor:pointer;  
    }
    
    /* Cookie Warning Dialog - end */




