/* ===================================================================
   VOCATIONAL VISIONS CUSTOM STYLESHEET
   =================================================================== */

/* =========================================================
   IMPORTS
   ========================================================= */

@import url("https://vocationalvisions.org/templates/shaper_helixultimate/fonts-custom/the-great-adventure-fonts/stylesheet.css");
@import url("https://vocationalvisions.org/templates/shaper_helixultimate/fonts-custom/the-great-adventure-fonts/stylesheet-2.css");
@import url("https://vocationalvisions.org/templates/shaper_helixultimate/fonts-custom/the-great-adventure-fonts/stylesheet-3.css");

/* =========================================================
   GLOBAL STYLES
   ========================================================= */

a {
  color: #006e3a; /* green */
}
a:hover,
a:focus {
  color: #0c1e48; /* navy */
}

/* Hide <br> on screens smaller than 768px */
@media only screen and (max-width: 767px) {
  .mobile-friendly-text br {
    display: none;
  }
}

/* ========================================
   FOUR CARDS – FINAL & WORKING
   ======================================== */

.four-cards-equal .sppb-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

@media (max-width: 768px) {
  .four-cards-equal .sppb-row {
    gap: 20px; /* add space between stacked columns */
  }
}

.four-cards-equal .sppb-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.four-cards-equal .column-content {
    display: flex !important;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Title wrapping & spacing */
.four-cards-equal .column-content .sppb-addon-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    line-height: 1.2;
    margin-bottom: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Consistent spacing */
.four-cards-equal .column-content > .sppb-addon {
    margin-bottom: 20px !important;
}
.four-cards-equal .column-content .sppb-text-addon {
    margin-bottom: 20px !important;
}

/* Button to bottom */
.four-cards-equal .column-content .two-pill-buttons {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-top: 10px;
    text-align: center;
}

/* Button styles */
.two-pill-buttons .pill-btn {
    display: inline-block;
    width: 180px;
    padding: 14px 0;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin: 5px;
    transition: all .3s ease;
    text-align: center;
}

.two-pill-buttons {
  text-align: center;
}

.two-pill-buttons .learn-btn { background:#4298cc; border:2px solid #4298cc; }
.two-pill-buttons .learn-btn:hover { background:#fff; color:#4298cc; border:2px solid #fff; }
.two-pill-buttons .donate-btn { background:#0c1e48; border:2px solid #0c1e48; }
.two-pill-buttons .donate-btn:hover { background:#fff; color:#0c1e48; border:2px solid #fff; }
.two-pill-buttons .careers-btn { background:#006e3a; border:2px solid #006e3a; }
.two-pill-buttons .careers-btn:hover { background:#fff; color:#006e3a; border:2px solid #fff; }

/* Mobile */
@media (max-width:768px){
    .four-cards-equal .sppb-column{ flex:0 0 100%; }
    .two-pill-buttons .pill-btn{
        width:100%; max-width:200px; display:block; margin:10px auto;
    }
}

/* =========================================================
   BUTTON STYLES
   ========================================================= */
/* ---------- Base Button (shared styles) ---------- */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 999px; /* fully rounded corners */
  font-weight: 600; /* semi-bold */
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  width: auto;
}

/* ---------- Primary Button ---------- */
.btn-primary {
  background-color: #4298cc; /* Visions Blue */
  color: #ffffff;
  border: 2px solid #4298cc;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #ffffff !important;
  color: #4298cc !important;
  border-color: #4298cc !important;
}

/* ---------- Secondary Button ---------- */
.btn-secondary {
  background-color: #006e3a; /* Visions Green */
  color: #ffffff;
  border: 2px solid #006e3a;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #ffffff !important;
  color: #006e3a !important;
  border-color: #006e3a !important;
}

.btn-tertiary {
  background-color: #006e3a; /* Visions Green */
  color: #ffffff;
  border: 2px solid #006e3a;
}

.btn-tertiary:hover,
.btn-tertiary:focus {
  background-color: #ffffff !important;
  color: #006e3a !important;
  border-color: #006e3a !important;
}

/* ---------- Outline Button Modifier ---------- */
.btn-outline {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

/* --- Outline (Blue Hover) --- */
.btn-outline-blue:hover,
.btn-outline-blue:focus {
  background-color: #ffffff !important;
  color: #4298cc !important; /* Visions Blue */
  border-color: #ffffff !important;
}

/* --- Outline (Green Hover) --- */
.btn-outline-green:hover,
.btn-outline-green:focus {
  background-color: #ffffff !important;
  color: #006e3a !important; /* Visions Green */
  border-color: #ffffff !important;
}

/* ---------- Utility: Block/Full Width Option ---------- */
.btn--block {
  display: block;
  width: 100%; /* adjust as needed */
  margin: 0.5rem auto;
}

/* =========================================================
   THE GREAT ADVENTURE PAGE
   ========================================================= */

.great-adventure-container .sponsor-img {
  max-width:500px;
}
.great-adventure-container .sponsor-logo img {
  width:400px;
  margin:0px auto;
  margin-bottom:1rem;
  margin-top:1rem;
  border:1px solid #ccc;
}

.great-adventure-container .btn-raffle-ticket {
  background:#ac0000;
  color:#fff;
  display: inline-block;
  padding: 1.2rem 3rem;
  border-radius: 2rem;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 2rem;
}

.great-adventure-container.sponsor-logo {
   border-bottom:30px solid #c54339;
}

.great-adventure-container .hr-line {
  width:80%;
  margin-top:1.5rem !important;
  margin-bottom:1.5rem !important;
  margin:0 auto;
  height:.2rem;
  background:#000;
}

.great-adventure-container .raffle-container-two-col {
  display:grid;
  grid-template-columns: 5fr 7fr;
  gap:2rem;
}

.great-adventure-container.raffle-content-container .raffle-header{
  display:grid;
  grid-template-columns: 6fr 6fr;
  gap:4rem;
  max-width: 90% !important;
  margin: 0 auto;
  align-items: center;
}

.great-adventure-container .round-container-blue {
  padding: 1.2rem;
  border-radius: 3rem;
  color: #fff;
  background: #247f9c;
}

.great-adventure-event .double-word {
  position:relative;
}
.great-adventure-event .double-word::after {
  content: "DOUBLED";
  position: absolute;
  margin-top: 2.5rem;
  margin-left: -13.7rem;
  color: #ac0000;
}

.great-adventure-container .title-round-container-blue {
  width:100%;
  margin:0 auto;
  padding:1.5rem;
  border-radius:1rem;
  color:#fff;
  background:#247f9c;
  word-break:break-all;
}
.great-adventure-container .title-round-container-blue h3 {
  margin-bottom:0px;
  color:#fff;
}

.great-adventure-container .sppb-row-container {
  max-width: 90% !important;
}

.great-adventure-event p {
  line-height:1.9rem !important;
}

.great-adventure-event .bold {
  font-weight:bold;
}

.great-adventure-event .align-center {
  align-items:center;
  display:flex;
  justify-content: center;
}

.great-adventure-event .circle-dot {
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

/* --- Font Size Utilities --- */
.great-adventure-event .font-size-58 { font-size:58px !important; color:#000; }
.great-adventure-event .font-size-50 { font-size:50px !important; color:#000; }
.great-adventure-event .font-size-48 { font-size:48px !important; color:#000; }
.great-adventure-event .font-size-46 { font-size:46px !important; color:#000; }
.great-adventure-event .font-size-44 { font-size:44px !important; color:#000; }
.great-adventure-event .font-size-42 { font-size:42px !important; color:#000; }
.great-adventure-event .font-size-36 { font-size:36px !important; color:#000; }
.great-adventure-event .font-size-30 { font-size:30px !important; color:#000; }
.great-adventure-event .font-size-28 { font-size:28px !important; color:#000; }
.great-adventure-event .font-size-26 { font-size:26px !important; color:#000; }
.great-adventure-event .font-size-22 { font-size:22px !important; color:#000; }
.great-adventure-event .font-size-20 { font-size:20px !important; color:#000; }
.great-adventure-event .font-size-18 {
  font-size:18px;
  color:#000;
}

.great-adventure-event .font-size-16 {
  font-size:16px;
  color:#000;
}

/* --- Font Style & Line Height Utilities --- */
.custom-font-h2{
  font-size: 1.5rem;
}

.great-adventure-event .font-italic {
  font-style:italic;
}
.great-adventure-event .line-height-2 { line-height:2rem !important; }
.great-adventure-event .line-height-3 { line-height:3rem !important; }
.great-adventure-event .line-height-5 { line-height:5rem !important; }

.great-adventure-event .font-arial{ font-family:"Arial"; }
.great-adventure-event .font-arial-black{ font-family:"Arial Black"; }

.great-adventure-container .font-rockwell { font-family: 'rockwellextra_bold'; }
.great-adventure-container .font-franklin-gothic-cond { font-family: 'franklin_gothic_demi_condRg'; }
.great-adventure-container .font-franklin-gothic-reg { font-family: 'franklin_gothicregular'; }
.great-adventure-container .font-franklin-gothic-med { font-family: 'franklin_gothic_mediumregular'; }
.great-adventure-container .font-stencil { font-family: 'stencilregular'; }

.great-adventure-event.sponsorship-content-container {
  border-bottom:30px solid #c54339;
}

/* --- Width Utilities --- */
.great-adventure-container .img-width-60 { width:60% !important; }
.great-adventure-container .img-width-70 { width:70% !important; }
.great-adventure-container .img-width-80 { width:80% !important; }

.great-adventure-event .color-red {
  color:#ac0000;
}

.great-adventure-container .color-blue-dark {
  color:#4d7080 !important;
}

.great-adventure-header .overlay {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5030344901632529) 100%);
  padding: 2rem 0;
  color: #000;
}

.great-adventure-header .overlay .container {
  display:grid;
  grid-template-columns: 2fr 7fr 3fr 3fr;
  gap:1rem;
  max-width: 90% !important;
  margin: 0 auto;
}


.great-adventure-header .event-title p {
  margin-bottom:0;
  font-weight:bold;
  font-size: 18px !important;
  line-height:1.5rem;
  margin-top:.5rem;
}

.great-adventure-header .buttons a {
  display:block;
  padding:1rem 2rem;
  color:#fff;
  border-radius:1rem;
  border:1px solid #000;
  margin-bottom:.5rem;
  text-align:center;
  font-size:1.3rem;
  font-weight:bold;
  font-family:"Arial";
}

.great-adventure-header .font-franklin-gothic-cond {
  font-family: 'franklin_gothic_demi_condRg';
}

.great-adventure-header  .buttons a.bg-blue {
  background:#247f9c;
}

.great-adventure-header  .buttons a.bg-red {
  background:#c54339;
}

@media (max-width: 900px) {
  .great-adventure-header .overlay .container {
    display:block;
  }
  
  .great-adventure-container.raffle-content-container .raffle-header {
    display:block
  }
  
  .great-adventure-container .raffle-container-two-col {
    display:block;
  }
  
  .great-adventure-container .btn-raffle-ticket {
    margin-bottom:2rem;
  }
  
  .great-adventure-container .airplane-img, .great-adventure-header .airplane-img {
    margin-top:1rem;
    margin-bottom:1rem;
  }
  
}

@media (max-width: 600px) {
  .great-adventure-event .font-size-46 {
    font-size:36px !important;
    line-height: 3.5rem !important;
    margin-bottom: .5rem !important;
  }
  
  .great-adventure-event .font-size-42 {
    font-size:36px !important;
    line-height: 3.5rem !important;
    margin-bottom: .5rem !important;
  }
  
  .great-adventure-event .font-size-26 {
    font-size:20px !important;
    line-height: 2.3rem !important;
    margin-bottom: .5rem !important;
  }
  
  .great-adventure-container .title-round-container-blue h3 {
    font-size: 26px !important;
    line-height: 2.5rem !important;
    word-break: break-word;
  }
  
  .great-adventure-event .font-size-58 {
    font-size:50px !important;
  }
  
  .great-adventure-event .font-size-36 {
    font-size:30px !important;
    line-height: 2.5rem !important;
    margin-bottom: .5rem !important;
  }
}

@media (max-width: 400px) {
  .great-adventure-event .font-size-46 {
    font-size:34px !important;
  }
  
  .great-adventure-event .font-size-26 {
    font-size:18px !important;
  }
  
  .great-adventure-container .title-round-container-blue h3 {
    font-size: 22px !important;
  }
  
  .great-adventure-event .font-size-58 {
    font-size:46px !important;
  }
  
  .great-adventure-container .img-width-60 {
    width:100% !important;
  }
}

/* =========================================================
   GALA & GENERAL PAGE STYLES
   ========================================================= */

.home-three-content-text-module {
  min-height:14rem;
}

.text-black {
  color:#000 !important;
}

.sponsor-container {
  padding-bottom: 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed;
}

.gala-sponsor-title {
  background:#000;
  color:#fff;
  padding:1rem;
}

.text-black i {color:#000 !important;}

.text-black ul.checked li span {color:#000 !important;}

@font-face {
  font-family:'edscript';
  src: url('fonts/ITCEDSCR.TTF');
}

.font-edscript {
  font-family: 'edscript';
}

.gala-ticket-button {
  padding: 1rem 2rem;
  border-radius: .5rem;
  background: #c00000;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  width: 20rem;
  margin: 0px auto;
  font-size: 1.4rem;
  margin-top: .5rem;
  margin-bottom:1rem;
}

.gala-red-color {
  color:#c00000;
}

.gala-col-2-text-content-tickets {
  display:grid;
  grid-template-columns: 6fr 6fr;
  gap:1rem;
}

.gala-align-center {
  align-items:center;
  display:grid;
}

.gala-col-2-text-content-sponsor-contact {
  display:grid;
  grid-template-columns: 8fr 4fr;
  gap:1rem;
}

.gala-font-size-11rem {
  font-size:1.1rem !important; 
}

.gala-font-size-3rem {
  font-size:3rem !important; 
}

.gala-font-size-3rem .sppb-addon-title {
  font-size:3rem !important; 
}

.gala-box-rounded {
  background:#000;
  color:#fff;
  border-radius:1rem;
  padding:1rem;
  font-size: 1.5rem !important;
}
.gala-box-rounded a {
  color:#fff;
  text-decoration:none;
}

.gala-col-2-text-content {
  display:grid;
  grid-template-columns: 9fr 3fr;

}

.gala-sponsorship-container {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr;
  gap: 2rem;
}

.gala-text-content p.dot {
  align-items: center;
  display: flex;
}
.gala-text-content p.dot i {
  margin-left:.5rem;
  margin-right:.5rem;
  font-size:.5rem;
}

.gala-header .main-title {
  font-size:6rem !important;
}

.gala-header {
  min-height:40rem;
  background-position-y: 50% !important;
}

.gala-header-details {
  font-size: 1rem;
  align-items: center;
  display: flex;
}

.gala-header-details i {
  font-size: .5rem;
  margin: 0 .4rem;
}



.gala-header-overlay {
   background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5030344901632529) 100%); 
  padding: 2rem 0;
  color: #000;
  padding-bottom:0;
}

.gala-header-overlay .header-buttons a {
  padding:1rem;
  border-radius:1rem;
  background:#000;
  color:#fff;
  display: block;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  
}

@media (max-width: 770px) {
  .gala-col-2-text-content-sponsor-contact,
  .gala-col-2-text-content,
  .gala-sponsorship-container,
  .gala-col-2-text-content-tickets  {
    display:block;
  }
  .gala-resize-logo {
    width:300px !important;
    margin:0px auto;
    margin-top:1rem;
  }
}

.green-btn, .green-btn:hover {
  border-radius:0px;
  padding:1rem;
  background:#006e3a;
  color:#fff;
}

/* =========================================================
   COMPONENT-LIKE STYLES
   ========================================================= */

.board-director-row {
  box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3) !important;
  padding:3rem !important;
}

.director-name h3 {
  margin-bottom:.5rem !important;
}

.testimonial-item {
  padding:3rem 2rem 2rem 2rem;
  border:1px solid #ccc;
  position:relative;
}
.testimonial-item::before {
  content: "\f10e" !important;
font-weight: bold;
font-family: "Font Awesome 5 Free";
position: absolute;
right: 1rem;
top: 1rem;
font-size: 1.5rem;
  color:#ccc;
}

.listitem-list-job ul li a {
  color:#0c1e48 !important;
}
.listitem-list-job a::before {
  color:#0c1e48 !important;
}

.wish-list-supp-btn,.wish-list-supp-btn:hover {border:0px; padding:15px 30px; background:#d16130; color:#fff !important; border-radius:0px !important; cursor:pointer}

.rsform-block-jobtitle label {display:block !important;}
.rsform-block-resume {padding-top:20px; padding-bottom:20px;}

.listitem-list-job ul li a {padding:0px !important; padding-bottom:10px !important; padding-top:10px !important;}
.listitem-list-job ul li a:hover {background:none !important;}
.listitem-list-job ul li a:before {content:"\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900;}

/* --- Landing Pop Up --- */
.eb-dialog {padding:20px !important;}
.eb-dialog .contact-form .form-control {box-shadow: none !important;
border: 1px solid #000;}
.eb-dialog .contact-form .rsform-submit-button {box-shadow: none !important;}

.top-social-icon, .make-appointment {display:inline-block;}
.top-social-icon a {display:inline-block; margin:0px 5px; color:#fff;}
.top-social-icon i {padding: 10px 10px 10px 10px; border-radius: 50%; border: 1px solid #0c1e48; width: 35px; text-align: center; color:#fff; background: #0c1e48;}
.top-social-icon i:hover {background: #fff; color: #0c1e48; border: 1px solid #fff;}

.contact-item {display:block; line-height:2em; position:relative;}
.contact-item span {font-weight:bold;}

.sealed-logo img {width:50px; margin-right:10px; display:inline-block;}

/* --- Utility Classes --- */
.mb-30 {margin-bottom:30px;}
.mt-30 {margin-top:30px;}
.b-0 {border:0px;}

/* --- Get Involved Section --- */
.get-involved img {width:100px;}
.read-more-arrow-n, .read-more-arrow-n:hover, read-more-arrow-n:focus {font-weight:bold; background:none;}
.read-more-arrow-n::after{content: "\f105"; font-weight: 900; font-family: 'Font Awesome 5 Free'; margin-left: 10px;}

.bg-green {background:#2c7169;}
.bg-lime {background:#a7c961;}
.bg-lblue {background:#38a4dc;}
.bg-orange {background:#d16130;}
.bg-dblue {background:#162b5e;}

/*Contact*/
.contact-icon { position:relative; color:#000;}
.contact-icon h4 {margin-bottom:10px;}
/*.contact-icon a {color:#000;}*/
.contact-icon i {margin-bottom:20px; font-size: 25px; color: #fff; text-align: center; border-radius: 100%; width: 60px; height: 60px; padding: 17px 0;}
.contact-icon i.bg-green {background:#2c7169;}
.contact-icon i.bg-lime {background:#a7c961;}
.contact-icon i.bg-lblue {background:#38a4dc;}
.contact-icon i.bg-orange {background:#d16130;}
.contact-icon p {margin-bottom:10px;}

/* --- Contact Form --- */
.contact-form .form-control {background-color: #fff; border: none; -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149,152,200,0.2) !important; box-shadow: 0px 5px 28.5px 1.5px rgba(149,152,200,0.2) !important; height: 60px;}
.contact-form label {display: none;}
.contact-form .rsform-submit-button {font-size: 16px; margin-top: 10px; -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149,152,200,0.5) !important; box-shadow: 0px 5px 28.5px 1.5px rgba(149,152,200,0.5) !important; border: 0px; padding: 15px 50px; background: #d16130;
}
.rsform-block-tourfacility label {display:block;}
/*Contact Form End*/

.read-more-arrow, .read-more-arrow:hover, read-more-arrow:focus {color: #d16130 !important; font-weight:bold;}
.read-more-arrow::after{content: "\f105"; font-weight: 900; font-family: 'Font Awesome 5 Free'; margin-left: 10px; color: #d16130;}

/* --- More Utility Classes --- */
.op5 {opacity:.5;}
.z-ix-999 {z-index:999;}
.width-90 {width:90%;}

/* --- Article & Blog Styles --- */
.article-ratings-social-share {display:none !important;}
.article-list .article {border:0px; box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3);}
.article-list .article .article-body {background-color: #fff !important; position: relative;}
.article-list .article .article-header h2 {font-size:1.3rem;}
.article-list .article .article-body a {color:#006e3a;}
.article-list .article .article-header h2 a {color:#006e3a;}
.article-list .article .article-header h2 a:hover {color:#006e3a;}
.sppb-addon-article a.sppb-article-img-wrap { overflow: hidden; height: 250px !important; display: block;}
.articles-more {display:none;}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {border-color:#006e3a !important; background-color:#006e3a !important; color: #fff;}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {color:#006e3a;}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    border-color:#006e3a !important; background-color:#006e3a !important; 
}

.home-news a {color:#d16130;}
.home-news .sppb-addon-article {box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3);}
.home-news .sppb-article-info-wrap {padding:20px;}
.home-news .sppb-article-info-wrap h3 {font-size:1.3rem;}
.home-news .sppb-readmore {margin-top:20px; display:block;}

.home-events a {color:#d16130;}
.home-events .sppb-addon-article {box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3);}
.home-events .sppb-article-info-wrap {padding:20px;}
.home-events .sppb-article-info-wrap h3 {font-size:1.3rem;}
.home-events .sppb-readmore {margin-top:20px; display:block;}

.articles-blog a {color:#d16130;}
.articles-blog .sppb-addon-article {box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3);}
.articles-blog .sppb-article-info-wrap {padding:20px;}
.articles-blog .sppb-article-info-wrap h3 {font-size:1.3rem;}
.articles-blog .sppb-readmore {margin-top:20px; display:block;}
.articles-blog .sppb-addon-article a.sppb-article-img-wrap { overflow: hidden; height: auto !important; display: block;}

/* --- Call to action --- */
.call-to-action-f-i i {font-size:60px; color:#4298cc;}
.call-to-action-f-i-or {position: absolute; color: #0c1e49; top: 15px; text-align: center; width: 100%; color:#fff;}

.footer-sealed-logo img {display:inline-block; width:100px; margin-right:10px;}


/*Home*/
.home-icons img {width:100px;}
.home-overlay-container { /*margin-top:-80px !important;*/ background:#fff; border-radius: 5px; box-shadow: -1px 3px 10px 0 rgba(0,0,0,.07) !important;}

.b-white-overlay {background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5047152650122548) 100%, rgba(0,0,0,0) 100%);}

/* --- Box Line Top Styles --- */
.box-line-top-green {background:#006e3a; border-radius: 0px 0px 10px 10px; height:10px; width:90%; margin:0px auto;}
.box-line-top-green-read-more {background: #006e3a; border: 1px solid #4298cc; border-radius: 10px 10px 0px 0px; height: auto; width: 90%; margin: 0px auto; display: block; padding: 10px; color: #fff; font-weight:600;}
.box-line-top-green-read-more:hover {background: #fff; border: 1px solid #006e3a; color:#006e3a; font-weight:600;}

.box-line-top-lime {background:#a7c961; border-radius: 0px 0px 10px 10px; height:10px; width:90%; margin:0px auto;}
.box-line-top-lime-read-more {background: #a7c961; border: 1px solid #4298cc; border-radius: 10px 10px 0px 0px; height: auto; width: 90%; margin: 0px auto; display: block; padding: 10px; color: #fff; font-weight:600;}
.box-line-top-lime-read-more:hover {background: #fff; border: 1px solid #a7c961; color:#a7c961; font-weight:600;}

.box-line-top-orange {background:#d16130; border-radius: 0px 0px 10px 10px; height:10px; width:90%; margin:0px auto;}
.box-line-top-orange-read-more {background: #d16130; border: 1px solid #4298cc; border-radius: 10px 10px 0px 0px; height: auto; width: 90%; margin: 0px auto; display: block; padding: 10px; color: #fff; font-weight:600;}
.box-line-top-orange-read-more:hover {background: #fff; border: 1px solid #d16130; color:#d16130; font-weight:600;}

.box-line-top-lblue {background:#4298cc; border-radius: 0px 0px 10px 10px; height:10px; width:90%; margin:0px auto;}
.box-line-top-lblue-read-more {background: #4298cc; border: 1px solid #4298cc; border-radius: 10px 10px 0px 0px; height: auto; width: 90%; margin: 0px auto; display: block; padding: 10px; color: #fff; font-weight:600;}
.box-line-top-lblue-read-more:hover {background: #fff; border: 1px solid #4298cc; color:#4298cc; font-weight:600;}

.box-line-top-dblue {background:#0c1e48; border-radius: 0px 0px 10px 10px; height:10px; width:90%; margin:0px auto;}
.box-line-top-dblue-read-more {background: #0c1e48; border: 1px solid #4298cc; border-radius: 10px 10px 0px 0px; height: auto; width: 90%; margin: 0px auto; display: block; padding: 10px; color: #fff; font-weight:600;}
.box-line-top-dblue-read-more:hover {background: #fff; border: 1px solid #0c1e48; color:#0c1e48; font-weight:600;}

/* --- Color Utilities --- */
.color-black {color:#000 !important;}


.color-green-b {
  color:#006e3a;
}

.color-green {color:#036e3a;}
.color-lime {color:#a7c961;}

.color-orange {color:#d16130;}
.color-o-link a {color:#d16130;}

.color-blue {color:#0c1e49;}
.color-b-link a {color:#162b5e;}

.color-lblue {color:#38a4dc;}
.color-lb-link a {color:#38a4dc;}

.bg-white {background:#fff;}

.box-trans-shadow-2 {box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%); background-color: rgba(255, 255, 255, 0.45) !important; border:0px !important}

.img-border {padding:10px; border:1px solid #ccc;}


a.link-border {background:none; padding: 15px 30px;  border: 1px solid; border-radius: 0px; color:#fff;}
a.link-border:hover {background:#fff; padding: 15px 30px;  border: 1px solid #fff; border-radius: 0px; color:#000!important;}

a.link-border-o {background:none; padding: 15px 30px;  border: 1px solid #f79731; border-radius: 0px; color:#f79731;}
a.link-border-o:hover {background:#f79731; padding: 15px 30px;  border: 1px solid #f79731; border-radius: 0px; color:#fff!important;}

a.link-border-b {background:none; padding: 15px 30px;  border: 1px solid #000; border-radius: 0px; color:#000;}
a.link-border-b:hover {background:#000; padding: 15px 30px;  border: 1px solid #000; border-radius: 0px; color:#fff!important;}

a.link-o {background:#4298cc; padding: 0.75rem 1.5rem;  border: 1px solid #4298cc; border-radius: 5px; color:#fff; font-weight:600;}
a.link-o:hover {background:#ffffff; padding: 0.75rem 1.5rem;  border: 1px solid #4298cc; border-radius: 5px; color:#4298cc!important; font-weight:600;}
a.link-o i {margin-left:10px;}

a.link-border-w {background:none; padding: 0.75rem 1.5rem;   border: 2px solid #fff; border-radius: 5px; color:#fff; font-weight:600;}
a.link-border-w:hover {background:#fff; padding: 0.75rem 1.5rem;  border: 2px solid #fff; border-radius: 5px; color:#006e3a!important; font-weight:600;}

a.link-border-do {background:none; padding: 15px 30px;   border: 2px solid #d16130; border-radius: 5px; color:#d16130;}
a.link-border-do:hover {background:#d16130; padding: 15px 30px;  border: 2px solid #d16130; border-radius: 5px; color:#fff!important;}

/* --- Common Banner --- */
.common-banner {padding: 45px 0 20px 0 !important; color:#fff; background-image:none !important; background-color: #0c1e49;}
.common-banner .sppb-row-overlay {background:none !important;}
/*.common-banner h1::before {width: 50px; height: 2px; border-bottom: 2px solid #fff; content: ""; display: inline-block; position:absolute; left: 0; top: 20px;}*/
.common-banner h1 {padding-left:0px;}
.common-banner .line-divider-separator {border-top-style: solid; border-top-width: 3px; border-top-color: #fff;
 width: 50px; display: block; margin: 0px auto;}

/* --- Line Dividers --- */
.line-divider {text-align: center;}
.line-divider-separator {border-top-style: solid; border-top-width: 3px; border-top-color: #303031; width: 50px; display:block; margin:0px auto;}
.line-divider-separator-light {border-top-style: solid; border-top-width: 3px; border-top-color: #fff; width: 50px; display:block; margin:0px auto;}
.line-divider-separator-blue {border-top-style: solid; border-top-width: 3px; border-top-color: #25aae1; width: 50px; display:block; margin:0px auto;}


.line-color {width:200px;} 
.line-color .line-color-green {background:#036e3a; height:3px; width:32.33%; display:inline-block; margin:0px 1px;}
.line-color .line-color-lime {background:#162b5e; height:3px; width:32.33%; display:inline-block; margin:0px 1px;}
.line-color .line-color-lblue {background:#38a4dc; height:3px; width:32.33%; display:inline-block; margin:0px 1px;}

/* --- Box Shadow Utilities --- */
.round-b-shadow {border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.07);}
.b-shadow {box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3) !important; background-color: #fff;}
.b-shadow-7 {box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.7) !important;}

.bg-white {background:#fff;}

.image-box-shadow img {box-shadow: 0px 4px 30px -18px rgba(18.00000000000001, 23.0000000000001, 127, 0.3) !important; background-color: #fff; padding:15px;}

/* =========================================================
   FRAMEWORK OVERRIDES & GLOBAL ELEMENT STYLES
   ========================================================= */
html, body { line-height:1.5em; color:#0c1e48;}
h1,h2,h3,h4,h5,h6 {margin-bottom:1rem;}

iframe, object, embed {
    max-width: 100%;
}


h1 {font-size:2rem !important;}
h2 {font-size:1.8rem !important;}
.special-head1 h2 {font-size:1.5rem !important;}
.special-head1 span {font-size:1rem !important;}
.special-head2 h2 {font-size:3rem !important; color: #0c1e48;}
h3 {font-size:1.5rem !important;}
h4 {font-size:1.3rem !important; line-height:1.5em;}

ol {padding-left:15px;}
ol li {margin-bottom:10px; line-height:2em;}

p {line-height:2em;}

iframe, object, embed { max-width: 100%;}

/* --- Header & Main Menu --- */
.logo a {font-weight:bold; color:#0f75bc !important;}
.class-header-img h1 {font-size:2.7rem;}
#sp-header {background:#fff; color:#000; height:auto !important; padding-top:5px;}
.sp-megamenu-parent > li > a {
  color:#000;
  font-size: 14px !important;
  padding: 0 8px !important;
  font-weight: 600;
}
.sp-megamenu-parent > li > a:hover {color:#eb2d2d;}


.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #006e3a;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color:#006e3a;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color:#006e3a;}
.sp-megamenu-parent > li:hover > a {color:#006e3a !important;}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin-top:10px !important; background:#162b5e !important;}

/* --- Top Bar --- */
#sp-top-bar {background:#4298cc!important; color:#fff; padding:10px 0;}
#sp-top-bar {padding:0px;}
#sp-top1 a {color:#fff;}
#sp-top1 {margin-top:10px; position:relative}
#sp-top1 .sp-module {margin-left:0px;}

#sp-bottom {background:#0c1e48; color:#fff;}

#sp-bottom1 a {color:#38a4dc;}
#sp-bottom1 a:hover {color:#38a4dc;}

#sp-bottom1 i {font-size:18px;}
#sp-bottom1 .footer-icon-container {vertical-align: middle; display: inline-block; margin: 5px 10px 10px 0;}
#sp-bottom1 .footer-ico {display: table-cell; padding-right: 20px;}
#sp-bottom1 .footer-ico-txt{display: table-cell; vertical-align: middle; text-align: left;}

#sp-bottom2 p {margin-bottom:5px;}
#sp-bottom2 a {color:#38a4dc;}
#sp-bottom2 a:hover {color:#38a4dc;}
#sp-bottom2 .sp-module ul > li {margin-bottom:10px;}
#sp-bottom2 .sp-module ul > li > a {
  padding-left: 10px;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
}
#sp-bottom2 .sp-module ul > li > a:hover,
#sp-bottom2 .sp-module ul > li > a:focus {
  color: #4298cc; /* Visions Blue */
}

#sp-bottom2 .sp-module ul li::before {
    position: absolute;
    display: inline-block;
    margin-top:12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
    width: 2px;
    height: 2px;
    background: #38a4dc;
    content: "";
    text-align: center;
    transition: .3s;
}

#sp-bottom3 {line-height:0px;}
#sp-bottom3 label {display:none;}
#sp-bottom3 .formResponsive .formHorizontal .formControls {margin-left:0px;}
#sp-bottom3 .rsform-input-box {padding:10px; border-radius:0px;}
#sp-bottom3 h2 {font-weight: 700; font-size: 22px; margin: 0 0 30px;}
#sp-bottom3 .formResponsive .formHorizontal .rsform-block {margin-bottom:0px;}
#sp-bottom3 .rsform-submit-button {margin-top:0px;}
#sp-bottom3 .sp-module {margin-bottom: 0px;}
#sp-bottom3 .newsletter h2 {display:none;}
#sp-bottom3 .rsform-submit-button {padding: 10px; margin-left: 20px; border-radius: 0px; background:#0f75bc; border:1px solid #0f75bc ;}
#sp-bottom3 #userForm .formRed {text-align: left;}
#sp-section-2 {background: #f2f2f2; border-bottom: 1px solid #e1e1e1;}

#sp-bottom3 .sp-module ul > li {margin-bottom:10px;}
#sp-bottom3 .sp-module ul > li > a {padding-left:10px; color:#fff;}
#sp-bottom3 .sp-module ul li::before {
    position: absolute;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
    width: 2px;
    height: 2px;
    background: #00aeef;
    content: "";
    text-align: center;
    transition: .3s;
}

#sp-bottom3 a {color: #4298cc;}
#sp-bottom3 a:hover {color: #fff;}

#sp-bottom4 .small-teaser {vertical-align: middle; display: inline-block; margin: 0px 10px 0px 0; width:100%;}
#sp-bottom4 .ico {display: table-cell; padding-right: 10px; font-size: 18px;}
#sp-bottom4 .ico-txt {display: table-cell; vertical-align: middle; text-align: left;}

.footer-social-icon a {display:inline-block; margin:0px 5px; color:#fff;}
.footer-social-icon i {padding: 10px 10px 10px 10px; border-radius: 50%; border: 1px solid #fff; width: 35px; text-align: center; color:#fff;}
.footer-social-icon i:hover {background: #fff; color:#0c1e48;}

#sp-footer1 {padding-top:8px;}

#sp-footer {background:#0c1e48; color:#fff; border-top: 1px solid #061434;}
#sp-footer .container-inner {border-top: none;}
#sp-top-bar .sp-module {display: inline-block; margin:0px;}

/*Main Menu Start*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {padding:10px 0; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {color:#162b5e;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent-open a {color:#162b5e;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {color:#162b5e;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0 20px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding: 10px 0; border-bottom: 1px solid #ccc;}

#offcanvas-toggler > .fa {color:#fff;}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {color:#fff;}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {float: right; margin-left: 20px; margin-top: 20px; background: #f79731; padding: 10px; border-radius:5px;}
#offcanvas-toggler {display: block; height: auto; line-height: 0; font-size: 20px;}
/*Main Menu END*/

/*Contact Button Top*/
.make-appointment a {color: #fff !important; display: block; padding: 0.75rem 1.5rem; margin: 10px; border: 1px solid #0c1e48; background: #0c1e48; border-radius: 999px;  font-weight:600;}
.make-appointment a:hover {background: #fff; color: #0c1e48!important; border: 1px solid #fff;}
.make-appointment a i {font-size: 25px; margin-right: 10px; vertical-align: middle;}
/*Contact Button Top END*/

/*Contact Icon CSS*/
.contact-icon-top .small-teaser {vertical-align: middle; display: inline-block; margin: 5px 10px 10px 0;}
.contact-icon-top .contact-email .ico {display: table-cell; padding-right: 10px;}
.contact-icon-top .contact-email h4 {font-size:14px; margin-bottom:0px;}
.contact-icon-top .contact-email p {margin-bottom:0px;}
.contact-icon-top .contact-email .ico-txt {display: table-cell; vertical-align: middle; text-align: left;}
.contact-icon-top .contact-email i {font-size: 15px; display: inline-block; border-radius: 60px; padding: 0.6em 0.6em; border: 1px solid #0c1e48; background: #0c1e48;}
/* Social icons: FA + Bootstrap Icons */
.top-social-icon a i,
.top-social-icon a .bi {
    font-size: 15px;              /* match FA icons */
    width: 2.2em;                 /* set same width for all icons */
    height: 2.2em;                /* set same height */
    line-height: 2.2em;           /* vertically center icon */
    text-align: center;           /* center inside circle */
    display: inline-block;        
    border-radius: 60px;          
    padding: 0;                   /* remove extra padding */
    border: 1px solid #0c1e48;   
    background: #0c1e48;          
    color: #fff;                  
    vertical-align: middle;       
}
/* Hover for all icons inside top-social-icon */
.top-social-icon a:hover i,
.top-social-icon a:hover .bi {
    background-color: #fff; 
    color: #0c1e48;      
    border-color: #fff;
    transition: all 0.3s ease;
}

/* Specific fix for Bootstrap Icons that use ::before */
.top-social-icon a:hover .bi::before {
    color: #0c1e48; /* Force the icon itself to white */
}
/*Contact Icon CSS END*/

/* --- List Styles --- */
/*About Us Start*/
ul.checked {list-style:none; margin:0px; padding:0px;}
ul.checked li{margin-bottom:10px;}
ul.checked li i {color:#0c1e48; margin-right:10px; font-size:16px; display: table-cell;
padding-right: 10px; vertical-align:top; padding-top:3px;}
ul.checked li span, ul.checked li a  {display: table-cell; vertical-align: top; text-align: left; color:#0c1e48;}

ul.checked-white {list-style:none; margin:0px; padding:0px;}
ul.checked-white li{margin-bottom:10px;}
ul.checked-white li i {color:#fff; margin-right:10px; font-size:16px; display: table-cell;
padding-right: 10px; vertical-align:top; padding-top:3px;}
ul.checked-white li span {display: table-cell; vertical-align: top; text-align: left;}
/*About Us End*/

/* --- FAQ Component --- */
/*FAQ Start*/
.faq-accordion .sppb-panel-faq > .sppb-panel-heading {background:none; color:#323232; border:1px solid #e5e5e5; padding:20px 20px; margin-bottom:10px;}
.faq-accordion .sppb-panel-faq > .sppb-panel-heading:hover {background:#75c611; border:1px solid #75c611; color:#fff;}
.faq-accordion .sppb-panel-faq > .sppb-panel-heading:hover i {color:#fff;}
.faq-accordion .sppb-panel-faq .active {background:#75c611; border:1px solid #75c611; color:#fff;}
.faq-accordion .sppb-panel-faq > .sppb-panel-heading i {color:#75c611;}
.faq-accordion .sppb-panel-faq .active i {color:#fff;}
.sppb-panel-faq .sppb-panel-body {border:none}
/*FAQ End*/

/* =========================================================
   MEDIA QUERIES
   ========================================================= */

@media (max-width: 1200px) and (min-width: 990px) {
}
@media (max-width: 1200px) and (min-width: 991px) {
 
  .make-appointment a {
  color: #fff !important;
  display: block;
  padding: 10px 20px;
  margin: 10px;
  border: 1px solid #fff;
  border-radius: 0px;
}
  
  #sp-footer2 {width:66.666%; max-width:66.666%; flex:66.666%;}
  #sp-footer1 {width:33.333%; max-width:33.333%; flex:33.333%;}
  
}
@media (max-width: 1200px) {

}

@media(max-width:991px) {
  .top-social-icon, .make-appointment {display:block; padding-bottom:20px;}
}

@media (max-width: 991px) and (min-width: 201px) {
  #sp-footer #sp-footer2 {text-align:left !important; margin-top:20px;}
  #sp-bottom3 {margin-top:0px;}
  #sp-top-bar .sp-module {width: 100%; margin-bottom: 10px;}
  .email-icon-top {display:none !important;} 
  .home-contact-box {margin-top:0px !important;}
  
}
@media only screen and (max-width: 991px) and (min-width: 201px) {
  #sp-footer #sp-footer2 {text-align:left !important; margin-top:20px;}
  #sp-bottom3 {margin-top:0px;}
}

@media (max-width: 770px) {
  .gala-header-details i {
    display:none;
  }
  .gala-header-details span {
    display:block;
    font-weight:bold;
  }
  .gala-header-details {
    display:block;
  }
}

@media (max-width: 620px) and (min-width: 201px) {
  #sp-top-bar .container {padding-left:0px; padding-right:0px; max-width:100%;}
  #sp-top-bar  {padding-left:0px; padding-right:0px;}
  #sp-top-bar .sp-module {margin-bottom:0px;}
  #contact-form .col-4 {flex:100%; width:100%; max-width:100%;}
  #sp-bottom3 {margin-top:0px;}
  #sp-bottom2 .sp-module {margin-bottom:30px;}
  
  .home-overlay-container {margin-top:inherit !important; background:#fff; border-radius: 0px; box-shadow: none !important; margin-top:50px !important; text-align:center;}
  .home-overlay-col {padding:0px !important;}
  .home-overlay-container a {width:100% !important;}
}

@media (max-width: 478px) {
}
@media (max-width: 360px) {
  #contact-form .col-6 {width:100%; flex:100%; max-width:100%;}
  
  .top-social-icon i, .footer-social-icon i {
  padding: 9px;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 30px;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
  
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}

.grecaptcha-badge { 
    visibility: hidden;
}