@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
p {padding-bottom: 16px;}
sub, sup {font-size: 75% !important;}
a, a:hover, a:focus, button:focus, button:hover{outline: none;}
a{color: #06090C; vertical-align: top}
a:hover{color: #4A7686;}

#ie-toolbar {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background-color:#f3f3f3;}
#ie-toolbar div {position:absolute; top:50%; left:50%; width:700px; margin-left:-350px; text-align:center; height:120px; margin-top:-60px; color:#616161; font-size:30px;}
#ie-toolbar div a {color:#d65727; text-decoration:underline;}
#ie-toolbar div a:hover {color:#d65727; text-decoration:none;}

html.iphone-x-fix-left { margin: 0; padding: 0 0 0 32px; }
html.iphone-x-fix-left::before { content: ''; width: 32px; height: 100vh; position: fixed; left: 0; top: 0; background-color: #000; }
html.iphone-x-fix-right { margin: 0; padding: 0 32px 0 0; }
html.iphone-x-fix-right::before { content: ''; width: 32px; height: 100vh; position: fixed; right: 0; top: 0; background-color: #000; }

html{position: relative;}
html, body {min-height:100%; width:100%;}
.al{float: left;}
.ar{float: right;}
.pr {position: relative;}
.margin-auto {margin: 0 auto;}
a,a:after, button {text-decoration: none; cursor: pointer!important;}
a:focus, a:hover{text-decoration: none;}
img { border: 0; vertical-align: top;}
img, a, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn-sm.active.focus, .btn-sm.active:focus, .btn-sm.focus, .btn-sm:active.focus, .btn-sm:active:focus, .btn-sm:focus {outline: none;}
.imgW100p {width:100%;}
.pr{position: relative;}

body, h1, h2, h3, h4, .subheading, .subtitle, .caption-lg, .caption, .link,.form-control, .btn, .btn-sm{  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif; color: #333;}
body {font-size: 18px; line-height: 22px; background-color:#fff; overflow-y: scroll; font-weight: 400;}
h1{font-size: 56px; line-height: 64px; font-weight: 700;}
h2{font-size: 40px; line-height: 52px; font-weight: 700;}
h3{font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: 0.5px;}
h4{font-size: 24px; line-height: 31px; font-weight: 500;}
.subheading{font-size: 20px; line-height: 26px; font-weight: 500; letter-spacing: -0.15px;}
.subtitle{font-size: 16px; line-height: 26px; font-weight: 400;}
.caption-lg{font-size: 12px; line-height: 16px; font-weight: 500;}
.caption{font-size: 8px; line-height: 10px; font-weight: 400;}
.link, .btn, .btn-sm{font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: 0.5px;}
.bold{font-weight: 700;}
label{ font-weight: inherit;}

.site-header{padding: 0;}
.site-branding{margin-top: 0;}
.primary-navigation .primary-menu-container > ul > .menu-item > a{text-decoration: none !important; color: #799daa;}
.primary-navigation .primary-menu-container > ul > .menu-item > a:hover, .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{color: #324e5b !important;}

.btn, .btn-sm{padding: 9px 20px; }
.btn-sm{padding: 7px 15px;}
.btn-primary, .request-btn a{border: 2px solid #799daa; color: #fff !important; background: #799daa;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .primary-navigation .primary-menu-container > ul > .request-btn a:hover{border: 2px solid #324e5b; color: #fff !important; background: #324e5b; -webkit-background-clip: padding-box; background-clip: padding-box;}
.btn-secondary{border: 2px solid #06090C; color: #06090C !important; background: transparent;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary.active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{ border: 2px solid #799daa; color: #fff !important; background: #799daa;}
.site-info{ margin-top: 0 !important;}
.site-footer{padding-bottom: 0; margin-top: 0 !important;}
.site-footer .site-info {text-align: center; display: block !important; font-size: 14px; border-top: none; padding: 12px 0; margin: 0;}
.footer-navigation{margin: 0;}

.footer-form{background: #799daa; padding: 24px 0;}
.footer-form .widget-area{grid-template-columns: 1fr; padding: 0 20px; margin: 0 auto;}
.cf7-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 22px; }
.cf7-grid .col-12 { grid-column: span 12; }
.cf7-grid .col-6  { grid-column: span 6; }
.request-btn{text-align: center;}

/* inputs look like your mock */
.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
  padding: 18px 22px;
  border-radius: 16px;
  border: none;
  outline: none;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
  background: #fff;
  font-size: 18px;
}
.wpcf7 textarea{height: 160px;}

/* small hint below the date until placeholder is supported */
.field-hint {
  display: block;
  font-size: 14px;
  opacity: .7;
  margin-top: 6px;
}

/* button */
.wpcf7 input[type="submit"].btn {
  padding: 18px 28px;
  border-radius: 16px;
  border: 0;
  background: #35474d; /* match your screenshot’s dark button */
  color: #fff;
  font-weight: 600;
  letter-spacing: .5px;
  cursor: pointer;
   width: auto;
}
.wpcf7 input[type="submit"].btn:hover { filter: brightness(1.1);}
.wpcf7 .align-right { text-align: right; }
.footer-form h2{margin-bottom: 24px; color: #fff; font-size: 40px; line-height: normal}
.wpcf7-spinner{display: none !important;}

.site-main{padding: 0;}
.text-center {text-align: center;}
.mb-16 {margin-bottom: 16px;}
.home-icon{margin: 48px auto;}
.home-icon ul, .about-icon ul{display: flex; justify-content: space-between; gap: 16px; padding: 0; list-style: none; margin-top: 16px;}
.home-icon ul li{max-width: 220px; text-align: center;}
.home-icon ul li img, .about-icon ul li img{width: 100px; height: 100px; margin-bottom: 16px;}

.space-box, .about-text, .about-icon, .workshop-menu{padding: 64px 0;}

.banner{width: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; background-image: url(../images/banner.jpg); position: relative;}
.banner::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1;}
.banner-text{display: flex; justify-content: center; align-items: center; height: 100%; color: #fff; position: relative; z-index: 1; height: 29vw; min-height: 300px; max-height: 550px; padding: 48px 16px;}
.breadcrumbs a{color: #799daa;}
.breadcrumbs a:hover{text-decoration: underline;}
.e-con.e-flex>.e-con-inner{max-width: 100%;}
.about-icon, .workshop-menu, .contact-form{background: #f1f4f9; }
.about-icon .alignwide{max-width: 850px;}
.about-icon h2{text-align: center; margin-bottom: 32px;}
.about-icon li{max-width: 360px; text-align: center;}

.e-con.e-con>.e-con-inner>.elementor-widget.alignwide, .elementor.elementor .e-con>.elementor-widget.alignwide, .workshop-menu .e-con-inner{max-width: var(--responsive--alignwide-width) !important;}
.e-n-accordion{border: 1px solid #324e5b; border-top: none;}
.e-n-accordion-item, .e-n-accordion .e-con-full.e-con.e-child{border-top: 1px solid #324e5b !important;}
.e-n-accordion-item-title{padding: 16px !important; }
.e-n-accordion .e-con-full.e-con.e-child p:last-child{padding-bottom: 0;}
.elementor-widget-text-editor{color: #333 !important;}
.elementor-widget-text-editor p:last-child, .elementor-image-box-content p:last-child{padding-bottom: 0;}
.workshop-text{max-width: 450px;}
.workshop-box-text{display: flex; align-items: end; padding: 0 !important;}
.workshop-text{max-width: 450px !important;}
.d-block{display: block !important;}
.contact-box > .e-con-inner {display: flex; justify-content: space-between;}
.contact-form{width: 64%;}
.contact-address{width: 40%;}
textarea{resize: none;}
.h-160{height: 160px !important;}

.primary-navigation > div > .menu-wrapper li{margin-right: 10px !important;}

@media (max-width: 1200px) {
header.site-header{max-width: 100%; padding: 0 24px;}
}

/* Desktop Navigation Styles - Show on screens larger than 991px */
@media (min-width: 992px) {
  .menu-button-container {
    display: none !important;
  }
  
  .primary-navigation .primary-menu-container {
    display: block !important;
  }
  
  .primary-navigation .menu-wrapper {
    display: flex !important;
  }
  
}

@media (max-width: 991px) {
  header.site-header{padding: 0 16px;}
  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo{padding: 8px 0; margin: 0;}
  .site-logo img{max-width: 150px !important; max-height: 80px !important;}
  .primary-navigation{position: absolute; right: 0;}
    .menu-button-container {padding-top: 12px;  }
  .primary-navigation > div > .menu-wrapper li{margin-right: 0 !important; text-align: center;}
  .alignwide{max-width: 100%;}
  .space-box, .about-text, .about-icon, .workshop-menu{padding: 48px 0;}
  
}

@media (max-width: 768px) { 
h1{font-size: 40px; line-height: 52px;}
h2, .footer-form h2{font-size: 32px; line-height: 40px;}
h3{font-size: 24px; line-height: 31px;}
h4{font-size: 20px !important; line-height: 26px !important;}

 
.home-icon ul, .about-icon ul{flex-direction: column; align-items: center;}
.home-icon ul li, .about-icon ul li{margin-top: 16px;}
.home-icon ul li img, .about-icon ul li img{margin-bottom: 8px;}
.home-icon ul li:first-child, .about-icon ul li:first-child{margin-top: 0;}

.cf7-grid .col-6 { grid-column: span 12; }
.wpcf7 input[type="submit"].btn{width: 100%;}
.footer-form .widget-area{padding: 0;}
.contact-box.e-con.e-grid>.e-con-inner{flex-direction: column;}
.contact-form{width: 100%;}
.contact-address{width: 100%; margin-top: 24px;}
}