/*
Theme Name: slackline
Description: A  Wordpress Responsive theme. 
Version: 1.0
Author: Sougata
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,300,300italic,600italic,700,700italic,800,800italic);
/*font-family: 'Open Sans', sans-serif;*/


*{padding:0px; margin:0px;}
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, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
img {
	max-width:100%;
	height:auto;
}
ul,ol {list-style-type:none;}
iframe, object, embed {
	max-width: 100%;
}

body {
   font-family:Calibri;
   font-size:16px;
   font-weight:normal;
   color:#000;
   text-decoration:none;
   background:url(images/bg.gif);
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

#top{
	width:100%;
	float:left;
	margin:0px;
}
#buttom{
	width:100%;
	float:left;
	margin:30px 0 0 0;
	background-color:#135184;
}
.full_width{
	width:100%;
	float:left;
	margin:0px;
}
.container{
	width:100%;
	max-width:950px;
	margin:0 auto;
}
.container_b{
	background-color:#FFF;
	width:100%;
	float:left;
	box-shadow: 0 0px 15px #999999;
	border-top:2px solid #021e46;
}
.center{
	width:97%;
	margin:0 auto;
}
.header {
    float:left;
	width:100%;
}
.maincontent {
   float:left;
   width: 100%;
   margin:0px 0 0 0px;
   /*background: #fff url(images/shadow.png) top center no-repeat;*/
   padding:38px 0 0 0px;
}
#contentbg-l {
	float:left;
	width:70.65217391304348%;
	margin:25px 0 0 0px;
}
#contentbg-full {
	float:left;
	width:100%;
	margin:25px 0 0 0px;
}
#contentbg-r {
	float:right;
	width:26.08695652173913%;
	margin:25px 0 0 0;
}
.post {
	width:100%;
    float:left;
	padding:0px;
	margin:0 0 30px 0px;
}
.header_bg{
	background: #fff url(images/logo_bg.gif) top center no-repeat;
	border-top:#07add5 3px solid;
	border-bottom:#07add5 3px solid;
}
.nav_bg{
	background: #fff url(images/navigation_bg.gif) top center repeat-y;
}
.slider_bg{
	background:url(images/slider_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.news_bg{
	min-height:47px;
	background-color:#f4f4f4;
}
.social{
	width:68%;
	float:right;
	margin:15px 0 0 0;
}
.social img{
	float:right;
	margin:0 0 0 10px;
}
.social2{
	width:100%;
	margin:15px 0 0 0;
	display:none;
	text-align:center;
}
.social img{
	text-align:center;
	margin:0 0 0 12px;
}


/************************************************************************************
CONTENT
*************************************************************************************/
.logo{
	width:23.80434782608696%;
	float:left;
	margin:0 0 0 0px;
}
.top_text{
	width:75.7%;
	float:right;
	margin:15px 0 0 0px;
}
.top_text p{
	width:100%;
	float:left;
	margin:0px 0 0 0px;
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	color:#135184;
	text-align:right;
	padding:0 0 6px 0px;
}
.top_text p a{
	color:#07add5;
	text-decoration:none;
}
.top_text p a:hover{
	color:#07add5;
	text-decoration:underline;
}
.top_text p span{
	color:#07add5;
}

/* SEARCH*/
.search {
     float:right;
     width: 262px;
     height: 32px;
	 margin:20px 0 0 0px;
	 /*background-color:#e5e5e5;*/
}
.search_input {
     float:left;
     background-color: #e5e5e5;
     border-style: none;
	 width:218px;
	 padding:4px;
	 height:24px;
}
.search_submit {
	background-image:url(images/searchbg.jpg);
	background-repeat:no-repeat;
	height:32px;
	width:36px;
	border:0;
	display:block;
	float:left;
	text-indent:-99999px;
	cursor:pointer;
}

/* ====  Navigation ===== */
nav{
	width:100%;
	float:left;
	margin:0 0 0 0px;
	background-color:#262262;
}
.menu-icon {
	display: hidden;
	width: 100%;
	height: 49px;
	background: #262262 url(images/menu-icon.gif) center no-repeat;
}
ul.nav{
	width:100%;
	height:48px;
	margin:0px 0 0 0px;
	z-index:23000;
}

ul.nav li{
	padding:0px;
	margin:0px;
	float:left;
	border-right:1px solid #3c3972;
}
ul.nav li:last-child{
	border-right:0px;
}
ul.nav li a{
	padding:12px 36px 13px 36px;
	font-family:Calibri;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
}
ul.nav li a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#4185c9;
}
ul.nav li.current_page_item a{
	color:#fff;
	text-decoration:none;
	background-color:#4185c9;
}
.slider{
	width:100%;
	margin:0px 0 0px 0px;
	float:left;
}


/* MENU*/
/*.menu li ul {
	display:none;
}
.menu li:hover > ul {display: block;}

.menu {
	float:left;
	width:940px;
	/*height:41px;*/
}
/*.menu ul {
   list-style: none;
   margin:0;
   padding:0;
   z-index:1000;
}
.menu li {
   float:left;
   padding:0 0 0 0px;
}
.menu li a {
   font: 12px Trebuchet MS;
   color: #ffffff;
   text-decoration: none;
   background-color:#eea334;
   display:block;
   padding:8px 20px 8px 20px;
}
.menu li a:hover {
   background-color: #6b4205;
   padding:8px 20px 8px 20px;
}
.menu li.current_page_item a{
   background-color: #6b4205;
   padding:8px 20px 8px 20px;
}
.menu ul ul{ 
	margin:0px 0 0 0px; 
	padding:0 0 0 0px; 
	width:190px; 
	position:absolute;
}
.menu ul ul li{ 
	margin:0 0px 0 0px;
	padding:0 0 0 0; 
	display:block; 
	width:190px; 
	position:relative;
	background-color:#00833c;
}
.menu ul ul li a{ 
	padding:9px; 
	background-color:#00833c;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #039847;
}
.menu ul ul li a:hover{ 
	background-color:#e2992c;
	text-decoration:none;
	background-image:none;
	padding:9px; 
}
.menu ul ul ul{ 
	position: absolute; 
	left: 100%; 
	top:0;
}*/
/*.menu ul ul ul li{ 
	margin:-31px 0px 0 0px; 
	padding:0 0 0 0; 
	display:block; 
	width:120px; 
	position:relative;
}*/
.news{
	width:100%;
	float:left;
	margin:0px;
}
.news h2{
	font:normal 21px Arial, Helvetica, sans-serif;
	color:#003473;
	padding:10px 0 0 0px;
	float:left;
}
.news p{
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#003473;
	padding:15px 0 6px 6px;
	float:left;
}


.post h1 {
	font-family:Calibri;
	font-size:30px;
    color: #262262;
    margin:0;
	padding:0 0 8px 0px;
}
.post h1 a {
    text-decoration:none;
    color:#262262;
}
.post h1 a:hover {
    text-decoration:none;
    color:#262262;
}
.post h3 {
	font-family:Calibri;
	font-size:22px;
	font-weight:bold;
    color: #000;
    margin:0;
	padding:0 0 10px 0px;
}
     
.post p {
	font-family:Calibri;
	font-size:16px;
	margin:0;
	padding-bottom: 20px;
	color: #000;
}
.post p a {
      color: #000000;
      text-decoration:underline;
}
.post p a:hover {
      text-decoration: none;
	  color:#000;
}
p.cont {
  color: #2c3b43;
  padding-right: 10px;
}
p.rest a {
  color: #0982b5;
}
.moretext{
	color:#135184;
	padding:10px 0 0 0px;
	margin:10px 0 0 0px;
	width:200px;
	height:30px;
	background-color:#F00;
}
.moretext a{
	text-decoration:none;
	color:#FFF;
	font:normal 13px Arial, Helvetica, sans-serif;
}

.comment {
     float:left;
	 background-color:rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
     margin-right: 10px;
	 width:100%;
}
.comment p {
     float:left;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 15px;
     padding-right: 15px;
	 font-size:13px;
}
p.comments {
     float: right;
     background: url(images/comment_icon.gif) left no-repeat;
     padding-left: 20px;
}
.entries {
      float:left;
      font: 11px trebuchet ms;
      color: #000000;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px;
      margin:0;
}
.entries a {
      color: #000000; 
      text-decoration: none;
}
.entries a:hover {
      text-decoration: underline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* CONTENT RIGHT */

.sidehead {
    margin-top: 10px;
    background-color: #79a3d2;
}
.sidehead h1 {
      font: 17px Trebuchet MS;
      color: #48545b;
      text-transform: uppercase;
      padding-left: 30px;
      padding-top: 5px;
      padding-bottom: 5px;
      margin:0;      
}
.sidelinks {
	margin:0 0 12px 0px;
	background-color:#FFF;
}
.sidelinks  h1{
	font-family:Calibri;
	font-size:22px;
	color:#FFF;
	font-weight:300;
	text-decoration:none;
	background-color:#262262;
	padding:8px;
	margin:0 0 6px 0px;
}
.sidelinks ul {
      list-style: none;
      margin:0;
      padding:10px 0 10px 0;
}
.sidelinks li {
      background: url(images/sidebullet.gif) no-repeat top left;
      padding-left: 15px;
      background-position: 0px 8px;
      padding-bottom: 14px;
      color: #000;
	  font-weight:normal;
}
.sidelinks li a {
      color: #000;
      text-decoration: none;
}
.sidelinks li a:hover {
      color: #000;
	  text-decoration:underline;
}
.sidelinks p{
	font-family:Calibri;
	font-size:16px;
	color:#000;
	text-decoration:none;
	width:100%;
	padding:0 0 15px 0;
}
.sidelinks p a{
	color:#000;
	text-decoration:underline;
}
.sidelinks p a:hover{
	color:#000;
	text-decoration:none;
}

/* FOOTER */
.footer {
	width:100%;
	margin:30px 0 0 0;;
	padding:0px 0 20px 0px;
	float:left;
	background-color:#262262;
}
.f_left{
	width:28.26086956521739%;
	float:left;
	margin:20px 0 0 0;
}
.f_left p{
	width:100%;
	margin:0;
	padding:0px 0 20px 0px;
	font-family:Calibri;
	font-size:15px;
	color:#fff;
	text-align:left;
}
.f_left p a{
	color:#fff;
	text-decoration:none;
	padding:0 0px 0 0px;
}
.f_left p a:hover{
	color:#FFF;
	text-decoration:underline;
	padding:0 0px 0 0px;
}
.f_right{
	width:69.56521739130435%;
	float:right;
	margin:20px 0 0 0;
}
.f_right p{
	width:100%;
	margin:0;
	padding:0px 0 20px 0px;
	font-family:Calibri;
	font-size:15px;
	color:#fff;
	text-align:right;
}
.f_right p a{
	color:#fff;
	text-decoration:none;
	padding:0 0px 0 0px;
}
.f_right p a:hover{
	color:#FFF;
	text-decoration:underline;
	padding:0 0px 0 0px;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	background-color: #F7F7F7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.commentlist {
	padding: 0;
	text-align: justify;
	width:100%;
}
.commentlist a { color: #737373; }
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 10px 10px;
	list-style: none;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* Home */

.h_full{
	width:100%;
	float:left;
	margin:0 0 0 0px;
}
.h_full h1 {
	font-family:Calibri;
	font-size:30px;
    color: #262262;
    margin:0;
	padding:15px 0 20px 0px;
	width:100%;
	border-top:1px dashed #dddddd;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.5%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.37%;
}
.span_2_of_4 {
	width: 48.75%;
}
.span_1_of_4 {
	width: 23.12%;
}

.grid_box{
	width:100%;
	float:left;
	margin:0;
}
.grid_box img{
	text-align:center;
	margin:0 auto;
	display:table;
}
.view_more{
	margin:15px auto;
	display:table;
}
.view_more a{
	font:normal 16px Calibri;
	color:#000;
	background-color:#d8a247;
	padding:5px 10px 5px 10px;
	display:block;
	text-decoration:none;
	width:80px;
	text-align:center;
}
.view_more a:hover{
	color:#fff;
	text-decoration:none;
}
.t_bg{
	width:100%;
	float:left;
	margin:15px 0 15px 0px;
	background-color:#7bd5da;
}
.t_bg p{
	font:normal 16px Calibri;
	color:#000;
	padding:25px 15px 25px 15px;
	text-decoration:none;
}
.t_bg p span{
	font-size:30px;
}
.signup{
	width:100%;
	float:left;
	margin:25px 0 20px 0;
}
.signup_left{
	width:39.1304347826087%;
	float:left;
	background-color:#4185c9;
	text-align:center;
}
.signup_right{
	width:60.5200%;
	float:right;
	background-color:#fff;
	border:1px solid #d8d8d8;
	padding:19px 0 0 0;
}
.s_input_b{
	width:34%;
	float:left;
	margin:0 0 0px 2%;
}
.s_input_s{
	width:23%;
	float:left;
	margin:0 0 0px 2%;
}
.s_input{
	width:98%;
	background-color:#dfdfdf;
	border:0;
	height:36px;
	padding-left:4px;
}
.s_submit{
	width:100%;
	float:left;
	background-color:#4185c9;
	border:0;
	height:36px;
	color:#FFF;
	font:bold 18px Calibri;
	cursor:pointer;
}
.c_form{
	width:100%;
	margin:15px 0 0 0px;
}
.c_form p{
	width:100%;
	float:left;
	margin:0 0 0px 0px;
	font:bold 16px Calibri;
	color:#000;
}
.c_form_input1{
	width:40%;
	height:36px;
	background-color:#dfdfdf;
	border:0;
}
.c_form_input2{
	width:60%;
	height:150px;
	background-color:#dfdfdf;
	border:0;
}
.c_form_submit{
	width:132px;
	float:left;
	background-color:#4185c9;
	border:0;
	height:36px;
	color:#FFF;
	font:bold 18px Calibri;
	cursor:pointer;
}
.c_form_submit:hover{
	background-color:#266aad;
}

/* Free Email Box */
.mail_box{
	width:250px;
	position:fixed; 
	right:0; 
	bottom:0;
	z-index:5000;
}
.mail_box_t{
	width:250px;
	background-color:#4184c8; 
	position:relative;
	font:normal 20px Calibri;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	display:block;
	padding:8px 0 8px 0;
}
.mail_box_t a{
	color:#FFF;
	text-decoration:none;
}
.mail_box_b{
	width:230px;
	background-color:#296cb0; 
	position:relative;
	padding:10px;
	display:none;
	float:left;
}
.mail_box_b p{
	width:100%;
	float:left;
	margin:0 0 10px 0;
}
.mail_box_input{
	width:98%;
	height:36px;
	background-color:#FFF;
	border:0;
	padding:0 0 0 6px;
}
.mail_box_submit{
	width:100px;
	height:36px;
	background-color:#d8a247;
	border:0;
	color:#fff;
	font:normal 16px Calibri;
	text-align:center;
	cursor:pointer;
}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 1024px) {
	
	.container {
		width: 95%;
	}
/*	#contentbg-l {
		width:72.34042553191489%;
	}
	#contentbg-r {
		width:25.53191489361702%;
	}
*/	#header {
		width: 100%;
	}
	.menu {
		width:100%;
	}
	#footer {
		width: 95.91836734693878%;
	}
	#footerbg {
		width: 100%;
	}


}

/* for 700px or less */
@media screen and (max-width: 768px) {
	.container {
		width: 94%;
	}
	.logo{
		width:100%;
		float:left;
		margin:0 0 0 0px;
	}
	.logo img{
		margin:0 auto;
		display:table;
	}
	.social{
		/*width:100%;
		float:left;
		margin:0 0 10px 0;*/
		display:none;
	}
	.search{
		margin:0 auto;
		width:262px;
		float:none;
	}
	.slider{
		width:100%;
		float:left;
	}
	.top_text{
		width:auto;
		float:none;
		margin:0 0 0 0px;
	}
	.top_text p{
		width:auto;
		float:none;
		text-align:center;
		margin:0 0 0 0px;
		font-size:18px;
		padding:0 0 6px 0px;
	}
	.top_text p span{
		font-size:20px;
	}
	.header {
		width:auto;
		float:none;
		height:auto;
	}
	#contentbg-l {
		width: auto;
		float: none;
	}
	#contentbg-r {
		width: 100%;
		/*width: auto;*/
		float: left;
	}
	.sidelinks img{
		margin:0 auto;
		display:table;
	}
	#footerbg {
		width: auto;
		float: none;
	}
    .menu li { float: none; width:100% }
    .menu li a { border-bottom: 1px solid #fff; }
	.menu ul ul{  
		width:100%; 
		position:relative;
	}
	.menu ul ul li{ 
		display:block; 
		width:100%; 
		position:relative;
	}
	.menu ul ul ul{ 
		position: relative; 
		left:0;
		top:0;
	}
	.menu ul ul ul li{
		display:block; 
		width:100%; 
		position:relative;
	}
	.socialmedia img{
		float:left;
		margin:0 0 8px 10px;
		display:inline;
	}
	.social2{ display:block;}
	.menu-icon {
		display:block;
	}
	nav{
		width:100%;
		float:left;
	}
	ul.nav{
		width:auto;
		margin:0px 0 0 0px;
		display: none;
		position:relative;
		float:none;
		left:0;
	}
	ul.nav li{
		padding:0px;
		margin:0px;
		width:100%;
		background-color:#262262;
		float:left;
		border-right:0px;
	}
	ul.nav li a{
		padding:11px 10px 10px 11px;
		font:normal 15px Arial, Helvetica, sans-serif;
		color:#FFF;
		text-decoration:none;
		display:block;
		border-bottom: 1px solid #3c3972;
	}
	ul.nav li a:hover{
		color:#fff;
		text-decoration:none;
		background-image:none;
		background-color:#4185c9;
	}
	.f_left{
		width:auto;
		float:none;
	}
	.f_left p{
		text-align:center;
	}
	.f_right {
		width:auto;
		float:none;
	}
	.f_right p{
		text-align:center;
	}
	.footer_right img {
		margin:0 auto;
		display:table;
	}
	.signup_left, .signup_right{
		width:auto;
		float:none;
	}
	.s_input_b, .s_input_s{
		width:auto;
		float:none;
		margin:0 0 10px 0;
	}
	.c_form{
		width:auto;
		float:none;
	}
	.c_form p{
		width:auto;
		float:none;
	}
	.c_form_input1{
		width:auto;
		float:none;
	}
	.c_form_input2 {
		width:100%;
		float:none;
	}



}

/* for 480px or less */
@media screen and (max-width: 480px) {
	
	.header {
		/*width: auto;*/
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	.footer {
		height:auto;
	}
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}



/* Modern homepage redesign — scoped to the Front Page template. */
.container:has(.sl-home) {
  max-width: none;
  background: #fff;
}

.container:has(.sl-home) .header {
  float: none;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 14px 0;
}

.container:has(.sl-home) .logo {
  float: none;
  width: auto;
}

.container:has(.sl-home) .logo img {
  display: block;
  width: 165px;
  height: auto;
}

.container:has(.sl-home) .social {
  display: none;
}

.container:has(.sl-home) .search {
  float: none;
  width: 230px;
  height: 40px;
  margin: 0;
}

.container:has(.sl-home) .search_input {
  box-sizing: border-box;
  width: 188px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #d8e1df;
  border-radius: 999px 0 0 999px;
  background: #f4f7f6;
  color: #163331;
}

.container:has(.sl-home) .search_submit {
  width: 42px;
  height: 40px;
  border-radius: 0 999px 999px 0;
  background-color: #e9a23b;
  background-position: center;
}

.container:has(.sl-home) nav {
  float: none;
  background: #123e3c;
}

.container:has(.sl-home) ul.nav {
  display: block;
  width: min(1180px, calc(100% - 40px));
  height: auto;
  margin: 0 auto;
}

.container:has(.sl-home) ul.nav::after {
  display: table;
  clear: both;
  content: "";
}

.container:has(.sl-home) ul.nav li {
  border: 0;
}

.container:has(.sl-home) ul.nav li a {
  padding: 15px 22px;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: .055em;
}

.container:has(.sl-home) ul.nav li a:hover,
.container:has(.sl-home) ul.nav li.current_page_item a {
  background: #1d5753;
}

.sl-home {
  clear: both;
  overflow: hidden;
  background: #fff;
  color: #183230;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.68;
}

.sl-home *, .sl-home *::before, .sl-home *::after {
  box-sizing: border-box;
}

.sl-home h1, .sl-home h2, .sl-home h3, .sl-home p {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

.sl-home h1, .sl-home h2, .sl-home h3 {
  color: #123e3c;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.sl-home h1 {
  max-width: 760px;
  color: #fff;
  font-size: clamp(42px, 6vw, 74px);
}

.sl-home h2 { font-size: clamp(32px, 4vw, 48px); }
.sl-home h3 { font-size: 24px; }
.sl-home a { color: inherit; }

.sl-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.sl-hero {
  position: relative;
  min-height: 660px;
  display: flex;
  align-items: center;
  background: #173d38 var(--sl-hero-image) center center / cover no-repeat;
}

.sl-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,30,28,.92) 0%, rgba(6,35,32,.74) 42%, rgba(6,35,32,.2) 72%, rgba(6,35,32,.05) 100%);
}

.sl-hero__inner {
  position: relative;
  z-index: 1;
  padding: 92px 0 78px;
}

.sl-eyebrow, .sl-kicker {
  margin-bottom: 16px !important;
  color: #c87927;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sl-hero .sl-eyebrow { color: #ffd390; }

.sl-hero__lead {
  max-width: 650px;
  margin-top: 24px !important;
  color: #f3f8f6;
  font-size: 20px;
  line-height: 1.6;
}

.sl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}

.sl-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 23px;
  border: 2px solid transparent;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.sl-button:hover { transform: translateY(-2px); }
.sl-button--primary { background: #efa843; color: #143b38 !important; }
.sl-button--primary:hover { background: #ffc466; }
.sl-button--ghost { border-color: rgba(255,255,255,.75); color: #fff !important; }
.sl-button--ghost:hover { border-color: #fff; background: rgba(255,255,255,.12); }
.sl-button--outline { border-color: #164d49; color: #164d49 !important; }
.sl-button--outline:hover { background: #164d49; color: #fff !important; }
.sl-button--light { background: #fff; color: #123e3c !important; }

.sl-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 34px 0 0;
  padding: 0;
  color: #e5efec;
  font-size: 14px;
  list-style: none;
}

.sl-trust li::before {
  margin-right: 8px;
  color: #ffd390;
  content: "✓";
  font-weight: 800;
}

.sl-section { padding: 92px 0; }
.sl-section--intro { padding: 80px 0; }
.sl-section--tint { background: #eef4f1; }
.sl-section--dark { background: #123e3c; color: #dce9e6; }
.sl-section--dark h2 { color: #fff; }
.sl-section--dark a { color: #ffd390; }
.sl-kicker--light { color: #ffd390; }

.sl-intro, .sl-story, .sl-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(40px, 8vw, 100px);
  align-items: start;
}

.sl-prose { display: grid; gap: 20px; }
.sl-prose p { max-width: 700px; }

.sl-heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 42px;
}

.sl-heading-row > p { max-width: 390px; color: #516a67; }

.sl-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.sl-card {
  display: flex;
  min-height: 310px;
  flex-direction: column;
  padding: 28px;
  border: 1px solid #d8e3df;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(17,61,58,.06);
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease;
}

.sl-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(17,61,58,.12); }
.sl-card__number { color: #c87927; font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.sl-card h3 { margin-top: 38px; }
.sl-card p { margin-top: 15px; color: #526865; font-size: 15px; line-height: 1.6; }
.sl-card__link { margin-top: auto; padding-top: 22px; color: #17635d; font-size: 14px; font-weight: 800; }

.sl-split__panel {
  padding: clamp(30px, 5vw, 58px);
  border-radius: 24px;
  background: #123e3c;
  color: #dce9e6;
}

.sl-split__panel h2 { color: #fff; }
.sl-split__panel > p:not(.sl-kicker) { margin-top: 22px; }
.sl-text-link { display: inline-block; margin-top: 28px; color: #ffd390 !important; font-weight: 800; text-decoration: none !important; }

.sl-checklist { display: grid; gap: 14px; }
.sl-checklist > div { display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; padding: 19px 0; border-bottom: 1px solid #dbe4e1; }
.sl-checklist > div > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #eef4f1; color: #17635d; font-weight: 800; }
.sl-checklist p { color: #4d6561; line-height: 1.55; }
.sl-checklist strong { color: #183230; }

.sl-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sl-feature { min-height: 250px; padding: 30px; border: 1px solid #dbe4e1; border-radius: 20px; background: linear-gradient(145deg, #fff 0%, #f3f7f5 100%); text-decoration: none !important; }
.sl-feature__tag { color: #c87927; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.sl-feature h3 { margin-top: 44px; }
.sl-feature p { margin-top: 14px; color: #536c68; font-size: 15px; }
.sl-centre-action { margin-top: 34px; text-align: center; }

.sl-cta { padding: 70px 0; background: #d9822b; color: #163b38; }
.sl-cta h2 { color: #123e3c; }
.sl-cta p:not(.sl-kicker) { margin-top: 12px; }
.sl-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.sl-cta .sl-kicker { color: #fff; }

.sl-disclosure { padding: 18px 0; background: #f1f4f3; color: #60706e; font-size: 12px; }

.container:has(.sl-home) .footer {
  float: none;
  margin: 0;
  padding: 34px 0;
  background: #0c2f2d;
}

.container:has(.sl-home) .footer .center { width: min(1180px, calc(100% - 40px)); }

@media (max-width: 960px) {
  .sl-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sl-feature-grid { grid-template-columns: 1fr; }
  .sl-feature { min-height: 210px; }
}

@media (max-width: 768px) {
  .container:has(.sl-home) .header { display: flex; flex-wrap: wrap; justify-content: center; width: calc(100% - 28px); }
  .container:has(.sl-home) .search { display: none; }
  .container:has(.sl-home) ul.nav { width: 100%; }
  .container:has(.sl-home) ul.nav li a { padding: 13px 18px; }
  .sl-shell { width: min(100% - 28px, 1180px); }
  .sl-hero { min-height: 620px; background-position: 64% center; }
  .sl-hero__shade { background: linear-gradient(90deg, rgba(5,30,28,.94), rgba(6,35,32,.7)); }
  .sl-hero__inner { padding: 74px 0 62px; }
  .sl-hero__lead { font-size: 18px; }
  .sl-section { padding: 68px 0; }
  .sl-intro, .sl-story, .sl-split { grid-template-columns: 1fr; gap: 34px; }
  .sl-heading-row, .sl-cta__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .sl-home h1 { font-size: 42px; }
  .sl-home h2 { font-size: 32px; }
  .sl-card-grid { grid-template-columns: 1fr; }
  .sl-card { min-height: 270px; }
  .sl-actions { align-items: stretch; flex-direction: column; }
  .sl-button { width: 100%; }
  .sl-trust { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  .sl-button, .sl-card { transition: none; }
}


/* Modern individual review pages — scoped to pages beneath /reviews/. */
.container:has(.sl-review-page) {
  max-width: none;
  background: #f3f7f5;
}

.container:has(.sl-review-page) .container_b {
  float: none;
  border-top: 0;
  box-shadow: none;
}

.container:has(.sl-review-page) .header {
  float: none;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 14px 0;
}

.container:has(.sl-review-page) .logo { float: none; width: auto; }
.container:has(.sl-review-page) .logo img { display: block; width: 165px; height: auto; }
.container:has(.sl-review-page) .social { display: none; }

.container:has(.sl-review-page) .search {
  float: none;
  width: 230px;
  height: 40px;
  margin: 0;
}

.container:has(.sl-review-page) .search_input {
  box-sizing: border-box;
  width: 188px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #d8e1df;
  border-radius: 999px 0 0 999px;
  background: #f4f7f6;
  color: #163331;
}

.container:has(.sl-review-page) .search_submit {
  width: 42px;
  height: 40px;
  border-radius: 0 999px 999px 0;
  background-color: #e9a23b;
  background-position: center;
}

.container:has(.sl-review-page) nav:not(.sl-breadcrumbs) {
  float: none;
  background: #123e3c;
}

.container:has(.sl-review-page) ul.nav {
  display: block;
  width: min(1180px, calc(100% - 40px));
  height: auto;
  margin: 0 auto;
}

.container:has(.sl-review-page) ul.nav::after { display: table; clear: both; content: ""; }
.container:has(.sl-review-page) ul.nav li { border: 0; }

.container:has(.sl-review-page) ul.nav li a {
  padding: 15px 22px;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: .055em;
}

.container:has(.sl-review-page) ul.nav li a:hover,
.container:has(.sl-review-page) ul.nav li.current_page_item a {
  background: #1d5753;
}

.sl-review-page {
  clear: both;
  padding: 28px 20px 90px;
  background: #f3f7f5;
  color: #243d3a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.72;
}

.sl-review-page *, .sl-review-page *::before, .sl-review-page *::after { box-sizing: border-box; }

.sl-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  width: min(980px, 100%);
  margin: 0 auto 24px;
  color: #607571;
  font-size: 13px;
  line-height: 1.5;
}

.sl-breadcrumbs a { color: #17635d; font-weight: 700; text-decoration: none; }
.sl-breadcrumbs a:hover { text-decoration: underline; }
.sl-breadcrumbs [aria-current="page"] { overflow: hidden; max-width: 52ch; text-overflow: ellipsis; white-space: nowrap; }

.sl-review-article {
  width: min(980px, 100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dce6e2;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(17, 61, 58, .09);
}

.sl-review-header {
  padding: clamp(38px, 6vw, 72px) clamp(24px, 7vw, 78px) 34px;
}

.sl-review-kicker {
  margin: 0 0 14px;
  color: #bd6e1e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sl-review-header h1 {
  max-width: 820px;
  margin: 0;
  color: #123e3c;
  font: 800 clamp(38px, 6vw, 64px)/1.08 Arial, Helvetica, sans-serif;
  letter-spacing: -.04em;
}

.sl-review-hero {
  position: relative;
  width: calc(100% - clamp(32px, 7vw, 76px));
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  background: #dce8e3;
}

.sl-review-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.sl-review-content {
  width: min(760px, calc(100% - 48px));
  margin: 0 auto;
  padding: 54px 0 70px;
}

.sl-review-content--has-primary-cta { padding-top: 24px !important; }
.sl-review-content--has-primary-cta > .cta-button:first-child { margin-top: 0 !important; }

.sl-review-content > p:first-of-type {
  margin-top: 0;
  color: #39514e;
  font-size: 20px;
  line-height: 1.7;
}

.sl-review-content p { margin: 0 0 22px; }
.sl-review-content strong { color: #183f3b; }

.sl-review-content h2 {
  margin: 58px 0 20px;
  padding-top: 12px;
  color: #123e3c;
  font: 800 clamp(29px, 4vw, 38px)/1.18 Arial, Helvetica, sans-serif;
  letter-spacing: -.025em;
}

.sl-review-content h2 br:first-child { display: none; }
.sl-review-content h2:empty { display: none; }

.sl-review-content h3 {
  margin: 34px 0 12px;
  color: #174d49;
  font: 800 22px/1.28 Arial, Helvetica, sans-serif;
  letter-spacing: -.015em;
}

.sl-review-content ul, .sl-review-content ol {
  display: grid;
  gap: 12px;
  margin: 20px 0 32px;
  padding: 24px 26px 24px 48px;
  border: 1px solid #dce7e3;
  border-radius: 18px;
  background: #f3f8f5;
  list-style: disc;
}

.sl-review-content li { padding-left: 5px; }
.sl-review-content li::marker { color: #d9822b; }

.sl-review-content > p[style*="color: red"] {
  margin: 25px 0 34px;
  padding: 18px 20px;
  border: 1px solid #f0cf9d;
  border-radius: 14px;
  background: #fff8ec;
  color: #74471e !important;
  font-weight: 700;
  text-align: center;
}

.sl-review-content .cta-button {
  margin: 40px 0 !important;
  padding: 27px 22px;
  border: 1px solid #f0ca91;
  border-radius: 19px;
  background: linear-gradient(145deg, #fff9ee, #fff2d9);
  text-align: center;
}

.sl-review-content .cta-button::before {
  display: block;
  margin-bottom: 13px;
  color: #5e472d;
  content: "Interested in this product?";
  font-size: 14px;
  font-weight: 700;
}

.sl-review-content .cta-button a {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 17px 32px !important;
  border-radius: 999px;
  background: linear-gradient(135deg, #ed8b25, #d96b19) !important;
  box-shadow: 0 12px 25px rgba(190, 89, 19, .26);
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease;
}

.sl-review-content .cta-button a::after { margin-left: 9px; content: "→"; font-size: 21px; }
.sl-review-content .cta-button a:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(190, 89, 19, .34); }

.sl-review-content .embed-youtube {
  overflow: hidden;
  margin: 36px 0 !important;
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(17, 61, 58, .13);
}

.sl-review-content table { width: 100%; margin: 28px 0; border-collapse: collapse; }
.sl-review-content th, .sl-review-content td { padding: 13px 15px; border: 1px solid #dce6e2; text-align: left; }
.sl-review-content th { background: #123e3c; color: #fff; }

.sl-review-disclosure {
  margin: 0;
  padding: 20px clamp(24px, 7vw, 78px);
  border-top: 1px solid #e4ebe8;
  background: #f3f7f5;
  color: #647672;
  font-size: 12px;
  line-height: 1.55;
}

.container:has(.sl-review-page) .footer {
  float: none;
  margin: 0;
  padding: 34px 0;
  background: #0c2f2d;
}

@media (max-width: 768px) {
  .container:has(.sl-review-page) .header { display: flex; flex-wrap: wrap; justify-content: center; width: calc(100% - 28px); }
  .container:has(.sl-review-page) .search { display: none; }
  .container:has(.sl-review-page) ul.nav { width: 100%; }
  .container:has(.sl-review-page) ul.nav li a { padding: 13px 18px; }
  .sl-review-page { padding: 20px 12px 60px; }
  .sl-review-article { border-radius: 19px; }
  .sl-review-header { padding: 35px 22px 25px; }
  .sl-review-header h1 { font-size: 38px; }
  .sl-review-hero { width: calc(100% - 28px); border-radius: 14px; }
  .sl-review-content { width: calc(100% - 38px); padding: 38px 0 52px; }
  .sl-review-content > p:first-of-type { font-size: 18px; }
  .sl-review-content h2 { margin-top: 45px; }
  .sl-review-content ul, .sl-review-content ol { padding: 21px 20px 21px 39px; }
  .sl-review-content .cta-button a { width: 100%; }
  .sl-breadcrumbs [aria-current="page"] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sl-review-content .cta-button a { transition: none; }
}


/* Review breadcrumb legacy-nav override */
.sl-breadcrumbs { float: none; background: transparent !important; }


/* Shared homepage and review-page masthead */
.sl-header-tagline {
  display: none;
}

.container:has(.sl-home) .header,
.container:has(.sl-review-page) .header {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.container:has(.sl-home) .sl-header-tagline,
.container:has(.sl-review-page) .sl-header-tagline {
  display: block;
  grid-column: 2;
  justify-self: center;
  color: #315956;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .015em;
  line-height: 1.35;
  text-align: center;
}

.container:has(.sl-home) .search,
.container:has(.sl-review-page) .search {
  grid-column: 3;
  justify-self: end;
}

@media (max-width: 768px) {
  .container:has(.sl-home) .header,
  .container:has(.sl-review-page) .header {
    gap: 8px 18px;
  }

  .container:has(.sl-home) .sl-header-tagline,
  .container:has(.sl-review-page) .sl-header-tagline {
    width: 100%;
    margin-top: -2px;
    font-size: 14px;
  }
}


/* Unified green search and accessible site footer */
.container:has(.sl-home) .search_input,
.container:has(.sl-review-page) .search_input {
  border-color: #123e3c;
  background: #123e3c;
  color: #fff;
}

.container:has(.sl-home) .search_input::placeholder,
.container:has(.sl-review-page) .search_input::placeholder {
  color: rgba(255, 255, 255, .82);
  opacity: 1;
}

.container:has(.sl-home) .search_input:focus,
.container:has(.sl-review-page) .search_input:focus {
  outline: 3px solid rgba(233, 162, 59, .35);
  outline-offset: 2px;
}

.container:has(.sl-home) .search_submit,
.container:has(.sl-review-page) .search_submit {
  border-left: 1px solid rgba(255, 255, 255, .22);
  background-color: #1d5753;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  cursor: pointer;
}

.container:has(.sl-home) .search_submit:hover,
.container:has(.sl-review-page) .search_submit:hover {
  background-color: #27716b;
}

.footer {
  box-sizing: border-box;
  clear: both;
  float: none;
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 34px 0;
  background: #0c2f2d;
  color: #dce9e6;
}

.footer .center {
  display: grid;
  float: none;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
  gap: 24px 48px;
  align-items: center;
  width: min(1180px, calc(100% - 40px));
  height: auto;
  min-height: 0;
  margin: 0 auto;
}

.footer .social2 {
  display: none;
}

.footer .f_left,
.footer .f_right {
  float: none;
  width: auto;
  margin: 0;
}

.footer .f_right {
  display: grid;
  gap: 8px;
}

.footer .f_left p,
.footer .f_right p {
  width: auto;
  margin: 0;
  padding: 0;
  color: #dce9e6;
  font: 14px/1.75 Arial, Helvetica, sans-serif;
}

.footer .f_left p {
  text-align: left;
}

.footer .f_right p {
  text-align: right;
}

.footer a,
.footer .f_left p a,
.footer .f_right p a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover,
.footer .f_left p a:hover,
.footer .f_right p a:hover {
  color: #ffd390;
  text-decoration: underline;
}

.footer .sl-footer-email-label {
  color: #a9c5c1;
}

.footer .sl-footer-email {
  font-size: 15px;
  font-weight: 800;
}

.footer .f_right p:last-child {
  color: #b8cfcb;
  font-size: 13px;
}

@media (max-width: 768px) {
  .footer {
    padding: 30px 0;
  }

  .footer .center {
    grid-template-columns: 1fr;
    gap: 20px;
    width: calc(100% - 32px);
  }

  .footer .f_left p,
  .footer .f_right p {
    text-align: center;
  }

  .footer .f_right p:first-child {
    line-height: 2;
  }
}


/* Modern standard pages — excludes the homepage and /reviews/ section. */
.container:has(.sl-standard-page) {
  max-width: none;
  background: #f3f7f5;
}

.container:has(.sl-standard-page) .container_b {
  float: none;
  border-top: 0;
  box-shadow: none;
}

.container:has(.sl-standard-page) .header {
  float: none;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 14px 0;
}

.container:has(.sl-standard-page) .logo { float: none; width: auto; }
.container:has(.sl-standard-page) .logo img { display: block; width: 165px; height: auto; }
.container:has(.sl-standard-page) .social { display: none; }

.container:has(.sl-standard-page) .sl-header-tagline {
  display: block;
  grid-column: 2;
  justify-self: center;
  color: #315956;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .015em;
  line-height: 1.35;
  text-align: center;
}

.container:has(.sl-standard-page) .search {
  float: none;
  grid-column: 3;
  justify-self: end;
  width: 230px;
  height: 40px;
  margin: 0;
}

.container:has(.sl-standard-page) .search_input {
  box-sizing: border-box;
  width: 188px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #123e3c;
  border-radius: 999px 0 0 999px;
  background: #123e3c;
  color: #fff;
}

.container:has(.sl-standard-page) .search_input::placeholder {
  color: rgba(255, 255, 255, .82);
  opacity: 1;
}

.container:has(.sl-standard-page) .search_input:focus {
  outline: 3px solid rgba(233, 162, 59, .35);
  outline-offset: 2px;
}

.container:has(.sl-standard-page) .search_submit {
  width: 42px;
  height: 40px;
  border-left: 1px solid rgba(255, 255, 255, .22);
  border-radius: 0 999px 999px 0;
  background-color: #1d5753;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  cursor: pointer;
}

.container:has(.sl-standard-page) .search_submit:hover { background-color: #27716b; }

.container:has(.sl-standard-page) nav:not(.sl-breadcrumbs) {
  float: none;
  background: #123e3c;
}

.container:has(.sl-standard-page) ul.nav {
  display: block;
  width: min(1180px, calc(100% - 40px));
  height: auto;
  margin: 0 auto;
}

.container:has(.sl-standard-page) ul.nav::after { display: table; clear: both; content: ""; }
.container:has(.sl-standard-page) ul.nav li { border: 0; }

.container:has(.sl-standard-page) ul.nav li a {
  padding: 15px 22px;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: .055em;
}

.container:has(.sl-standard-page) ul.nav li a:hover,
.container:has(.sl-standard-page) ul.nav li.current_page_item a {
  background: #1d5753;
}

.sl-standard-page {
  clear: both;
  padding: 28px 20px 90px;
  background: #f3f7f5;
  color: #243d3a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.72;
}

.sl-standard-page *,
.sl-standard-page *::before,
.sl-standard-page *::after { box-sizing: border-box; }

.sl-standard-article {
  width: min(980px, 100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dce6e2;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(17, 61, 58, .09);
}

.sl-standard-hero {
  width: calc(100% - clamp(32px, 7vw, 76px));
  margin: clamp(30px, 5vw, 54px) auto 0;
  overflow: hidden;
  border-radius: 20px;
  background: #dce8e3;
}

.sl-standard-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
}

.sl-standard-content {
  width: min(820px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(40px, 6vw, 68px) 0 72px;
}

.sl-standard-content > :first-child { margin-top: 0; }

.sl-standard-content h1 {
  max-width: 820px;
  margin: 0 0 28px;
  color: #123e3c;
  font: 800 clamp(38px, 6vw, 58px)/1.1 Arial, Helvetica, sans-serif;
}

.sl-standard-content h2 {
  margin: 54px 0 18px;
  color: #123e3c;
  font: 800 clamp(28px, 4vw, 36px)/1.2 Arial, Helvetica, sans-serif;
}

.sl-standard-content h3 {
  margin: 34px 0 12px;
  color: #174d49;
  font: 800 22px/1.28 Arial, Helvetica, sans-serif;
}

.sl-standard-content p { margin: 0 0 22px; }
.sl-standard-content > p:first-of-type { color: #39514e; font-size: 19px; line-height: 1.7; }
.sl-standard-content a { color: #17635d; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sl-standard-content a:hover { color: #bd6e1e; }

.sl-standard-content img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

.sl-standard-content figure,
.sl-standard-content .wp-block-image {
  margin: 34px 0;
}

.sl-standard-content .alignleft { float: left; margin: 8px 28px 18px 0; }
.sl-standard-content .alignright { float: right; margin: 8px 0 18px 28px; }
.sl-standard-content .aligncenter { display: block; margin-right: auto; margin-left: auto; }

.sl-standard-content ul,
.sl-standard-content ol {
  margin: 20px 0 32px;
  padding: 24px 26px 24px 48px;
  border: 1px solid #dce7e3;
  border-radius: 18px;
  background: #f3f8f5;
}

.sl-standard-content li { margin: 7px 0; padding-left: 5px; }
.sl-standard-content li::marker { color: #d9822b; }

.sl-standard-content blockquote {
  margin: 34px 0;
  padding: 22px 26px;
  border-left: 5px solid #e9a23b;
  border-radius: 0 16px 16px 0;
  background: #fff8ec;
}

.sl-standard-content table {
  width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
}

.sl-standard-content th,
.sl-standard-content td {
  padding: 13px 15px;
  border: 1px solid #dce6e2;
  text-align: left;
}

.sl-standard-content th { background: #123e3c; color: #fff; }

.sl-standard-content .wp-block-button__link,
.sl-standard-content .cta-button a,
.sl-standard-content input[type="submit"],
.sl-standard-content button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  border: 0;
  border-radius: 999px;
  background: #d96b19;
  box-shadow: 0 10px 22px rgba(190, 89, 19, .22);
  color: #fff;
  font: 800 16px/1.2 Arial, Helvetica, sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.sl-standard-content .wp-block-button__link:hover,
.sl-standard-content .cta-button a:hover,
.sl-standard-content input[type="submit"]:hover,
.sl-standard-content button:hover {
  background: #bd5913;
  color: #fff;
}

.sl-standard-content .cta-button {
  margin: 38px 0 !important;
  padding: 25px 22px;
  border: 1px solid #f0ca91;
  border-radius: 19px;
  background: #fff6e7;
  text-align: center;
}

.sl-standard-content input[type="text"],
.sl-standard-content input[type="email"],
.sl-standard-content input[type="tel"],
.sl-standard-content input[type="url"],
.sl-standard-content input[type="search"],
.sl-standard-content textarea,
.sl-standard-content select {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid #b9cbc7;
  border-radius: 10px;
  background: #fff;
  color: #243d3a;
  font: inherit;
}

.sl-standard-content textarea { min-height: 160px; resize: vertical; }

.sl-standard-content input:focus,
.sl-standard-content textarea:focus,
.sl-standard-content select:focus {
  border-color: #17635d;
  outline: 3px solid rgba(23, 99, 93, .18);
  outline-offset: 1px;
}

.sl-standard-content iframe,
.sl-standard-content .embed-youtube {
  max-width: 100%;
  overflow: hidden;
  border-radius: 16px;
}

.container:has(.sl-standard-page) .footer {
  float: none;
  margin: 0;
  padding: 34px 0;
  background: #0c2f2d;
}

@media (max-width: 768px) {
  .container:has(.sl-standard-page) .header {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    justify-content: center;
    width: calc(100% - 28px);
  }

  .container:has(.sl-standard-page) .sl-header-tagline {
    width: 100%;
    margin-top: -2px;
    font-size: 14px;
  }

  .container:has(.sl-standard-page) .search { display: none; }
  .container:has(.sl-standard-page) ul.nav { width: 100%; }
  .container:has(.sl-standard-page) ul.nav li a { padding: 13px 18px; }

  .sl-standard-page { padding: 20px 12px 60px; }
  .sl-standard-article { border-radius: 19px; }
  .sl-standard-hero { width: calc(100% - 28px); margin-top: 24px; border-radius: 14px; }
  .sl-standard-content { width: calc(100% - 38px); padding: 38px 0 52px; }
  .sl-standard-content h1 { font-size: 38px; }
  .sl-standard-content h2 { margin-top: 43px; }
  .sl-standard-content > p:first-of-type { font-size: 18px; }
  .sl-standard-content ul, .sl-standard-content ol { padding: 21px 20px 21px 39px; }
  .sl-standard-content .alignleft,
  .sl-standard-content .alignright { float: none; display: block; margin: 28px auto; }
  .sl-standard-content .wp-block-button__link,
  .sl-standard-content .cta-button a,
  .sl-standard-content input[type="submit"] { width: 100%; }
  .sl-breadcrumbs [aria-current="page"] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sl-standard-content a,
  .sl-standard-content button { transition: none; }
}
