body .content{font-family:"cardo",serif;font-size:20px;line-height:28px;}
body.white p{font-size:18px;}
body.white .content{font-family:"open sans",sans-serif;font-size:18px;line-height:26px;color:#24272a;}
body.white h1, body.white h2, body.white h3, body.white h4, body.white h5, body.white h6{font-family:"roboto condensed",sans-serif;}
body.white h1.article-title{max-width:750px;font-weight:900;letter-spacing:-.02em;margin-left:auto;margin-right:auto;line-height:1;font-size:52px;}
.white .text h4{font-size:26px;color:#333;text-transform:none;text-align:left;line-height:32px;}
body.white h2{text-transform:none;color:#26272d;max-width:750px;white-space:normal;word-wrap:break-word;margin-left:auto;margin-right:auto;}
body.white h3{text-transform:none;color:#26272d;}
.white .caption{color:#555;}
body.white .bottom h3{color:#fff;}
body.white h3.post-title{text-transform:uppercase;color:#000;}
body.white h3.post-title a:link{color:#000;}
body.white h3.post-title a:hover{color:#fa6206;}
body.white h3.post-title{text-transform:uppercase;color:#000;font-size:28px;}
body.white .content .serif{font-family:"cardo",serif;}
body.white .serif h1, body.white .serif h2, body.white .serif h3, body.white .serif h4, body.white .serif h5, body.white .serif h6{font-family:"nanum myeongjo",serif;}
body.white .serif .article-snippet{font-family:"nanum myeongjo",serif;}
body.white .content .serif p.article-snippet{color:#44455c;}
body.white .content .serif h1.article-title{font-size:55px;color:#44455c;}
body.white .content .serif h2{font-size:36px;color:#44455c;margin-bottom:1.2em;}
body.white .content .serif h3{font-size:22px;}
#scrollUp{display:none!important;}
a.contact-me-button, a.contact-me-button:link, a.contact-me-button:visited, a.contact-me-button:hover, a.contact-me-button:active, a.contact-me-button:focus{color:#fff!important;background:#f0540f;border-radius:11px;box-shadow:0 1px #444;padding:20px 45px;display:block;font:700 26px/1"open sans",sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;margin:40px auto;width:fit-content;}
.navbar-nav>li>a{padding:15px 16px!important;font-size:16px;font-weight:700;color:#ddd;}
.btn, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a, .navbar-nav>li>a{font-family:kanit,sans-serif!important;text-transform:uppercase;}
#comments ol.commentlist, #comments ul.children, .border-list, .font-icons, .footer-menu, .format-chat ul, .format-filter, .forms ol li, .item-details, .items, .items.fullscreen, .pagination ul, .pricing .plan ul, .process, .progress-list, .revolution ul, .widget .list, .widget .post-list, ul.circled{list-style:none;}
body, button, input, select, textarea{font-size:14px;font-family:roboto,sans-serif;}
body, h5{font-size:14px;}
.dark-wrapper, .light-wrapper{border-bottom:1px solid #e5e5e5;}
.btn-submit, body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0!important;}
figure img{width:100%;height:auto;}
::selection{background:#fa8641;color:#000;}
::-moz-selection{background:#fa8641;color:#000;}
.container{padding-right:0;padding-left:0;}
address, body, li{line-height:25px;}
a:focus, a:hover{color:#000;text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-family:"roboto condensed",sans-serif;text-transform:uppercase;margin-top:0;color:#616161;margin-bottom:10px;font-weight:700;}
h1, h2{margin-bottom:15px;}
h1{font-size:26px;line-height:38px;}
h2{font-size:36px;line-height:32px;}
h3{font-size:30px;line-height:32px;font-weight:800;}
h4{font-size:16px;margin-bottom:8px;}
.lead, .section-title span, blockquote p{font-family:"roboto",san-serif;}
.post-title{margin:0 0 10px;}
h1.post-title{font-size:22px;line-height:24px;}
.lead, blockquote p{font-size:18px;font-weight:300;letter-spacing:-.022em;line-height:1.381;}
.post-title a{color:#616161;}
.black-wrapper .post-title a{color:#fff;}
.light-wrapper{background:#fff;}
.inner{padding-top:70px;padding-bottom:70px;}
.black-wrapper, .black-wrapper .lead{color:#ccc;}
hr{border:0;border-bottom:1px solid #e3e3e3;margin:60px 0;}
figure{margin:0;padding:0;}
iframe{border:0;}
.black-wrapper a:hover{color:#c54b26!important;}
.black-wrapper .section-title, .black-wrapper .section-title span, .black-wrapper .section-title span:before, .black-wrapper h1, .badventlack-wrapper h2, .black-wrapper h3, .black-wrapper h4, .black-wrapper h5, .black-wrapper h6{color:#fff;}
.meta, .more, .page-title, .widget .post-list li em{font-family:"roboto slab",serif;}
.meta, .more, .widget .post-list li em{font-size:12px;}
.meta, .more{color:#9f9f9f;font-weight:400;margin-bottom:10px;}
.meta a{color:#9f9f9f;display:inline!important;}
.no-top-border{border-top:none;}
.head-image{max-width:100%;position:relative;-webkit-box-shadow:inset 0-1px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0-1px 0 rgba(0,0,0,.2);box-shadow:inset 0-1px 0 rgba(0,0,0,.2);overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:transparent;background-repeat:no-repeat;background-position:center center;}
.head-image img{width:100%;height:auto;}
.navbar-header{float:none!important;}
.navbar .container{padding:0;}
.navbar{margin:0;border-radius:0;border:0;position:relative;z-index:8000;min-height:inherit;background:#000;}
.navbar-brand{padding:0;float:none;}
.navbar-brand img{display:block;margin:0 auto;}
.navbar-header{padding:15px 0 0;}
.navbar-collapse{background-color:#000;border:0;padding:0;width:100%;max-height:51px;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border-bottom:1px solid #ccc;-webkit-box-shadow:0 3px 3px 0 rgba(50,50,50,.75);-moz-box-shadow:0 3px 3px 0 rgba(50,50,50,.75);box-shadow:0 3px 3px 0 rgba(50,50,50,.75);}
.navbar-nav{margin:0 auto;width:950px;float:none;}
.navbar .dropdown-menu{padding:0;margin:0;width:190px;background:#2d3134;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.guana-nav .navbar .dropdown-menu{width:350px;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li{background:0 0;border:0;border-top:1px solid rgba(0,0,0,.2);}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child{border:0;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a{padding:15px;line-height:1;color:#cacaca;font-size:14px;font-weight:900;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover{padding:15px;filter:none;line-height:1;}
.navbar .nav .open>a, .navbar .nav .open>a:focus, .navbar .nav .open>a:hover{background-color:#000;border-color:#e5e5e5;}
.navbar .nav>li>.dropdown-menu:not(.yamm-dropdown-menu):after, .navbar .nav>li>.dropdown-menu:not(.yamm-dropdown-menu):before{display:none;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu)>.active>a, .navbar .dropdown-menu:not(.yamm-dropdown-menu)>.active>a:focus, .navbar .dropdown-menu:not(.yamm-dropdown-menu)>.active>a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu)>li>a:focus, .navbar .dropdown-menu:not(.yamm-dropdown-menu)>li>a:hover, .navbar .dropdown-submenu:focus>a, .navbar .dropdown-submenu:hover>a{background:0 0;}
.navbar .social .dropdown-menu{background:#000!important;margin:12px 0 0;padding:20px;text-align:center;width:240px;border:0;}
.dropdown-menu li a{color:#fff!important;font-weight:400!important;text-transform:none!important;}
.dropdown-menu li{border-top:1px solid rgba(255,255,255,.12)!important;}
.dropdown-menu li:first-child{border-top:0!important;}
.navbar .social .dropdown-menu input{margin:0;height:30px;font-size:12px;background:rgba(0,0,0,.2);color:#cacaca;width:200px;border:0;}
.btn.responsive-menu{padding:8px 13px;margin:8px 0 0;display:none;font-size:15px;}
.offset, .yamm .dropdown-menu>li{display:block;}
.offset{height:80px;}
.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav{position:static;}
.yamm .container, .yamm .navbar-inner{position:relative;}
.yamm .dropdown-menu{left:auto;}
.yamm .nav.pull-right .dropdown-menu{right:0;}
.yamm.navbar .nav>li>.dropdown-menu:after, .yamm.navbar .nav>li>.dropdown-menu:before{display:none;}
.btn{margin-bottom:10px;margin-right:5px;padding:11px 20px 13px;font-weight:700;font-size:14px;text-shadow:none;border:0;-webkit-border-radius:3px;border-radius:3px;box-shadow:inset 0-3px 0 rgba(0,0,0,.15);}
.btn, .btn.active, .btn:active, .btn:focus, .btn:hover{color:#fff!important;-webkit-box-shadow:inset 0-3px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0-3px 0 rgba(0,0,0,.15);}
.btn.btn-blue{background:#3f8dbf;}
.btn.active, .btn:active, .btn:focus, .btn:hover{box-shadow:inset 0-3px 0 rgba(0,0,0,.15);}
.btn-blue.active, .btn-blue:active, .btn-blue:focus, .btn-blue:hover{background:#387eaa!important;}
.social{padding:0;margin:0;font-size:0;height:26px;}
.social li{font-family:fontello-social;margin-right:4px;}
.navbar .social{padding-top:12px;}
.navbar .social li{margin:0 0 0 4px;position:relative;}
.text-center .social li{margin:0 2px;}
.social li a{display:table;}
.social li a i{display:table-cell;vertical-align:middle;color:#aaa;background:0 0;border:1px solid #aaa;width:26px;height:26px!important;line-height:1;font-size:12px;-webkit-border-radius:50%;border-radius:50%;}
#testimonials .tab{padding:0;display:inline-block;zoom:1;background:0 0;top:1px;position:relative;z-index:1;border:0;margin:0;}
#testimonials .tab:before{display:none;}
#testimonials .tab a{display:block;font-size:13px;font-weight:700;color:#7f7f7f;padding:0;text-indent:-99999px;width:10px;height:10px;-webkit-border-radius:50%;border-radius:50%;background:0 0;border:1px solid #aaa;}
#testimonials .tab.active{background:0 0;position:relative;z-index:3;}
#testimonials{text-align:center;width:80%;margin:0 auto;}
#testimonials .author{font-style:normal;font-size:14px;display:block;}
#testimonials div{font-size:18px;margin-bottom:10px;line-height:32px;font-weight:300;position:relative;font-family:"roboto slab",serif;}
#testimonials .tab a.active, #testimonials .tab a:hover{color:#1abb9c;background:0 0;position:relative;z-index:3;}
#testimonials:before{font-family:fontello;font-weight:400;display:block;content:"❞";font-size:33px;color:#d0d0d0;margin-bottom:5px;text-align:center;}
.panel-title>a{display:block;color:#616161;padding:13px 15px;}
.items{margin:0;padding:0;}
.items:after, .items:before{display:table;content:"";line-height:0;}
.items:after{clear:both;}
.items li{float:left;min-height:1px;position:relative;}
.items.col4{margin-left:-8px;margin-bottom:-8px;}
.items.col4 li{width:318px;margin-left:8px;margin-bottom:8px;}
.items.col4.border{margin-left:-20px;margin-bottom:-20px;}
.items.col4.border li{width:310px;margin-left:20px;margin-bottom:20px;}
.items.col4 .post-title{font-size:16px;margin-bottom:3px;}
.items li img, .items.fullscreen li img{display:block;width:100%;}
.items li a, .items li a img{display:block;position:relative;}
.icon-overlay a .icn-more, .items li a .text-overlay{text-decoration:none;height:100%;width:100%;background:#222;}
.filter li a:before, .icon-overlay a .icn-more{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;-moz-transition:.2s ease-in;}
.filter{padding:0;margin-bottom:20px;}
.row .filter{margin:0;}
.filter li{display:inline;font-family:"roboto condensed",sans-serif;font-size:14px;text-transform:uppercase;font-weight:700;margin:0 30px 0 0;}
.filter.text-center{margin-left:0;}
.filter.text-center li{margin:0 15px;}
.filter li a{color:#616161;}
.filter li a:before{content:"";margin-right:10px;font-weight:400;vertical-align:top;padding-top:1px;display:inline-block;font-family:fontello-circle;color:#616161;font-size:8px;}
.isotope, .isotope .item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
.isotope .item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity;}
.icon-overlay{display:block;position:relative;}
.icon-overlay img{display:block;max-width:100%;}
.icon-overlay a .icn-more{opacity:0;-mS-filter:"progid:dXImageTransform.microsoft.alpha(opacity=0)";position:absolute;z-index:100;}
.icon-overlay a:hover .icn-more{opacity:1;-mS-filter:"progid:dXImageTransform.microsoft.alpha(opacity=100)";}
.icon-overlay a .icn-more:before{font-family:fontello;font-weight:400;display:inline-block;position:absolute;text-align:center;content:"";line-height:1;width:44px;height:44px;-webkit-border-radius:50%;border-radius:50%;font-size:18px;padding-top:13px;color:#fff;top:0;left:50%;z-index:2;border:1px solid #fff;margin:-22px 0 0-22px;-moz-transition:.3s linear;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.icon-overlay a:hover .icn-more:before{top:50%!important;}
.share, .share a{color:#9f9f9f;}
.share a i{font-size:15px;margin-right:-1px;}
.share a{margin-right:12px;}
.share.text-center a{margin:0 6px;}
ul{padding:0 0 0 18px;}
ol{padding:0 0 0 20px;}
#owl-clients .item img{max-width:100%;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}
#owl-clients .item:hover img{max-width:100%;-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.owl-portfolio-slider{padding-bottom:15px;}
#owl-gallery .item{margin:0 10px;}
#owl-gallery .item img{display:block;width:100%;height:auto;}
.parallax{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff!important;margin:0 auto;height:auto;padding:0;background-attachment:fixed;background-position:50%0;background-repeat:no-repeat;}
.parallax .inner{width:80%;margin:0 auto;}
#first{background-image:url(../parallax1.html);}
.post-parallax{padding-top:145px;padding-bottom:145px;}
.post-parallax h3, .post-parallax p{display:inline-block;text-transform:none;}
.filter-title, .format-chat ul li strong, .recent-list .post .date-wrapper{font-family:"roboto condensed",sans-serif;}
.parallax.mobile{background-attachment:scroll!important;}
.forms, .uneditable-input, input, textarea{width:100%;}
.forms{position:relative;padding:0;}
.forms ol{margin:0;padding:0;}
.forms ol li{line-height:auto;}
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{display:inline-block;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;height:40px;padding:0 10px;margin-bottom:15px;font-size:14px;line-height:25px;color:#888;resize:none;vertical-align:middle;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:0;border-radius:0;-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;-moz-transition:.2s ease-in;}
.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus{background-color:#f5f5f5;border:1px solid #c9c9c9;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.forms span.error{display:none;}
.forms label{display:block;float:left;width:95px;padding-top:7px;font-size:13px;clear:both;}
.comment-form div label{position:absolute;top:0;left:0;}
::-webkit-input-placeholder{color:#e4e4e4!important;}
:-moz-placeholder{color:#e4e4e4!important;}
::-moz-placeholder{color:#e4e4e4!important;}
:-ms-input-placeholder{color:#e4e4e4!important;}
input:focus::-webkit-input-placeholder{color:transparent!important;}
input:focus:-moz-placeholder{color:transparent!important;}
input:focus::-moz-placeholder{color:transparent!important;}
input:focus:-ms-input-placeholder{color:transparent!important;}
.filter-title, .format-filter li a{color:#bababa;}
.filter-title{font-size:15px;margin-bottom:20px;margin-top:1px;}
.grid-blog .post{margin-bottom:30px;float:left;min-height:1px;position:relative;}
.grid-blog .post figure{margin-bottom:-1px;}
.grid-blog .post .date{display:inline;}
.grid-blog .post .post-title{margin-bottom:5px;}
.grid-blog .post .meta{margin-bottom:10px;}
.grid-blog:after, .grid-blog:before{display:table;content:"";line-height:0;}
.grid-blog:after{clear:both;}
.about-author .author-image{width:120px;float:left;margin-right:20px;}
.tooltip-inner{color:#fff;padding:5px 12px;}
.bar_breadcrumb, .bar_breadcrumb2, .region-copy h2, a.bar_breadcrumb2:link, a.bar_breadcrumb:link, h3.center-grey{text-transform:none;}
.article-text aside, .float-right{float:right;}
#scrollUp{bottom:20px;right:20px;text-decoration:none;background:rgba(0,0,0,.3);color:#f7f7f7;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;transition:background .2s linear;-webkit-backface-visibility:hidden;line-height:1;font-size:20px;padding:9px 10px 10px;}
#scrollUp:hover{background:rgba(0,0,0,.5);}
.info.hidden{display:none;}
.home .section-title.widget-title, .region-copy h2{font-weight:700;font-family:"open sans",sans-serif;}
.bar_breadcrumb, .bar_breadcrumb2, .region-copy .nftr_breadcrumb*, a.bar_breadcrumb2:hover, a.bar_breadcrumb2:visited, a.bar_breadcrumb:hover, a.bar_breadcrumb:visited{text-decoration:none;}
@-moz-document url-prefix(){.owl-theme .owl-controls .owl-buttons div{line-height:28px}.fancybox-close:before,.fancybox-next span:before,.fancybox-prev span:before{margin-top:5px!important};}
.table td, .table th{border-top:1px solid #dedede;}
body{overflow-x:hidden;color:#888;background:#000;}
.spacer20{width:100%;clear:both;height:20px;}
.dark-wrapper{background:#303538;}
.black-wrapper{background:#000;}
.narrow .inner{width:60%;}
iframe.center, img.center{display:block;margin-left:auto;margin-right:auto;}
.home .col-sm-6.widget img, img{max-width:100%;}
footer .inner{padding:0 20px;}
footer.dark-wrapper{background:#000;}
.vertical-photo img, .vertical-photo-no-mask{display:block;max-width:1170px;margin:0 auto;}
.vertical-photo-no-mask{width:100%;}
.head-image.region{background:#333;height:60px;}
h1.region-title, h2.region-title{color:#fff;line-height:60px;}
.inner.region-copy{padding-top:40px;padding-bottom:0;}
.region-copy h2{margin:0;font-size:60px;color:#fff;line-height:70px;}
.region-copy .nftr_breadcrumb*, .region-copy p{font-family:"open sans",sans-serif;color:#999;}
.narrow-text p{text-align:left;}
.region-copy p{font-size:20px;line-height:30px;font-weight:lighter;}
.article-photo .photography_caption, .nftr-breadcrumb, .photography_caption, h3.center-grey, h4.center-white, p.center{text-align:center;}
.article-header{padding-top:18px;}
h1.article-title, h2.article-title{font-size:60px;line-height:62px;color:#eee;text-transform:none;font-weight:400;font-family:"news cycle",sans-serif;}
.article-snippet{font-family:roboto-condensed,sans-serif;font-size:23px;color:#dfdddd;width:60%;margin:40px auto;font-weight:700;line-height:30px;}
.article-author{font-size:30px;font-weight:700;margin-bottom:0;}
.article-date{margin-top:0;font-family:roboto,sans-serif!important;text-align:center;font-size:12px!important;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:1px;}
.article, .article-text{padding-top:20px;}
.article .inner, .article-text .inner{padding-top:0;padding-bottom:20px;}
.article-title .title-80{font-size:80px;}
h1.article-title .bigger{font-size:75px;line-height:80px;}
.black-wrapper.article h2{color:#fff;font-size:36px;line-height:40px;text-transform:none;text-align:center;padding:25px;font-family:"roboto",sans-serif!important;font-weight:700;}
.article p, .article-text p{font-family:"cardo",serif!important;font-size:20px!important;line-height:28px!important;color:#ccc!important;text-justify:inter-character!important;font-weight:400!important;font-style:normal!important;}
.narrow.article .inner{width:70%;max-width:650px;}
.midpage-caption{font-family:"roboto",sans-serif;font-size:18px!important;font-weight:700;color:#777!important;padding-top:25px;padding-left:15px;padding-right:15px;text-align:center;max-width:600px;margin-left:auto;margin-right:auto;line-height:20px!important;}
.article-photo{padding:20px 0;}
.article-photo .photography_caption{max-width:500px;margin:0 auto;padding:8px 0;font-size:13px;font-weight:lighter;color:#ccc;line-height:16px;position:relative;}
.drop1, .drop2, .firstLetter{float:left;font-weight:700;}
.drop1, .drop2{font-family:"roboto",sans-serif!important;font-weight:700;}
.drop1{font-size:80px;line-height:75px;padding:6px 8px 10px 3px;}
.drop2{font-size:100px;line-height:80px;padding:2px 8px 0 3px;}
.bar_breadcrumb, a.bar_breadcrumb:link, a.bar_breadcrumb:visited{font-family:"open sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;color:#999;}
.bar_breadcrumb2, a.bar_breadcrumb2:hover, a.bar_breadcrumb2:link, a.bar_breadcrumb2:visited{font-size:12px;font-weight:400;padding-left:25px;text-align:left;font-family:"open sans",sans-serif;font-style:normal;}
.bar_breadcrumb, a.bar_breadcrumb:hover, a.bar_breadcrumb:link, a.bar_breadcrumb:visited{text-align:left;display:inline;}
a.bar_breadcrumb:hover{font-family:"open sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;color:#fff;}
.bar_breadcrumb2, a.bar_breadcrumb2:link, a.bar_breadcrumb2:visited{color:#999;}
a.bar_breadcrumb2:hover, a.light, footer a.author{color:#fff;}
a.light:hover, footer a.author:hover{color:#ccc;}
.narrow-text, .white .narrow-text{max-width:600px;margin-left:auto;margin-right:auto;}
.bird, .blogcaption, .bloghead, .caption, .pblogdate, h1.center, h2.center, h3.center, h4.center{text-align:center;}
.white .navbar, body.white{background:#fff;}
.white .navbar-collapse{background-color:#fff;}
body.white{color:#26272d;}
.white .narrow-text{font-size:18px;}
.white .article-snippet{font-family:"roboto condensed",sans-serif;font-size:28px;font-weight:700;line-height:34px;color:#686869;}
.white .meta{font-family:"roboto condensed",sans-serif;font-size:18px;line-height:22px;color:#222;}
.white h1.region-title, .white h2.region-title{color:fff;}
.white .article-title, .white .navbar-nav>li>a{color:#252525;}
.white .narrow-text p{margin:1.5em 0;}
.white .white-wrapper .inner{padding-top:20px;}
.white .article-header{padding-top:15px;}
.right-margin{margin-right:150px;}
.caption{display:block;color:#257dc2;font-weight:700;max-width:700px;margin:15px auto 50px;line-height:22px;}
.white p.bird{font-size:28px;font-weight:700;padding:8px 0;font-family:roboto condensed,sans-serif!important;color:#43464f;}
.white p.bird .latin-name{font-size:20px;font-style:italic;color:#32343b;padding:4px 0;display:block;font-family:roboto,sans-serif;font-weight:400;}
.white p.jam-title{text-align:center;font-size:24px;font-weight:900;font-family:"roboto condensed",sans-serif;max-width:700px;margin:0 auto;line-height:28px;color:#646fa5;padding:8px 0;margin-top:30px;margin-bottom:0;letter-spacing:-.75px;}
.white p.jam-title .latin-name{font-size:20px;font-style:italic;color:#111;padding:4px 0;display:block;font-family:roboto,sans-serif;}
#spacer-doors-windows-1{height:200px;}
.blogdate{font-family:"open sans",sans-serif;font-size:16px;font-weight:800;color:#2677d9;text-transform:uppercase;}
.bloghead{font-family:"cardo",serif!important;font-size:42px;line-height:normal;font-style:normal;color:#666;font-weight:700;}
.blog-entry, .blog-entry img{padding:20px 0;}
float:left;color:#444;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:"alegreya+sC;
font-weight: 700}.second-nav .navbar{z-index:4000;}
.second-nav .navbar-header{padding:0;}
.second-nav .navbar-nav>li>a{font-size:18px;}
.roam-nav .navbar-nav>li>a{color:#111;}
.roam-nav.second-nav .navbar-collapse{border:0;box-shadow:none;}
.second-nav .navbar-nav{width:830px;}
.guana-nav.second-nav .navbar-nav{width:845px;}
p{margin:0 0 20px;}
.addthis_jumbo_share{margin:30px auto;max-width:825px;}
.btn, .color-wrapper{background:#f55506;}
h2.lime{color:#000;font-size:36px;line-height:32px;font-family:roboto,sans-serif;text-transform:none;max-width:880px;margin-left:auto;margin-right:auto;}
[class*=" icon-"]:before, [class*=" icon-s-"]:before, [class^=icon-]:before, [class^=icon-s-]:before{font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:0;text-align:center;font-style:normal;speak:none;line-height:1em;}
@font-face{font-family:fontello;src:url(fontello/fontello.eot?#iefix)format("embedded-opentype"),url(fontello/fontello.woff)format("woff"),url(fontello/fontello.ttf)format("truetype"),url(fontello/fontello.svg#fontello)format("svg");font-weight:400;font-style:normal;}
@font-face{font-family:fontello-social;src:url(fontello/fontello-social.eot?#iefix)format("embedded-opentype"),url(fontello/fontello-social.woff)format("woff"),url(fontello/fontello-social.ttf)format("truetype"),url(fontello/fontello-social.svg#fontello)format("svg");font-weight:400;font-style:normal;}
@font-face{font-family:fontello-circle;src:url(fontello/fontello-circle.eot?49961091#iefix)format("embedded-opentype"),url(fontello/fontello-circle.woff?49961091)format("woff"),url(fontello/fontello-circle.ttf?49961091)format("truetype"),url(fontello/fontello-circle.svg?49961091#fontello)format("svg");font-weight:400;font-style:normal;}
[class*=" icon-"]:before, [class^=icon-]:before{font-family:fontello;}
[class*=" icon-s-"]:before, [class^=icon-s-]:before{font-family:fontello-social;}
.icon-up-open:before{content:"";}
.icon-left-open-mini:before{content:"";}
.icon-right-open-mini:before{content:"";}
.icon-menu-1:before{content:"";}
.icon-s-rss:before{font-family:fontello;content:"";}
.icon-s-twitter:before{content:"";}
.icon-s-facebook:before{content:"";}
.icon-s-pinterest:before{content:"";}
.icon-s-instagram:before{content:"";}
.black-wrapper a:hover, .colored, .post-title a:hover, .section-title, .section-title span:before, a, blockquote small{color:#5f87b8;}
.black-wrapper.bottom a{color:#616161;}
.btn.active, .btn:active, .btn:focus, .btn:hover{background:#e2625b;}
.classic-blog .post a.date:hover, .classic-blog .posts .format-wrapper, .recent-list .format-wrapper, .step:hover i.icn, .tooltip-inner{background-color:#f55506;}
.tp-caption .dotted{border-bottom:1px dotted #f55506;}
.filter li a.active, .filter li a.active:before, .filter li a:hover, .filter li a:hover:before, .item-details li a:hover, .panel-title>a:hover, .process li.process-item .number, .share a:hover, ul.circled li:before{color:#f55506;}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow{border-top-color:#f55506;}
.tooltip.right .tooltip-arrow{border-right-color:#f55506;}
.tooltip.left .tooltip-arrow{border-left-color:#f55506;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#f55506;}
.icon-overlay a .icn-more, .items li a .text-overlay{background-color:rgba(50,50,50,.5);}
.tp-caption{z-index:1;transform:none!important;}
.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-o-transition:color .2s ease-out;-ms-transition:color .2s ease-out;}
.tp-caption a:hover{color:#ffa902;}
.tp-caption.black{color:#000;text-shadow:none;font-weight:300;font-size:19px;line-height:19px;font-family:"open sans",sans;}
.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;left:-40px;}
.tp-caption .backcorner{width:0;height:0;border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00a8ff;position:absolute;right:0;top:0;}
.tp-caption .frontcornertop{width:0;height:0;border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00a8ff;position:absolute;left:-40px;top:0;}
.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;right:0;}
.tp-simpleresponsive .button{padding:6px 13px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;background:url(../images/gradient/g30.png)top repeat-x;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;}
.tp-simpleresponsive img{max-width:none;-o-user-select:none;}
.tp-bannershadow{position:absolute;margin-left:auto;margin-right:auto;-o-user-select:none;}
.caption.fullscreenvideo{left:0;top:0;position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video{width:100%!important;height:100%!important;display:none;}
.tp-caption.fullscreenvideo{left:0;top:0;position:absolute;width:100%;height:100%;}
.fullcoveredvideo video, .fullcoveredvideo.video-js{background:0 0!important;}
.fullcoveredvideo .vjs-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0;}
.tp-dottedoverlay{background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.tpclear{clear:both;}
.tp-bullets{z-index:1000;position:absolute;-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.tp-bullets.hidebullets{-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.tp-bullets.simplebullets.navbar{border:1px solid #666;border-bottom:1px solid #444;background:url(../assets/boxed_bgtile.png);height:40px;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.tp-bullets.simplebullets.round .bullet{cursor:pointer;position:relative;background:url(../assets/bullet.png)top left;width:20px;height:20px;margin-right:0;float:left;margin-top:0;margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last{margin-right:3px;}
.tp-bullets.simplebullets.navbar .bullet{background:url(../assets/bullet_boxed.png)top left;width:18px;margin-right:5px;}
.tp-bullets.simplebullets.navbar .bullet.first{margin-left:0!important;}
.tp-bullets.simplebullets.navbar .bullet.last{margin-right:0!important;}
.tparrows{-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.tparrows.hidearrows{-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.tp-leftarrow{background:url(../assets/large_left.png)top left;}
.tp-rightarrow{background:url(../assets/large_right.png)top left;}
.tp-leftarrow.round{background:url(../assets/small_left.png)top left;margin-right:0;float:left;margin-top:0;}
.tp-rightarrow.round{background:url(../assets/small_right.png)top left;margin-right:0;float:left;margin-top:0;}
.tp-leftarrow.navbar{background:url(../assets/small_left_boxed.png)top left;margin-right:6px;}
.tp-rightarrow.navbar{background:url(../assets/small_right_boxed.png)top left;margin-left:6px;}
.tp-leftarrow.default{background:url(../assets/large_left.png);}
.tp-rightarrow.default{background:url(../assets/large_right.png);}
.tp-thumbs img{width:100%;}
.tp-bannertimer{width:100%;height:10px;background:url(../assets/timer.png);position:absolute;z-index:200;top:0;}
.vjs-tech{margin-top:1px;}
.tp-simpleresponsive a{text-decoration:none;}
.tp-simpleresponsive ul{list-style:none;padding:0;margin:0;}
.tp-simpleresponsive>ul>li{list-stye:none;position:absolute;visibility:hidden;}
.tp-loader{background:url(../assets/loader.gif)10px 10px no-repeat #fff;margin:-22px;top:50%;left:50%;z-index:10000;position:absolute;width:44px;height:44px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.tp-caption img{background:0 0;zoom:1;}
@font-face{font-family:revicons;src:url(../font/revicons.eot?5510888#iefix)format("embedded-opentype"),url(../font/revicons.woff?5510888)format("woff"),url(../font/revicons.ttf?5510888)format("truetype"),url(../font/revicons.svg?5510888#revicons)format("svg");font-weight:400;font-style:normal;}
.crow .item, .crow .weight{font-size:18px;display:inline-block;font-weight:400;}
@-webkit-keyframes empty{0%{opacity:1};}
@-moz-keyframes empty{0%{opacity:1};}
@keyframes empty{0%{opacity:1};}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1};}
@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1};}
@keyframes fadeIn{0%{opacity:0}to{opacity:1};}
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0};}
@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0};}
@keyframes fadeOut{0%{opacity:1}to{opacity:0};}
@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}to,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)};}
@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}to,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)};}
@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}to,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)};}
@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}to{opacity:1;-webkit-transform:translateZ(0) translateX(0)};}
@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}to{opacity:1;-moz-transform:translateZ(0) translateX(0)};}
@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}to{opacity:1;transform:translateZ(0) translateX(0)};}
@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)};}
@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)};}
@keyframes scaleToFade{to{opacity:0;transform:scale(.8)};}
@-webkit-keyframes goDown{0%{-webkit-transform:translateY(-100%)};}
@-moz-keyframes goDown{0%{-moz-transform:translateY(-100%)};}
@keyframes goDown{0%{transform:translateY(-100%)};}
@-webkit-keyframes scaleUpFrom{0%{opacity:0;-webkit-transform:scale(1.5)};}
@-moz-keyframes scaleUpFrom{0%{opacity:0;-moz-transform:scale(1.5)};}
@keyframes scaleUpFrom{0%{opacity:0;transform:scale(1.5)};}
@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)};}
@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)};}
@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)};}
.com{color:#93a1a1;}
.lit{color:#195f91;}
.clo, .opn, .pun{color:#93a1a1;}
.atv, .str{color:#d14;}
.atn, .dec, .typ, .var{color:teal;}
.pln{color:#48484c;}
.prettyprint{padding:8px;background-color:#f7f7f9;border:1px solid #e1e1e8;}
.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0#fbfbfc,inset 41px 0 0#ececf0;-moz-box-shadow:inset 40px 0 0#fbfbfc,inset 41px 0 0#ececf0;box-shadow:inset 40px 0 0#fbfbfc,inset 41px 0 0#ececf0;}
ol.linenums{margin:0 0 0 33px;padding:0 0 0 2px;}
ol.linenums li{padding-left:12px;color:#bebec5;line-height:20px;text-shadow:0 1px 0#fff;}
.calendar{margin-bottom:20px;}
.calendar .crow:nth-child(odd){background-color:#e4e4dc;}
.calendar a{color:#265985;}
.calendar a:hover{color:#333;}
.crow{padding:10px;}
.crow .item{width:70%;vertical-align:top;}
.crow .weight{width:28%;}
.overwidth-photo img{width:100%;}
.fullwidth-photo img{max-width:100%;display:block;margin:0 auto;}
.lazy-photo{max-width:2000px;display:block;margin:0 auto;}
.calendar .crow .item a{color:#f1440f;font-weight:700;}
.calendar .crow .item a:hover{color:#f99609;}
.banner-section .container, .midpage-900{max-width:900px;}
.bottom img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.bottom img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);}
.midpage-900{margin-left:auto;margin-right:auto;}
#cascadia, #desertmexico, #desertsouthwest, #dryworld, #europa, #greatbasin, #greatplains, #green-anole, #neotropics, #neotropics-mid, #oceania, #spices, #west-indies-map, #westindies, .breakout-section{background-repeat:no-repeat;background-position:center;background-size:cover;}
#west-indies-map{background-image:url(https://www.notesfromtheroad.com/files/west-indies-map.jpg);}
#hawaiian-map p, #west-indies-map p{color:#19648b;}
#hawaiian-map h2, #hawaiian-map h3, #west-indies-map h2, #west-indies-map h3{color:#333;}
#hawaiian-map{background-image:url(https://www.notesfromtheroad.com/files/hawaiian-islands.jpg);}
#desertsouthwest{background-image:url(https://www.notesfromtheroad.com/files/desert-south-west.jpg);min-height:1000px;}
#dryworld{background-image:url(https://www.notesfromtheroad.com/files/dryworld.jpg);min-height:1000px;}
#europa{background-image:url(https://www.notesfromtheroad.com/files/europa.jpg);min-height:1000px;}
#greatbasin{background-image:url(https://www.notesfromtheroad.com/files/great-basin.jpg);min-height:1000px;}
#westindies{background-image:url(https://www.notesfromtheroad.com/files/trinidad-cuba-at-night.jpg);min-height:1000px;}
#cascadia{background-image:url(https://www.notesfromtheroad.com/files/indian-beach.jpg);min-height:1000px;}
#desertmexico{background-image:url(https://www.notesfromtheroad.com/files/desert-mexico.jpg);min-height:1000px;}
#tigerlands{background-image:url(https://www.notesfromtheroad.com/files/euljiro-brewing-alley2.jpg);min-height:1000px;}
#oceania{background-image:url(https://www.notesfromtheroad.com/files/tikehau-coral-reef2.jpg);min-height:1000px;}
#neotropics{background-image:url(https://www.notesfromtheroad.com/files/neotropics-latin-america.jpg);min-height:1000px;}
#greatplains{background-image:url(https://www.notesfromtheroad.com/files/great-plains.jpg);min-height:1000px;}
#neotropics-mid{background-image:url(https://www.notesfromtheroad.com/files/neotropics-snake-bg.jpg);}
#green-anole{background-image:url(https://www.notesfromtheroad.com/files/green-anole-bg.jpg);}
#tigerlands-breakout{background-image:url(https://www.notesfromtheroad.com/files/tigerlands-breakout.jpg);}
.breakout-section h2, .breakout-section h3, .breakout-section p{color:#fff;}
.breakout-section p{line-height:22px;font-size:16px;}
.breakout-section a{color:#0aa8e3;}
.banner-section{background-repeat:no-repeat;background-position:center;background-size:cover;}
.banner-section .container.inner{padding-top:20px;padding-bottom:0;}
.banner-section h1{font-size:60px;line-height:52px;color:#fff;text-align:center;font-family:"roboto condensed",sans-serif;font-weight:700;}
.banner-section .nftr_breadcrumb a, .lower-container h3, .lower-container p{color:#eee;}
.banner-section .nftr_breadcrumb{text-align:center;color:#eee;font-family:roboto,sans-serif;font-size:16px;}
#spices{background-image:url(https://www.notesfromtheroad.com/files/spices-marrakech.jpg);}
#tigerlands .banner-spacer, #cascadia .banner-spacer, #desertmexico .banner-spacer, #desertsouthwest .banner-spacer, #dryworld .banner-spacer, #europa .banner-spacer, #greatbasin .banner-spacer, #greatplains .banner-spacer, #neotropics .banner-spacer, #oceania .banner-spacer, #westindies .banner-spacer{height:800px;}
#shadow-container{position:relative;}
#shadow-contents{background:#000;}
#shadow-contents img{max-width:100%;margin:0 auto;}
#shadow-article-header{position:absolute;z-index:3;right:0;bottom:0;left:0;}
#shadow-article-header .article-snippet{margin:20px auto;font-family:"roboto condensed",sans-serif!important;}
#shadow-container #gradient{position:absolute;z-index:2;right:0;bottom:0;left:0;height:300px;background:linear-gradient(to bottom,transparent 0,#000 100%);}
.article-title.cinzel{font-family:"cinzel decorative",cursive;font-weight:100;}
.article-title.fellenglish{font-family:"iM fell english sC",serif;}
h1.article-title.fellenglish{line-height:50px;}
.article-title.cormorant{font-family:"cormorant sC",serif;}
.article-title.vastshadow{font-family:"vast shadow",cursive;}
.article-title.alfa{font-family:"alfa slab one",cursive;}
.article-title.pica{font-family:"iM fell dW pica",serif;}
.article-title.contrail{font-family:"contrail one",cursive;}
.article-title.saira{font-family:"saira extra condensed",sans-serif;}
.article-title.barriecito{font-family:barriecito,cursive;}
.article-title.crete{font-family:"crete round",serif;}
.article-title.tulpen{font-family:"tulpen one",sans-serif;font-weight:400;font-style:normal;}
.article-title.nova{font-family:"nova flat",system-ui;font-weight:400;font-style:normal;}
.article-title.bitter{font-family:bitter,serif;}
.article-title.aleo{font-family:aleo,serif;}
.black-wrapper.home .inner{padding-top:30px;}
.home-about .lead{margin-bottom:10px;line-height:24px;}
.black-wrapper .isotope-item .meta{font-family:"roboto condensed",sans-serif;font-size:18px;color:#bbb;line-height:22px;}
.black-wrapper .isotope-item h3.post-title{font-size:28px;color:#fff;}
.black-wrapper.bottom .isotope-item h3.post-title{font-size:18px;margin-top:6px;}
.fellenglish{font-family:"iM fell english sC",serif;}
h1.article-title.patua{font-family:"patua one",cursive;}
h1.article-title.king{font-family:"loved by the king",cursive;}
.content ul, ul{list-style-type:none;}
.text-center{text-align:center;}
.gloria{font-family:"gloria hallelujah",cursive;}
.anton{font-family:anton,serif;}
.barriecito{font-family:barriecito,cursive;}
.explore-button{background:#fa3f06;border-radius:0;color:#fff;cursor:pointer;display:inline-block;outline:0;padding:11px 20px;transition:color .3s,background .3s;font-family:"roboto","san-serif";font-weight:700;font-size:14px;line-height:18px;letter-spacing:1px;text-transform:uppercase;}
.explore-button:hover{background:#fff;color:#b44b2b;}
.explore-button2{background:#2a96a6;border-radius:0;color:#fff;cursor:pointer;display:inline-block;outline:0;padding:11px 20px;transition:color .3s,background .3s;font-family:"roboto","san-serif";font-weight:700;font-size:14px;line-height:18px;letter-spacing:1px;text-transform:uppercase;}
.explore-button2:hover{background:#fff;color:#2a96a6;}
header.black-island2{text-align:center;margin:0 0 2.3%;position:relative;}
header.black-island2 h1, header.black-island2 h2{font-family:"roboto condensed",sans-serif;background:#000;display:inline-block;padding:5px 5px;position:relative;z-index:1;color:#fff;font-size:30px;text-transform:none;line-height:1.1em;letter-spacing:0;font-weight:600;}
header.black-island2 .gray-line{top:32px;width:100%;background:#424242;height:1px;left:0;position:absolute;z-index:0;}
header.black-island{text-align:center;margin:0 0 2.3%;position:relative;}
header.black-island h1, header.black-island h2{font-family:"roboto condensed",sans-serif;background:#000;display:inline-block;padding:5px 60px;position:relative;z-index:1;color:#fff;font-size:30px;text-transform:none;line-height:1.4em;letter-spacing:0;font-weight:600;}
header.black-island .gray-line{top:32px;width:100%;background:#424242;height:1px;left:0;position:absolute;z-index:0;}
footer .text-center .social li{margin:0 18px!important;}
footer .social li a i{text-align:center;display:table-cell;vertical-align:middle;color:#aaa;background:0 0;border:2px solid #aaa;width:50px!important;height:50px!important;line-height:1;font-size:20px!important;}
footer .social{padding:0;margin:0;font-size:0;height:60px;}
footer .description{max-width:600px;margin-left:auto;margin-right:auto;font-weight:400;color:#d9d9d9;font-size:20px;font-family:"roboto",sans-serif;letter-spacing:-.022em;}
footer .description.small{font-family:"roboto",sans-serif;font-size:16px;color:#777;}
.content ul.disc{list-style-type:disc;}
.page-links{float:right;padding:0 0 15px 15px;}
.page-links p{line-height:20px;font-weight:500;font-size:20px;margin:0 0 5px;}
a.anchor{display:block;position:relative;top:-70px;visibility:hidden;}
.head-image.region{display:none;}
.btn.responsive-menu{background:0 0;}
.white .btn.responsive-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.icon-menu-1:before{font-size:26px;color:#777;}
.white .icon-menu-1:before{color:#444;}
.midpage-caption.top-caption{padding-top:25px;font-family:"roboto",sans-serif!important;font-size:16px!important;font-weight:700!important;color:#777!important;padding-left:15px;padding-right:15px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto;line-height:20px!important;}
footer .navbar-brand{float:none!important;}
.banner-section .lower-container p{font-size:17px;font-family:roboto,sans-serif;line-height:24px;}
ul.standard li{font-size:18px;font-weight:700;color:#111;}
h3.product{color:#252525;font-size:24px;font-weight:700;text-transform:none;}
.btn-alink{margin-left:auto;margin-right:auto;display:block;width:120px;margin-top:20px;}
.btn.btn-blue.btn-alink{background:#1143c0;}
a.af{color:#ef4c14;font-weight:700;}
a.af:hover{opacity:.7;}
.image-table{max-width:600px;margin:0 auto;padding:20px 0;}
.image-table .item{font-size:18px;display:inline-block;width:250px;}
.image-table .item a{color:#f1440f;font-weight:700;}
.double .image-table{width:100%;}
.door-links{padding:0;}
.door-links li{font-size:26px;line-height:36px;font-weight:700;}
.signup-container #mc_embed_signup input.email{background-color:#222;border:1px solid #333;color:#eee;}
.signup-container #mc_embed_signup .button{background-color:#fa5005;font-weight:700;}
.signup-container{padding-bottom:40px;}
#mc_embed_signup label{color:#ddd;}
h1.article-title .big-title{font-size:80px;}
.nftr-breadcrumb{margin:0;display:none;}
.full-width img{width:100%;}
.spacer80-40{height:80px;clear:both;}
.single-image .text{padding:30px;}
.double-image .text, .triple-image .text{padding:60px 0;}
.double-image h3, .single-image h3, .triple-image h3{color:#111;text-transform:none;}
h1.lime{color:#000;font-size:90px;line-height:80px;padding-top:80px;font-family:roboto,sans-serif;text-transform:none;max-width:880px;margin-left:auto;margin-right:auto;}
p.lime-standard{color:#222;font-size:24px!important;line-height:34px;}
h1.habanero{color:#000;font-size:60px;line-height:80px;padding-top:50px;font-family:roboto,sans-serif;text-transform:none;max-width:880px;margin-left:auto;margin-right:auto;}
p.habanero-standard{color:#556f22;font-size:24px!important;line-height:34px;}
h1.melon{color:#000;font-size:70px;line-height:58px;padding-top:50px;font-family:roboto,sans-serif;text-transform:none;}
h2.melon{text-align:center;font-size:48px;line-height:46px;}
p.melon-standard{color:#222;font-size:30px!important;font-weight:700;line-height:30px;}
.bottom .col-bottom p{color:#8d8d8d;font-size:16px;text-align:left;line-height:20px;font-family:"roboto condensed",sans-serif;}
.bottom .col-bottom h3{text-transform:none;font-size:20px;text-align:left;color:#d1d1d3;line-height:24px;}
.black-wrapper.bottom .col-bottom h3.blink a{color:#d1d1d3;}
.black-wrapper.bottom .col-bottom h3.blink a:hover{color:#f15c0a;}
hr.gray{border-bottom:1px solid #f15c0a;}
.bottom .inner{padding-bottom:0;}
.shadow, .shadow2{text-shadow:1px 1px 2px #000;}
.btn-shadow{box-shadow:1px 1px 2px #222;}
.arb{height:0;overflow:hidden;padding-top:66.65%;background:#000;position:relative;}
.arb-white{background:#fff;}
.arb-image{position:absolute;top:0;left:0;width:100%;height:100%;}
.arb-image img{width:100%;max-width:none;}
.arb-text{position:absolute;top:60px;left:0;width:100%;height:100%;z-index:3;}
.arb #gradient{position:absolute;z-index:2;right:0;bottom:0;left:0;height:300px;background:linear-gradient(to bottom,transparent 0,#000 100%);}
.arb-text h1{width:60%;margin:0 auto;text-align:center;}
.arb-text p.article-snippet{margin:20px auto;text-align:center;width:630px;}
.arb.arb-bottom .arb-text{top:auto;bottom:20px;height:auto;}
.explore-button.center{display:block;width:105px;margin:0 auto;}
hr.turquoise{border-bottom:1px solid #027170;margin:35px 0;}
hr.aqua{border-bottom:1px solid #49a3c9;margin:35px 0;}
hr.limegreen{border-bottom:1px solid #6d7947;margin:35px 0;}
hr.desert{border-bottom:1px solid #d38937;margin:35px 0;}
hr.europacolor{border-bottom:1px solid #a34524;margin:35px 0;}
hr.cascadia{border-bottom:1px solid #426366;margin:35px 0;}
hr.gray{border-bottom:1px solid #555;margin:35px 0;}
hr.greatbasin{border-bottom:1px solid #774117;margin:35px 0;}
hr.greatplains{border-bottom:1px solid #1a6453;margin:35px 0;}
hr.dryworld{border-bottom:1px solid #806c5e;margin:35px 0;}
hr.organization{border-bottom:1px solid #5d6a46;margin:35px 0;}
footer{background-color:#000;padding:20px;}
.social-icons{display:flex;justify-content:center;gap:15px;}
.social-icons a{color:#fff;text-decoration:none;}
.tabler-icon{width:32px;height:32px;transition:color .3s ease,transform .3s ease;}
.social-icons a:hover .tabler-icon{color:orange;transform:scale(1.1);}
.economica-regular{font-family:"economica",sans-serif;font-weight:400;font-style:normal;}
.economica-bold{font-family:"economica",sans-serif;font-weight:700;font-style:normal;}
.economica-regular-italic{font-family:"economica",sans-serif;font-weight:400;font-style:italic;}
.economica-bold-italic{font-family:"economica",sans-serif;font-weight:700;font-style:italic;}
.tulpen-one-regular{font-family:"tulpen one",sans-serif;font-weight:400;font-style:normal;}
.mansalva-regular{font-family:"mansalva",sans-serif;font-weight:400;font-style:normal;}
.black-wrapper h2.advent{font-size:30px;color:#777;font-family:"advent pro",sans-serif!important;text-transform:none;text-align:center;line-height:40px;}
.text-block .btn2{width:100px;color:#d65d1c;border:1px solid #d65d1c;font-weight:700;font-size:14px;font-family:"roboto","san-serif";-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;letter-spacing:.03em;box-sizing:border-box;height:32px;line-height:32px;padding:0 18px;display:block;margin:0 auto;transition:all .23s ease-in-out 0s;}
.text-block h2{text-align:center;font-family:"roboto","san-serif";font-weight:500;font-size:30px;text-transform:none;}
.text-block{padding:50px;}
.text-block p{font-family:"roboto","san-serif";}
.testimonial{padding:20px 0;}
.testimonial.home{border-top:3px solid #333;border-bottom:3px solid #333;margin:60px 0;}
.testimonial .quote, .testimonial .source{text-align:center;font-family:"roboto condensed",sans-serif;}
.testimonial .quote{font-size:36px;color:#888;font-weight:600;line-height:1.1em;letter-spacing:0;}
.testimonial .source{font-size:22px;color:#555;font-weight:600;line-height:1.1em;letter-spacing:0;margin:0;}
.substack-button{background:#3f3f3f;border-radius:7px;padding:20px 45px;color:#fff;display:inline-block;font:700 18px/1"open sans",sans-serif;text-align:center;}
.article-title.mansalva{font-family:"mansalva",sans-serif;letter-spacing:-.07em;line-height:.9;}
.rowdies-light{font-family:"rowdies",sans-serif;font-weight:300;font-style:normal;}
.rowdies-regular{font-family:"rowdies",sans-serif;font-weight:400;font-style:normal;}
.rowdies-bold{font-family:"rowdies",sans-serif;font-weight:700;font-style:normal;}
.article-title.rowdies{font-family:"rowdies",sans-serif;letter-spacing:-.04em;line-height:.5;}
h1.article-title span.small-title{font-size:36px;line-height:40px;}
h1.article-title span.smallish-title{font-size:42px;line-height:46px;}
.playfair-display-sc-regular{font-family:"playfair display sC",serif;font-weight:400;font-style:normal;}
.playfair-display-sc-bold{font-family:"playfair display sC",serif;font-weight:700;font-style:normal;}
.playfair-display-sc-black{font-family:"playfair display sC",serif;font-weight:900;font-style:normal;}
.playfair-display-sc-regular-italic{font-family:"playfair display sC",serif;font-weight:400;font-style:italic;}
.playfair-display-sc-bold-italic{font-family:"playfair display sC",serif;font-weight:700;font-style:italic;}
.playfair-display-sc-black-italic{font-family:"playfair display sC",serif;font-weight:900;font-style:italic;}
.article-title.playfair{font-family:"playfair display sC",serif;font-weight:900;font-style:normal;letter-spacing:-.04em;line-height:.7;}
.darumadrop-one-regular{font-family:"darumadrop one",sans-serif;font-weight:400;font-style:normal;}
.article-title.darumadrop{font-family:"darumadrop one",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.6;}
.article-title.contrail{font-family:"contrail one",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.9;}
.marvel-regular{font-family:"marvel",sans-serif;font-weight:400;font-style:normal;}
.marvel-bold{font-family:"marvel",sans-serif;font-weight:700;font-style:normal;}
.marvel-regular-italic{font-family:"marvel",sans-serif;font-weight:400;font-style:italic;}
.marvel-bold-italic{font-family:"marvel",sans-serif;font-weight:700;font-style:italic;}
.article-title.marvel{font-family:"marvel",sans-serif;font-weight:700;font-style:normal;letter-spacing:-.04em;line-height:.9;}
.viga-regular{font-family:"viga",sans-serif;font-weight:400;font-style:normal;}
.article-title.viga{font-family:"viga",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.9;}
.article-title.tagesschrift{font-family:"tagesschrift",system-ui;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.9;}
.article-title.advent{font-family:"advent pro",sans-serif;letter-spacing:-.04em;line-height:.8;}
.article-title.days{font-family:"days one",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.7;}
.article-title.megrim{font-family:"megrim",system-ui;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.9;}
.article-title.rocksalt{font-family:"rock salt",cursive;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.9;}
.article-title.lilita{font-family:"lilita one",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.9;}
h1.article-title.racing{font-family:"racing sans one",cursive;letter-spacing:-.04em;line-height:.8;}
h1.article-title.bangers{font-family:"bangers",system-ui;font-weight:400;font-style:normal;letter-spacing:-.01em;line-height:.7;}
h1.article-title.fellcanon{font-family:"iM fell french canon sC",serif;font-weight:400;font-style:normal;letter-spacing:-.01em;line-height:.8;}
.article-title.anton{font-family:anton,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.01em;line-height:1;}
.article-title.macondo{font-family:"macondo swash caps",cursive;font-weight:400;font-style:normal;letter-spacing:-.01em;line-height:1;}
.article-title.bona{font-family:"bona nova sC",serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:.7;}
.article-title.julius{font-family:"julius sans one",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.07em;line-height:.8;}
.article-title.yomogi{font-family:"yomogi",cursive;font-weight:400;font-style:normal;letter-spacing:-.09em;line-height:.8;}
.article-title.comingsoon{font-family:"coming soon",cursive;font-weight:400;font-style:normal;letter-spacing:-.09em;line-height:.8;}
.article-title.lalezar{font-family:"lalezar",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.03em;line-height:.8;}
.article-title.changa{font-family:"changa one",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.03em;line-height:.8;}
.article-title.carter{font-family:"carter one",system-ui;font-weight:400;font-style:normal;letter-spacing:-.03em;line-height:.8;}
.article-title.marcellus{font-family:"marcellus sC",serif;font-weight:400;font-style:normal;letter-spacing:-.03em;line-height:.6;}
.article-title.knewave{font-family:"knewave",system-ui;font-weight:400;font-style:normal;letter-spacing:-.03em;line-height:.8;}
.article-title.alumni{font-family:"alumni sans sC",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;letter-spacing:-.03em;line-height:.8;}
.lime-wide{max-width:920px;margin:0 auto;padding:2rem 1rem;font-size:1.1rem;line-height:1.6;}
.fullwidth-photo img{width:100%;max-width:2000px;height:auto;display:block;margin-left:auto;margin-right:auto;}
.fullwidth-photo img{max-width:2000px !important;}
.max2000{width:100%;max-width:2000px !important;height:auto;display:block;margin-left:auto;margin-right:auto;}
.footer-grid figure h3{font-size:20px;line-height:24px;text-align:left;text-transform:capitalize;font-family:'Roboto Condensed', sans-serif;color:#d1d1d3;margin:0 0 5px 0;}
.footer-grid figure h3 a{color:#d1d1d3;text-decoration:none;}
.footer-grid figure p{font-size:16px;line-height:20px;text-align:left;font-family:'Roboto Condensed', sans-serif;color:#8d8d8d;margin-bottom:25px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:10px 40px;/* ← tightened vertical spacing */ padding:20px 0;}
.footer-thumb{margin:0;}
.footer-thumb h3{font-family:'Roboto Condensed', sans-serif;font-size:16px;line-height:20px;text-transform:uppercase;color:#d1d1d3;margin:0 0 5px 0;}
.footer-thumb h3 a{color:#d1d1d3;text-decoration:none;}
.footer-thumb p{font-family:'Roboto Condensed', sans-serif;font-size:16px;line-height:20px;color:#8d8d8d;text-align:left;margin:0 0 25px 0;}
a.next-up-button, a.next-up-button:link, a.next-up-button:visited, a.next-up-button:hover, a.next-up-button:active, a.next-up-button:focus{color:#fff !important;background:#333;border-radius:11px;box-shadow:0 1px #444;padding:20px 45px;display:block;font:700 26px/1 "Open Sans", sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background 0.3s ease, box-shadow 0.3s ease;margin:40px auto;width:fit-content;}
.grid-items{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:40px;}
.black-wrapper .grid-items{/* inherits from .grid-items */:;}
.grid-item a{display:block;text-decoration:none;color:inherit;}
.grid-item h3{display:block !important;text-align:center !important;margin:16px 0 8px;/* unify with previous variant */ font-weight:700;font-size:24px;line-height:1.2;text-transform:none;/* kills any global uppercase */ transition:color 0.3s ease;}
.grid-item h3 a{display:inline-block;text-align:center;color:inherit;text-decoration:none;}
.grid-item img{width:100%;height:auto;display:block;margin:0 0 20px 0 !important;transition:filter 0.3s ease;}
.grid-item a:hover img{filter:brightness(85%);}
.grid-item a:hover h3{color:#f0540f;}
.grid-item .meta{text-align:center;font-family:'Roboto condensed', san-serif !important;font-size:17px;line-height:1.4;margin:0;padding:0 10px;/* side padding */:;}
.grid-items .grid-item img{aspect-ratio:16 / 9;width:100%;height:auto;}
.light-wrapper .grid-item
.white .narrow-text ul, .white .narrow-text ul.disc{list-style:disc outside;padding-left:1.25rem;margin-left:0;}
.white .narrow-text ol{list-style:decimal outside;padding-left:1.25rem;}
.white .narrow-text li{margin:0 0 .5rem;}
.white .narrow-text ul, .white .narrow-text ol{display:block;}
<style>
/* Lite YouTube shell */
.yt-lite{position:relative;display:block;width:100%;background:#000;overflow:hidden;}
.yt-lite::before{content:"";display:block;padding-top:56.25%;}
.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.yt-play{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;border:0;background:transparent;}
.yt-play::before{content:"";width:68px;height:48px;border-radius:12px;background:#ffffff88;}
.yt-play::after{content:"";margin-left:-6px;border-left:18px solid #000;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.navbar .btn.responsive-menu{font-size:28px;/* scales the icon via em */ line-height:1;padding:8px;color:#777 !important;/* gray for the button (and icon via inherit) */:;}
.navbar .btn.responsive-menu .ti{font-size:1em;/* match the 28px from parent */ width:1em;height:1em;vertical-align:middle;color:inherit !important;/* ensure it uses the gray above */:;}
.navbar .btn.responsive-menu:hover, .navbar .btn.responsive-menu:focus{color:#fff !important;/* white on hover */:;}
#roam-subnav{clear:both;}
#guana-subnav{clear:both;}
.bottombar{background:#0d0d0d;/* always a dark bar */ color:#fff;padding:56px 0 32px;/* prevents margin-collapsing from content above */ border-top:1px solid rgba(255,255,255,.12);}
.bottombar .section-title, .bottombar h2, .bottombar h3{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.02em;font-weight:800;margin:0 0 28px;}
.bottombar a{color:#fff;}
.bottombar p, .bottombar .teaser{color:rgba(255,255,255,.78);}
.bottombar .grid-items{gap:32px;}
.bottombar .grid-item h3{color:#fff !important;}
.bottombar .grid-item p{color:rgba(255,255,255,.78);}
.light-wrapper .footer-library, .footer-library{background:#0d0d0d;color:#fff;padding:56px 0 32px;border-top:1px solid rgba(255,255,255,.12);}
.light-wrapper .footer-library h3.center, .footer-library > h3{color:#fff !important;text-align:center;text-transform:uppercase;letter-spacing:.02em;font-weight:800;margin:0 0 28px;}
.footer-library .europacolor{border:0;height:1px;background:#2ba6ff;/* your Maps/Europa accent */ opacity:.6;width:100%;max-width:1200px;margin:16px auto 32px;}
.footer-library .footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;}
.footer-library a{color:#fff !important;text-decoration:none;}
.footer-library p{color:rgba(255,255,255,.78) !important;margin:.4rem 0 0;}
.light-wrapper .footer-library, .footer-library{background-color:#000 !important;/* pure black */ background-image:none !important;/* kill gradients if any */ opacity:1 !important;/* avoid dimming */ border-top:1px solid #1a1a1a;/* optional subtle top rule */:;}
.footer-library::before, .footer-library::after{content:none !important;}
<style> /* Footer + light/black wrappers always use UI sans */ footer, .footer, .light-wrapper, .black-wrapper, .dark-wrapper, .footer-library, .footer-grid, .footer-library p, .footer-library a, .footer-grid p, .footer-grid a{font-family:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;}
.light-wrapper .footer-library h3, .footer-grid figure h3, .footer-library h3{font-family:"Roboto Condensed", "Open Sans", Arial, sans-serif !important;font-weight:700 !important;/* 800 synthesizes:;700 matches the webfont */ text-transform:none;/* keep your existing transform if you want it */:;}
.footer-library h3{font-size:30px;line-height:32px;}
.light-wrapper .footer-library h3, .light-wrapper .footer-library h3 a{font-family:"Roboto Condensed", "Open Sans", Arial, sans-serif !important;font-weight:700 !important;/* matches the loaded webfont */ font-size:30px !important;/* bigger, like your "good" page */ line-height:32px !important;text-transform:uppercase !important;letter-spacing:.02em;margin:0 0 28px;}
footer .container{padding-left:15px;padding-right:15px;}
footer .inner{max-width:1200px;margin:0 auto;}
footer.dark-wrapper{clear:both;}
.guana-nav.second-nav .navbar, .guana-nav.second-nav .navbar-collapse, .guana-nav.second-nav .dropdown-menu{background:#fff !important;border:none;box-shadow:none;}
.guana-nav.second-nav .navbar, .guana-nav.second-nav .navbar-collapse{background:#fff !important;border:none;box-shadow:none;}
.yamm.navbar, .navbar-collapse{overflow:visible !important;}
.navbar .dropdown-menu{position:absolute;/* needed for stacking */ z-index:12000 !important;/* higher than .navbar (8000) and Guana (4000) */:;}
#guana-subnav{position:relative;z-index:1000 !important;/* safely below top nav dropdowns */:;}
#guana-subnav.navbar, #guana-subnav .navbar-collapse{background:#fff !important;}
#guana-subnav .navbar-nav > li > a{color:#000 !important;/* black text on white bar */:;}
#guana-subnav .navbar-nav > li > a:hover, #guana-subnav .navbar-nav > li.open > a:hover, #guana-subnav .navbar-nav > li.open > a:focus{background:#fff !important;/* keep bar white */ color:#fa6206 !important;/* brand orange text */:;}
#guana-subnav .navbar-nav > li.open > a{background:#fff !important;/* white background */ color:#000 !important;/* black text by default */:;}
#guana-subnav .dropdown-menu{background:#000 !important;}
#guana-subnav .dropdown-menu li a{color:#fff !important;font-weight:400 !important;text-transform:none !important;}
#guana-subnav .dropdown-menu li{border-top:1px solid rgba(255,255,255,.12) !important;}
#guana-subnav .dropdown-menu li:first-child{border-top:0 !important;}
#guana-subnav .dropdown-menu li a:hover{background:#222 !important;color:#fff !important;}
hr.grayline{border:0;border-top:2px solid #333;border-bottom:2px solid #333;margin:60px 0;}
.organic-hr{border:0;display:block;width:1170px;max-width:100%;/* set the visual ratio of your asset:;adjust 30 if your art differs */ aspect-ratio:1170 / 30;margin:60px auto;background:url("files/topo-line-1.webp") center / 100% 100% no-repeat;/* ^ this replaces `contain` so it uses the full width and height of the box */:;}
.organic2-hr{border:0;display:block;width:1170px;max-width:100%;/* set the visual ratio of your asset:;adjust 30 if your art differs */ aspect-ratio:1170 / 30;margin:60px auto;background:url("files/topo-line-1.webp") center / 100% 100% no-repeat;/* ^ this replaces `contain` so it uses the full width and height of the box */:;}
.black-wrapper a:hover{color:#fa8641 !important;}
.black-wrapper .arb, .black-wrapper .hero, .black-wrapper .hero-wrap{position:relative;background:#000;overflow:hidden;}
.black-wrapper .arb img, .black-wrapper .hero img{display:block;width:100%;height:auto;}
.black-wrapper .arb::after, .black-wrapper .hero::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 2px);/* extend 2px past bottom */
  bottom:-2px;pointer-events:none;background:linear-gradient(
    to bottom,
    rgba(0,0,0,0) 55%,
    rgba(0,0,0,.9) 85%,
    #000 100%
  );}
.black-wrapper body, .black-wrapper .page, .black-wrapper .narrow-text, .black-wrapper .article-wrap{background:#000;}
.arb, .hero, .hero-wrap{position:relative;background:#000;/* own the black */
  overflow:hidden;-webkit-font-smoothing:antialiased;}
.arb-image img, .hero img{/* remove inline-gap rounding */
  display:block;width:100%;height:auto;}
#gradient{position:absolute;left:-1px;/* overscan to hide sub-pixel seam */
  right:-1px;bottom:-1px;height:46%;/* a touch taller than before */
  background:linear-gradient(to top, rgba(0,0,0,.98) 0%, rgba(0,0,0,0) 100%);pointer-events:none;transform:translateZ(0);/* kill hairline on some GPUs */
  backface-visibility:hidden;will-change:transform;}
.arb::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:46%;background:linear-gradient(to top, rgba(0,0,0,.98), rgba(0,0,0,0));pointer-events:none;transform:translateZ(0);}
@media (max-width:991px){
.navbar-collapse{background:#000!important;}
.navbar-brand{margin-top:0;}
.navbar-collapse{max-height:inherit;position:static!important;background:#2d3134!important;float:left;width:100%;}
.navbar.basic.default, .navbar.basic.fixed, .yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav{position:relative;}
.yamm .dropdown-menu{position:relative;left:inherit;top:inherit;float:none;width:auto;display:block!important;background:0 0;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li, .navbar-nav>li:first-child>a, .navbar-nav>li>a{border:0;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a, .navbar-nav>li>a{border-bottom:1px solid rgba(0,0,0,.2)!important;color:#cacaca;}
.navbar .nav .open>a, .navbar .nav .open>a:focus, .navbar .nav .open>a:hover{background:0 0;border:0;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover, .navbar-nav>li>a{padding:12px 0!important;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu){padding-left:20px;}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) a{text-transform:none!important;font-family:roboto,sans-serif!important;font-weight:400!important;font-size:15px!important;}
.navbar-header{float:left;width:100%;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.11);-moz-box-shadow:0 1px 0 rgba(0,0,0,.11);box-shadow:0 1px 0 rgba(0,0,0,.11);padding:20px 0;}
.navbar-header:after{display:block;}
.offset{display:none;}
.navbar-brand img{width:250px;height:55px;}
.white .navbar-nav>li>a{color:#cacaca;}
#west-indies-map .map-spacer{height:750px;}
.second-nav .navbar-header{display:none;}
.navbar-nav{margin:auto;width:inherit!important;}
.navbar .info, .navbar .social{display:none;}
.btn.responsive-menu, .navbar-collapse:after{display:block;}
.sticky-wrapper{height:0!important;max-height:inherit;}
.navbar-collapse:after, .navbar-header:after{content:"";height:0;clear:both;visibility:hidden;}
.arb-text{top:30px!important;}
.arb.arb-bottom .arb-text{top:auto!important;}
.arb-text h1.article-title{width:80%;line-height:42px;font-size:48px;}
.arb-text p.article-snippet{line-height:22px;font-size:20px;width:500px;font-family:"roboto condensed",sans-serif!important;}
.arb #gradient{height:100px!important;}
}
@media (min-width:1200px){
#west-indies-map .map-spacer{height:560px;}
.container{padding-right:0;padding-left:0;}
.parallax .inner{width:50%;}
.items.col4{margin-left:-10px;margin-bottom:-10px;}
.items.col4 li{width:285px;margin-left:10px;margin-bottom:10px;}
.items.col3{margin-left:-9px;margin-bottom:-9px;}
.items.col3 li{width:384px;margin-left:9px;margin-bottom:9px;}
.items.col3.border{margin-left:-21px;margin-bottom:-21px;}
.items.col3.border li{width:376px;margin-left:21px;margin-bottom:21px;}
.items.col4.border{margin-left:-18px;margin-bottom:-18px;}
.items.col4.border li{width:279px;margin-left:18px;margin-bottom:18px;}
.grid-blog.col3{margin-left:-24px;margin-bottom:-24px;}
.grid-blog.col3 .post{width:374px;margin-left:24px;margin-bottom:24px;}
#testimonials{width:80%;}
}
@media (max-width:1199px){
.lazy-photo img{max-width:100%!important;}
.article p, .article-text p{font-size:18px;line-height:28px;}
#west-indies-map .map-spacer{height:590px;}
}
@media (min-width:993px){
.navbar .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu){margin-top:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu){top:0;left:100%;margin-top:-6px;border-left:1px solid rgba(0,0,0,.2);}
.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu){display:block;}
.dropdown-submenu>a:after{display:block;content:"";float:right;width:0;height:0;margin-top:5px;margin-right:-10px;}
.open>.dropdown-menu, .open>.dropdown-menu>.dropdown-submenu>.dropdown-menu{animation-name:slidenavAnimation;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-name:slidenavAnimation;-webkit-animation-duration:.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:slidenavAnimation;-moz-animation-duration:.3s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards;}
@keyframes slidenavAnimation{0%{opacity:0}to{opacity:1};}
@-webkit-keyframes slidenavAnimation{0%{opacity:0}to{opacity:1};}
}
@media (max-width:969px){
.narrow .inner{width:90%!important;}
}
@media (min-width:768px) and (max-width:979px){
.container, .navbar .container{padding-right:15px;padding-left:15px;}
.navbar-nav>li>a{padding:15px 18px;}
.thin{width:80%;}
#testimonials{width:90%;}
.items.col4{margin-left:-9px;margin-bottom:-9px;}
.items.col4 li{width:234px;margin-left:9px;margin-bottom:9px;}
.items.col3{margin-left:-9px;margin-bottom:-9px;}
.items.col3 li{width:234px;margin-left:9px;margin-bottom:9px;}
.items.col3.border{margin-left:-18px;margin-bottom:-18px;}
.items.col3.border li{width:351px;margin-left:18px;margin-bottom:18px;}
.items.col4.border{margin-left:-18px;margin-bottom:-18px;}
.items.col4.border li{width:351px;margin-left:18px;margin-bottom:18px;}
.grid-blog.col3{margin-left:-20px;margin-bottom:-20px;}
.grid-blog.col3 .post{width:350px;margin-left:20px;margin-bottom:20px;}
}
@media (max-width:767px){
.arb{margin-bottom:250px;overflow:visible!important;}
.arb-text{position:relative!important;}
.arb.arb400{margin-bottom:400px;}
.arb.arb385{margin-bottom:385px;}
.arb.arb375{margin-bottom:375px;}
.arb.arb200{margin-bottom:200px;}
.arb.arb225{margin-bottom:225px;}
.arb.arb250{margin-bottom:250px;}
.arb.arb300{margin-bottom:300px;}
.arb.arb350{margin-bottom:350px;}
.arb.arb450{margin-bottom:450px;}
.arb.arb125{margin-bottom:125px;}
.arb.arb150{margin-bottom:150px;}
.arb.arb175{margin-bottom:175px;}
.arb.arb25{margin-bottom:25px;}
.arb.arb100{margin-bottom:100px;}
.arb.arb75{margin-bottom:75px;}
.arb.arb-notext{margin-bottom:0;}
.page-links{float:none!important;padding:0 0 15px 0!important;}
#spacer-doors-windows-1{height:0;}
.midpage-caption, .photo-caption-wrap-april p.main-photo-caption{max-width:90%;}
.article-text aside p.main-photo-caption, img{max-width:100%;}
.container, .navbar .container{padding-right:10px;padding-left:10px;}
[class*=col-]{margin-bottom:30px;}
#scrollUp{display:none!important;}
footer .inner{padding-bottom:40px;}
.tab{display:block!important;margin:0!important;}
.tab:last-child{border:1px solid #e3e3e3;}
.items, .items li{margin-left:0!important;}
img{height:auto;}
.tp-bullets{-moz-opacity:0!important;-khtml-opacity:0!important;opacity:0!important;}
#testimonials, .thin{width:100%;}
#testimonials .tab{display:inline-block!important;}
#comments .user, .filter li a:before{display:none;}
.parallax .inner{width:100%;padding-left:20px;padding-right:20px;}
.items{margin-bottom:-20px!important;}
.items li{width:100%!important;margin-bottom:20px!important;}
.grid-blog, .grid-blog .post{margin-left:0!important;margin-bottom:20px!important;}
.grid-blog .post{width:100%!important;}
.panel-title{line-height:18px;}
.about-author .author-image{display:none;}
.black-wrapper .isotope-item .bordered{min-height:0;}
h1.article-title, h1.article-title .bigger, h2.article-title{font-size:42px;line-height:42px;}
h1.article-title span.big-title{font-size:55px;}
h1.article-title span.medium-title{font-size:50px;line-height:40px;}
.white h2.center{font-size:26px;line-height:28px;}
#shadow-article-header h1.article-title.fellenglish{line-height:30px;}
.article-title .title-80{font-size:42px;}
.drop1{font-size:80px;line-height:72px;padding:8px 8px 0 3px;}
.drop2{font-size:38px;line-height:38px;padding:10px 3px 0 0;}
.article p, .article-text p{text-align:left;}
h1.lime{font-size:60px;line-height:60px;padding-top:10px;}
h2.lime{font-size:26px;line-height:28px;max-width:92%;}
.col-sm-6.fixed{width:50%;float:left;}
.spacer60-20, .spacer80-20{height:20px;}
.spacer80-40{height:40px;}
.arb-text{top:20px!important;}
.arb-text h1.article-title{width:80%;line-height:48px;font-size:52px;}
.arb-text p.article-snippet{margin:10px auto;line-height:24px;font-size:20px;width:400px!important;}
.arb #gradient{height:50px!important;}
}
@media (max-width:480px){
.navbar-brand{float:none;}
.region-copy h2{font-size:30px;line-height:40px;}
.article-snippet, .newsletter input[type=email]{width:100%;}
.narrow .inner{width:100%!important;}
.nftr-breadcrumb{margin:0;}
.arb-text h1.article-title{font-size:42px!important;width:95%!important;line-height:46px!important;}
h1.article-title span.big-title{font-size:48px!important;}
}
@media only screen and (min-width:480px) and (max-width:767px){
.tp-simpleresponsive .button{padding:4px 8px 3px;line-height:25px!important;font-size:11px!important;font-weight:400;}
.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;}
}
@media only screen and (min-width:0px) and (max-width:479px){
.tp-simpleresponsive .button{padding:2px 5px;line-height:20px!important;font-size:10px!important;}
.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;}
}
@media (max-width:1000px){
#shadow-article-header{position:relative!important;padding-top:20px;top:0!important;}
#shadow-article-header h1.article-title{padding-top:10px;font-size:40px;}
#shadow-container #gradient{display:none;}
#shadow-article-header .article-snippet{font-size:18px;line-height:18px;width:85%;}
}
@media (min-width:1700px){
.container.section-max-width{width:1680px;padding-left:80px;padding-right:80px;}
.single-image .text{margin-top:250px;}
}
@media (max-width:400px){
.arb-text p.article-snippet{line-height:20px;width:300px!important;}
.social-icons{gap:5px;}
}
@media (max-width: 768px){
.footer-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}
}
@media (max-width: 992px){
.grid-items{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 600px){
.grid-items{grid-template-columns:1fr;}
}
@media (min-width: 768px){
#roam-subnav .navbar-collapse > .container{text-align:center;/* center the UL only in this subnav */:;}
#roam-subnav .navbar-nav{float:none;display:inline-block;/* let it center via text-align */ margin:0;/* avoid bootstrap negative margins */:;}
#roam-subnav .navbar-nav > li{float:none;display:inline-block;}
#guana-subnav .navbar-collapse > .container{text-align:center;}
#guana-subnav .navbar-nav{float:none;display:inline-block;margin:0;}
#guana-subnav .navbar-nav > li{float:none;display:inline-block;}
}
@media (max-width:992px){
.footer-library .footer-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
.footer-library .footer-grid{grid-template-columns:1fr;}
}
@media (max-width: 480px){
.organic-hr{margin:40px auto;height:24px;}
.organic2-hr{margin:40px auto;height:24px;}
}
/* ===== NAV HOVER + Z-INDEX RESTORE (append at end of CSS) ===== */

/* BLACK SHELL (default) — keep bar black; text turns orange on hover */
.yamm.navbar .navbar-nav > li > a:hover,
.yamm.navbar .navbar-nav > li > a:focus {
  background:#000 !important;
  color:#fa8641 !important; /* brand orange for black shell */
}

/* WHITE SHELL — keep bar & dropdowns white; text turns orange on hover */
.white .yamm.navbar,
.white .yamm.navbar .navbar-collapse { background:#fff !important; }

.white .yamm.navbar .navbar-nav > li > a { color:#333 !important; }

.white .yamm.navbar .navbar-nav > li > a:hover,
.white .yamm.navbar .navbar-nav > li > a:focus {
  background:#fff !important;
  color:#fa6206 !important; /* brand orange for white shell */
}

/* White-shell dropdown panels: white bg, light dividers, dark text; hover = light gray + orange */
.white .yamm.navbar .dropdown-menu { background:#fff !important; }
.white .yamm.navbar .dropdown-menu li { border-top:1px solid rgba(0,0,0,.08) !important; }
.white .yamm.navbar .dropdown-menu li > a {
  color:#333 !important;
  font-weight:400 !important;
  text-transform:none !important;
}
.white .yamm.navbar .dropdown-menu li > a:hover,
.white .yamm.navbar .dropdown-menu li > a:focus {
  background:#f7f7f7 !important;
  color:#fa6206 !important;
}

/* Inline SVG hamburger uses currentColor — set per shell */
.yamm.navbar .responsive-menu { color:#fff; } /* black shell default */
.yamm.navbar .responsive-menu:hover,
.yamm.navbar .responsive-menu:focus { color:#fa8641; }

.white .yamm.navbar .responsive-menu { color:#333; } /* white shell default */
.white .yamm.navbar .responsive-menu:hover,
.white .yamm.navbar .responsive-menu:focus { color:#fa6206; }

/* DROPDOWN ABOVE EVERYTHING (both shells) */
.yamm.navbar { position:relative; z-index:12000 !important; }
.yamm.navbar .dropdown-menu { position:absolute; z-index:13000 !important; }

/* ROAM (and other second navs) stay below the top-nav dropdowns */
#roam-subnav { position:relative; z-index:1000 !important; }
#roam-subnav .navbar, #roam-subnav .navbar-collapse { overflow:visible; }

/* Mobile: collapsed panel stays readable (keeps white shell white) */
@media (max-width:991px){
  .white .yamm.navbar .navbar-collapse { background:#fff !important; }
  .white .yamm.navbar .dropdown-menu:not(.yamm-dropdown-menu) li > a,
  .white .yamm.navbar .navbar-nav > li > a {
    border-bottom:1px solid rgba(0,0,0,.10) !important;
    color:#333 !important;
  }
}
/* ==== Category Hero (clean + scoped) ==== */
.category-hero{
  --hero-max-width:100%;
  --content-max-width:1000px;
  --hero-min-height:clamp(240px,36vh,460px);
  --content-pad-x:24px;
  --content-pad-bottom:clamp(20px,5vh,48px);
  --title-size:clamp(43px,6.2vw,69px);
  --body-size:clamp(18px,2vw,22px);
}
.category-hero__media{
  position:relative;margin:0 auto;max-width:var(--hero-max-width);line-height:0;min-height:var(--hero-min-height)
}
.category-hero__media>img{width:100%;max-width:100%;height:auto;display:block}

/* Bottom-only fade */
.category-hero__fade{
  pointer-events:none;position:absolute;inset:0;
  background:linear-gradient(to top,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.85) 10%,
    rgba(0,0,0,0.60) 16%,
    rgba(0,0,0,0.30) 20%,
    rgba(0,0,0,0.00) 24%)
}

/* Base text */
.category-hero__content{color:#fff;text-align:center;width:100%;max-width:var(--content-max-width)}
.category-hero__content h1{
  margin:0 0 8px 0;font-weight:900;letter-spacing:0;font-size:var(--title-size);
  line-height:1.05;text-transform:uppercase;color:#fff
}
.category-hero__content p{
  margin:0 auto;font-size:var(--body-size);line-height:1.55;max-width:70ch;
  text-wrap:balance;color:#f5f5f5;opacity:.98
}

/* Squiggle divider — original spacing */
.category-hero__squiggle{margin:56px auto 38px;max-width:var(--hero-max-width);line-height:0}

/* Remove extra gap between squiggle and grid (original) */
.black-wrapper,.container.inner{padding-top:0!important;margin-top:0!important}
.grid-items{margin-top:0!important}

/* Desktop dip */
@media (min-width:721px){
  .category-hero__content{
    position:absolute;left:50%;bottom:-8%;transform:translateX(-50%);
    padding:0 var(--content-pad-x) calc(var(--content-pad-bottom) + 20px)
  }
  .category-hero__content h1{position:relative;top:40px}
  .category-hero__content p{position:relative;top:56px;margin-top:0}
}

/* Mobile stack */
@media (max-width:720px){
  .category-hero{--hero-min-height:auto}
  .category-hero__media{min-height:0}
  .category-hero__content{
    position:static;left:auto;bottom:auto;transform:none;max-width:680px;
    padding:14px 16px 0;margin:0 auto
  }
  .category-hero__content h1{font-size:clamp(28px,7.5vw,40px);margin-bottom:8px}
  .category-hero__content p{font-size:clamp(15px,4.2vw,18px);position:static;top:auto}
  .category-hero__fade{display:none}
  .category-hero__squiggle{margin:8px auto 12px}
  .grid-items{margin-top:0!important}
}
/* ================================
   HOMEPAGE: Utilities, grids, cards
   (migrated from inline <style>)
   ================================ */

/* Vars & Utilities */
:root{
  --sec-pad: 32px;
  --grid-gap: 18px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: clamp(28px, 4vw, 48px);   /* intra-section */
  --space-xl: clamp(36px, 6vw, 64px);   /* between sections */
  --accent-orange: #ff6a00;
}
.u-center{ text-align:center; }
.u-dek{ opacity:.8; margin:4px 0 0; }

/* Section rhythm (keep the tighter value) */
.u-section{ padding: var(--space-md) 0; }              /* ~24px */
.u-section.u-section--tight{ padding: var(--space-md) 0; }

/* Container */
.sec-wrap{ max-width:1170px; margin:0 auto; }

/* Grid helpers */
.u-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--grid-gap); }
.u-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--grid-gap); }
@media (max-width:1024px){
  .u-grid-3{ grid-template-columns:repeat(2,1fr); }
  .u-grid-4{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:768px){
  .u-grid-3, .u-grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  .u-grid-3, .u-grid-4{ grid-template-columns:1fr; }
}

/* Global: remove rounded corners from homepage media */
img,
.sec-thumbs__media,
.sec-thumbs__media img,
.row.home-intro .col-sm-7 img,
.arb-image img{ border-radius:0 !important; }

/* Titles / deks (shared look) */
.sec-like-grid-title{
  display:block; text-align:center; margin:16px 0 8px;
  font:700 22px/1.2 "Roboto Condensed","Helvetica Neue",Arial,sans-serif; color:#fff;
  overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  transition:color .3s ease;
}
.sec-like-grid-dek{
  margin:0 auto; max-width:46ch;
  font:400 16px/1.45 "Roboto Condensed","Helvetica Neue",Arial,sans-serif; color:#ccc; opacity:.95;
  overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}

/* ========== Hero (home-intro) ========== */
.home-intro .text-block{ margin:0; max-width:560px; }
.row.home-intro .text-block h2{
  font-weight:800 !important;
  font-size:28px !important;
  line-height:1.25 !important;
  color:#6f6f6f !important;
  margin:0 0 .5rem 0 !important;
  text-align:left !important;
}
.row.home-intro .text-block p{
  font-size:17px !important; line-height:1.6 !important; color:#cfd3d6;
  text-align:left !important; margin:0 0 1rem 0 !important;
}
@media (max-width:480px){
  .row.home-intro .text-block h2{ font-size:18px !important; }
}
/* Align text vertically to the image on desktop */
@media (min-width:768px){
  .row.home-intro{ display:flex; align-items:center; gap:24px; }
  .row.home-intro > .col-sm-5,
  .row.home-intro > .col-sm-7{ float:none; }
  .row.home-intro > .col-sm-5{ flex:0 0 41.6667%; max-width:41.6667%; }
  .row.home-intro > .col-sm-7{ flex:0 0 58.3333%; max-width:58.3333%; }
}
/* Image height clamp (no distortion) */
@media (min-width:992px){
  .row.home-intro .col-sm-7 img{ width:100%; height:520px; object-fit:cover; display:block; }
}
/* Button: larger box, bold label; hover = text color only */
.row.home-intro .btn2{
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  text-decoration:none !important; text-transform:uppercase; letter-spacing:.06em;
  font-weight:800; font-size:17px; line-height:1;
  padding:13px 26px; border:2px solid var(--accent-orange);
  color:var(--accent-orange); background:transparent; transition:color .15s ease;
  margin-top:12px;
}
.row.home-intro .btn2:hover,
.row.home-intro .btn2:focus{ color:#fff; text-decoration:none !important; background:transparent; }
.row.home-intro .btn2:focus-visible{ outline:2px solid var(--accent-orange); outline-offset:2px; }

/* ========== Small-Thumb Grid ========== */
.sec-thumbs{ padding:16px 0; } /* tighter */
.sec-thumbs__header{ text-align:center; margin-bottom:16px; }
.sec-thumbs__dek{
  opacity:.85; margin:8px auto 0; max-width:130ch;
  font:400 16px/1.45 "Roboto Condensed","Helvetica Neue",Arial,sans-serif; color:#ccc; text-align:center;
}
.sec-thumbs__card{ background:transparent; }
.sec-thumbs__link{ display:flex; flex-direction:column; align-items:center; text-align:center; text-decoration:none; }
.sec-thumbs__media{ width:100%; max-width:260px; margin:0 auto; aspect-ratio:4/3; overflow:hidden; }
.sec-thumbs__media img{
  width:100%; height:100%; object-fit:cover; display:block; transform:translateZ(0); transition:transform .3s ease;
}
.sec-thumbs__link:hover .sec-thumbs__media img{ transform:translateZ(0) scale(1.01); }
.sec-thumbs__title{ margin:10px 0 4px; }
.sec-thumbs__meta{
  margin:0; font-size:16px; line-height:1.45; opacity:.95; color:#ccc;
  font-family:"Roboto Condensed","Helvetica Neue",Arial,sans-serif;
}
@media (min-width:1200px){ .sec-thumbs__media{ max-height:120px; } }
.sec-thumbs__link:hover .sec-like-grid-title{ color:var(--accent-orange); }

/* ========== Text-Only Grid ========== */
.sec-textgrid{ padding:18px 0; }
.sec-textgrid__header{ text-align:center; margin-bottom:16px; }
.sec-textgrid__dek{
  opacity:.85; margin:8px auto 0; max-width:130ch;
  font:400 16px/1.45 "Roboto Condensed","Helvetica Neue",Arial,sans-serif; color:#ccc; text-align:center;
}
.sec-textgrid__item{
  display:block; padding:14px 16px; text-decoration:none;
  background:rgba(255,255,255,.03);
  transition:transform .08s ease, background .15s ease, color .2s ease;
}
.sec-textgrid__item:hover{ transform:translateY(-2px); background:rgba(255,255,255,.06); }
.sec-textgrid__item h3{
  margin:0 0 6px; font:700 22px/1.2 "Roboto Condensed","Helvetica Neue",Arial,sans-serif; color:#fff; transition:color .2s ease;
}
.sec-textgrid__item:hover h3{ color:var(--accent-orange); }
.sec-textgrid__item p{
  margin:0; font:400 16px/1.45 "Roboto Condensed","Helvetica Neue",Arial,sans-serif; color:#ccc; opacity:.95;
}

/* Motion preference */
@media (prefers-reduced-motion:reduce){
  .sec-textgrid__item{ transition:background .15s ease; }
  .sec-textgrid__item:hover{ transform:none; }
}

/* — Tighten vertical rhythm for quotes/lines */
.testimonial.home,
.grayline,
hr{ margin:24px 0; }

/* Trim first/last child margins inside sections */
.u-section .sec-wrap > *:first-child{ margin-top:0; }
.u-section .sec-wrap > *:last-child{ margin-bottom:0; }

/* ================================
   HOMEPAGE hero title override
   (use smaller, arb-style heading on home if you adopt category-hero)
   ================================ */
.home .category-hero__content h1{
  font: 800 28px/1.25 "Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  color:#6f6f6f;
  text-transform:none;
  letter-spacing:0;
}
/* Plain testimonial (no extra hr-like spacing) */
.testimonial.home.testimonial--plain {
  margin: 0;              /* remove the 24px top/bottom margin */
  padding: 0;             /* optional, if you don't want padding either */
}
/* ===== Nav dropdowns: mobile stacking + indent for submenus ===== */
@media (max-width: 992px){
  /* Make all dropdown menus block-level and full-width under the toggled nav */
  .navbar .dropdown-menu{
    position: static !important;
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
  }

  /* Allow nested menus but stack them with a left indent */
  .navbar .dropdown-submenu{ position: relative; }
  .navbar .dropdown-submenu > .dropdown-menu{
    margin: 6px 0 10px 16px;         /* indent the submenu */
    padding-left: 10px;
    border-left: 1px solid rgba(255,255,255,.08); /* subtle guide line */
  }

  /* Add a little vertical breathing room between items */
  .navbar .dropdown-menu > li + li{ margin-top: 6px; }

  /* Make caret arrow point right (looks like a nested section) */
  .navbar .dropdown-submenu > a{
    position: relative; padding-right: 34px;
  }
  .navbar .dropdown-submenu > a .caret{
    position: absolute; right: 12px; top: 50%;
    transform: translateY(-50%) rotate(90deg);
  }

  /* Ensure the collapsed container doesn't clip stacked menus */
  .navbar-collapse{ overflow: visible; }
}

/* ===== Desktop z-index: keep dropdowns above second nav ===== */
@media (min-width: 993px){
  .yamm .navbar { z-index: 12000; }
  .dropdown-menu { z-index: 13000; }
}
 
  /* cap width and keep aspect ratio on big art */
  .max2000 { max-width: 2000px; margin: 0 auto; }
  .max2000 > img.img2000 {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
 /* Scope to that section only */
.sec-thumbs.u-section .sec-thumbs__media {
  aspect-ratio: 470 / 314;
  overflow: hidden;
}

/* Override the inline height:auto we added earlier */
.sec-thumbs.u-section .sec-thumbs__media img {
  width: 100%;
  height: 100% !important;
  display: block;
  object-fit: cover;         /* uniform crop, no distortion */
  object-position: 50% 50%;  /* tweak if a subject needs top/left bias */
}
/* Fix squish on all grid-item thumbnails */
.grid-items .grid-item a img {
  width: 100%;
  height: auto !important;    /* neutralize any fixed/max-height rules */
  display: block;
  aspect-ratio: 470 / 314;    /* reserve the right box without reflow */
}

/* If any old rule sets max-height, kill it */
.grid-items .grid-item img { max-height: none !important; }

 <!-- Page fixes for /westindies/ -->
<style>
/* 1) Breathing room around the breakout (split-photo) section */
.breakout-section { padding: 40px 0; }
.breakout-section .container.inner { padding-top: 20px; padding-bottom: 20px; }

/* Ensure the next grid doesn't collide with the breakout section */
.breakout-section + .black-wrapper { padding-top: 40px; }

/* 2) Nudge the breakout text block down so it doesn't hug the top */
#green-anole .col-sm-4 { padding-top: 18px; }
@media (min-width: 768px){
  #green-anole .col-sm-4 { padding-top: 28px; }
}

/* If your right column is the photo pane, give it a minimum height so text can breathe */
#green-anole .col-sm-8 { min-height: 380px; }

/* 3) Typography: use Roboto Condensed for body copy inside the two image-led sections */
.breakout-section p,
#west-indies-map p {
  font-family: "Roboto Condensed","Roboto",Arial,sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.55;
}

/* Meta blurbs under thumbnails also in Roboto Condensed for consistency */
.grid-items .meta {
  font-family: "Roboto Condensed","Roboto",Arial,sans-serif;
  line-height: 1.45;
}

 

.breakout-section + .black-wrapper .grid-items {
  margin-top: 40px;
}
/* Add breathing room above the grid after the anole breakout */
#green-anole.breakout-section + .black-wrapper {
  margin-top: 40px;   /* adjust as needed */
}

/* Give breathing room above the grid after the Dry World breakout */
#spices.breakout-section + .black-wrapper {
  margin-top: 40px;   /* adjust to taste */
}

/* Nudge the text inside the Dry World breakout down */
#spices.breakout-section .col-sm-4 {
  padding-top: 20px;   /* ensures copy doesn't hug the top */
}
@media (min-width: 768px) {
  #spices.breakout-section .col-sm-4 {
    padding-top: 30px; /* extra space on larger screens */
  }
 
hr {
  border: none !important;
  height: 0 !important;
}