/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Tue, 05 Aug 2025 12:51:24 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: P2-Layout*/

html { min-height: 100vh; font-size: 10px; /* change this */ -webkit-font-smoothing: subpixel-antialiased !important; 
  text-rendering: optimizeLegibility !important;
}

* { box-sizing: border-box; -moz-box-sizing:border-box; padding: 0;
	/* commented by Max & Jacob */ 
	/*max-width: 100%;*/
	/*position: relative;*/
	-webkit-backface-visibility: hidden;
}

/* created by Jacob. Rules moved from global img tag */
#logo { height: auto; position: absolute; left: 0; right: 0; margin: 0 auto; /*  display: inline-block;*/
  display: none;  width: 270px; text-align: center;
}
.logo img {  max-width: 100%; height: auto; border: 0; }
img { /* commented by Jacob */  /*max-width: 100%;*/  /*height: auto;*/  /*border: 0; */  }
iframe { border: 0; outline: 0; padding: 0; margin: 0; }
a.notvisited { color: black; text-decoration: none; }
#signature { display: none; }

/* 2014 */

body { background: white; margin: 0; padding: 0; max-width: 100%; overflow-x: hidden; }
body { font-family: 'Merriweather', serif; font-weight: 400; font-style: normal; }
p em { font-family: 'Merriweather', serif; font-weight: 400; font-style: italic; }
p b, p strong { font-family: 'Merriweather', serif; font-weight: 700; font-style: normal; }

.headline-link, .headline-link-sidebar { 
  color: black; text-decoration: none; 
}
.headline-link:hover, .headline-link:focus,
.headline-link-sidebar:hover, .headline-link-sidebar:focus{
  color: #555; text-decoration: underline; 
}

.menu-bar { width: 100%; padding: 0.4rem 1rem; margin-bottom: 1rem; background: #ccc; height: 60px; }

/*.nav-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 200px;
  background: #ccc;
  border-right: 3px solid #111;
  padding: 0; 
  color: #eee;
  transition: 0.1s all ease;
  z-index: 9999;

}
.nav-wrapper.closed {
  left: -200px;
}
.nav-wrapper.open {
  left: 0;
}*/

.nav-wrapper { position: fixed; top: 0; bottom: 0; height: 100%; width: 250px; /*background: #f4f4f4;*/ background: #333;
  border-right: 3px solid #111; padding: 0; color: #eee; transition: 0.1s all ease; z-index: 9000;
}
.nav-wrapper.closed { left: -250px; }
.nav-wrapper.open { left: 0; }

.info-box { font-size: 16px; padding: 10px; border: 1px solid green; border-radius: 5px; background: #0080001f; }

.top-social { display: inline-block; float: right; margin: 1rem 1rem 0; text-align: center; }
.top-social a { color: rgb(0,0,58); }

.search-field { float:right; height: 27px; margin: 1rem 0; }
.search-field #searchbutton { display: inline-block; margin-top: 2px; font-size: 2rem; line-height: 2rem; cursor: pointer; }
.search-field input[type='textbox'] { display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 2.2rem;
  border: 0; padding: 2px; outline: 0; vertical-align: top; border-bottom: 3px solid #ddd; background: white;
  width: 120px; transition: 0.2s all;border-radius: 0;
}
.search-field input[type='textbox']:focus { width: 200px; transition: 0.2s all; }

.nrr-login-box { position: absolute; right: 0; top: 55px; background: #bbb; padding: 1rem; overflow: hidden; z-index: 9999;
  text-align: right; line-height: 1.8rem; font-size: 1.2rem;
}
.hidden { position: absolute; top: -9999px; left: -9999px; }
.nrr-login-box button { padding: 4px; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
.nrr-login-box input { margin-bottom: 4px; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
.login-reveal { float: right; clear: right; padding: 2px 8px 0 8px; margin: 4px 0 0 1rem; border-radius: 3px; height: 46px;
  cursor: pointer; font-size: 40px; line-height: 44px;
}
.logged-in i { color: #0074D9; }
.login-reveal:hover, .login-reveal:focus { background: #bbb; }
.login-reveal span { display: none; }
.login-reveal #login-caret { width: 20px; height: auto; margin-bottom: 6px; left: -4px;}
.signup-link { color: rgb(0,0,238); text-decoration: underline; cursor: pointer; }

/*#sidebar-nav {
  position: absolute;
  left: 200px;
  color: white;
  background: #333;
  border-radius: 0 7px 7px 0;
  text-align: left;
  padding: 0 0.5em 0;
  z-index: 9999;
  width: 120px;
  height: 46px;
  top: 7px;
  cursor: pointer;
  transition: 0.1s all;
  font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 35px;
  border: 3px solid white;
  border-left: 0;
}
#sidebar-nav span { display: inline-block; line-height: 40px; height: 40px; }

.sidebar-nav {
  text-align: left;
  margin-top: 1rem;
  padding: 0;  
}
.sidebar-logo {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.sidebar-logo img {
  width: 100px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.nav-ad {
  padding: 5px;
}
.sidebar-nav li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.sidebar-nav li a {
  display: block;
  color: #222;
  line-height: 3rem;
  font-size: 2rem;
  text-decoration: none;
  font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
  padding: 0 1rem;
  border: 1px solid white;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.sidebar-nav li.isfirst a {
  border-top: 1px solid white;
}
.sidebar-nav > li a:hover {
  background: #222;
  color: #eee;
}
.sidebar-nav li > ul {
  position: absolute;
  left: 200px;
  top: 0;
  display: none;
  background: #ccc;
  border: 3px solid #111;
  border-left: 0;
}
.sidebar-nav li.hover > ul {
  
}

.content-wrapper {
  transition: 0.1s all ease;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px;
}
.content-wrapper.menu-open {
  transform: translateX(200px);
  transition: 0.1s all ease;
  overflow: hidden;
  height: 100%;
}*/

#sidebar-nav { position: absolute; left: 250px; color: white; background: #333; border-radius: 0 4px 4px 0;
  text-align: left; padding: 0 0.5em 0; z-index: 9999; width: 120px; height: 40px; cursor: pointer;
  transition: 0.1s all; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;text-transform: uppercase; font-size: 20px; line-height: 35px;
}
#sidebar-nav span { display: inline-block; line-height: 40px; height: 40px; }
.menu-expand { float: right !important; z-index: 55; display:block; padding: 0 5px !important; }
.sidebar-nav-container { position: relative; top: 25px; }
.sidebar-nav { text-align: left; margin-top: 1rem; padding: 0; text-transform: uppercase; /*font-weight: bold;*/ }
.sidebar-logo { padding: 0; width: 100%; margin: 0 auto; text-align: center; }
.sidebar-logo img { width: 100px; height: auto; margin: 0 auto; position: relative; }
.nav-ad { margin: 1rem; }
.sidebar-nav li { display: block; margin: 0; padding: 0; position: relative; font-size: 2rem; color: #fff; padding: 0 1rem; }
.sidebar-nav > li { margin-bottom: 5px; }
.sidebar-nav li a { display: block; /*color: #222;*/ color: #fff; float: left; /*line-height: 3rem;*/ /*font-size: 2rem;*/
  text-decoration: none; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; /*font-weight: bold;*/ /*padding: 0 1rem;*/ REMborder: 1px solid white; REMborder-left: 0; 
  REMborder-right: 0; REMborder-top: 0; /*Old font was: font-family: 'Open Sans', sans-serif; */
}
.sidebar-nav > li > a { color: #fff; }
.sidebar-nav li.isfirst a { REMborder-top: 1px solid white; }
.sidebar-nav > li:hover { color: rgb(255,70,38); }
.sidebar-nav > li a:hover { /*background: #222;*/ color: rgb(255,70,38); }
.sidebar-nav li > ul { position: relative; display: none; /*background: #E6E6E6 !important;*/ }
.sidebar-nav li li { font-size: 1.7rem; padding: 0 2rem; /*font-family: 'Open Sans', sans-serif;*/ 
  font-family: 'Archivo Narrow', sans-serif;
}
.sidebar-nav li > ul > li > a{ float: none !important; }
.sidebar-nav li.hover > ul { }
.sidenav-selected > a {color: rgb(255,70,38) !important;}
.fa-times {margin-right: 1px;}

.content-wrapper { transition: 0.1s all ease; width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 20px; }
.content-wrapper.menu-open { transform: translateX(250px); transition: 0.1s all ease; overflow: hidden; height: 100%; }

.bg-footer { background: #333; color: white; padding: 2rem; margin-top: 2rem; }
.main-footer { width: 100%; max-width: 1260px; margin: 0 auto; }
.header { margin: 0; padding: 1rem 0; border-bottom: 4px solid #333; }
.leaderboard { text-align: right; margin-bottom: 1rem; float: right; width: calc(100% - 350px); }
.leaderboard iframe { width: 728px; height: 90px; }
.logo { float: left; width: 350px; height: auto; padding: 6px 0; }
.section-logo { float: left; max-width: 350px; height: auto; font-family: 'Times', serif; font-weight: 100;
  overflow: hidden; font-size: 5rem; line-height: 120px; text-align: left; text-transform: uppercase;  
}
.header-columnist { float: right; width: 300px; margin: 1rem 0 1rem 1rem; }
.header-feature-photo { float: left; margin: 0 10px 0 0; }
.header-feature h2 { margin: 0; font-size: 2.4rem; line-height: 2rem; }
.layout { clear: left; position: relative; }

.main-column { float: left; width: calc(100% - 320px); padding: 0 10px 0 0; border-right: 1px solid lightgray; }
.full-column { width: 100%; max-width: 700px; margin: 0 auto; }
.main-column .x-clear { height: 20px; }
.sidebar { position: relative; padding-top: 1rem; float: right; width: 300px; right: 0; top: 0; }
.sidebar-item { margin-bottom: 1rem; }
.breaking-story-link { display: block; background: #FF851B; color: white; margin: 0.8rem 0 0; padding: 0.8rem 0 0.4rem 1rem;
  border-bottom: 0.4rem solid transparent; text-transform: uppercase; text-decoration: none; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-size: 1.8rem;
}
.breaking-story-link span { color: black; }
.breaking-story-link:hover { border-bottom-color: rgba(0,0,0,0.3); }

.notification-banner-copy { color: white; border-bottom: 0.4rem solid transparent; margin-bottom: 10px; }
.notification-banner-copy.banner-gray { background-color: #CCCCCC; color: black; }
.notification-banner-copy.banner-gray a { color: black; text-decoration: none; font-weight: bold; }
.notification-banner-copy.banner-red { background-color: #AA0200;	 }
.notification-banner-copy.banner-red a { color: white; text-decoration: none; font-weight: bold; }
.notification-banner-copy a:hover { text-decoration: underline; }
.notification-banner p { text-align: center; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
  font-size: 1.8rem; margin: 0; padding: 5px 30px;
}
.notification-banner strong { font-weight: 600; font-family: 'Archivo Narrow', sans-serif; }

.main-lead-photo { width: 100%; }
.main-lead-photo img {max-width: 100%; height: auto;}
.story-block-photo img {max-width: 100%; height: auto;}
.section-lead-photo { width: 60%; float: left; margin-right: 1rem;}
.section-lead-photo img { max-width: 100%; height: auto;}
.section-lead-story { font-size: 1.4rem;}
.home-lead-story { width: 70%; float: left; font-size: 1.4rem; }
.home-lead-story time { font-family: 'Merriweather', serif; font-weight: 400; font-style: italic; }
.home-lead-story p { margin: 0; font-size: 1.6rem; }
.main-headline, article h1 { font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-style: normal; font-size: 4rem; margin: 0.6rem 0 1.6rem; }
.main-headline span { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
.lead-story-holder { float: right; clear:right; width: 28%; }

.news-col-headline,
.news-col-headline-sidebar, h4 {
  font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-size: 2.2rem; line-height: 2.2rem; margin: 0.2rem 0;
}
.lead-story-holder .news-col-headline {
  padding: 0 0 1rem 0; margin: 0 0 1rem 2%;border-bottom: 1px solid lightgray;
}
.lead-story-holder .news-col-headline:last-child { border: 0; }
.lead-story p, .lead-story-sidebar,
.story-block p, .story-block-sidebar p  {
  margin: 0 0 0.8rem; font-size: 1.6rem;
}

/*.has-camera-icon {
  float: left;
  color: gray;
  display: block;
  font-size:1.4rem !important;
  padding: 3px 4px 2px 0;
  height: 1.8rem;
}*/
/*.has-video-icon {
  float: left;
  color: gray;
  display: block;
  font-size:1.4rem !important;
  padding: 3px 4px 2px 0;
  height: 1.8rem;
}*/
.lead-story .lead-story-excerpt-box { display: none; position: absolute; width: 400px; max-width: none; left: -410px;
  top: -10px; background: #eee; padding: 1rem; border-radius: 6px; border: 3px solid white; box-shadow: 0 2px 10px gray;
  z-index: 9999; opacity: 0; animation: nr-fadeout 0.2s normal forwards ease-in-out;
}
.lead-story-excerpt-box:after { }
/*
  .lead-story:hover .lead-story-excerpt-box {
  animation: nr-fadein 0.5s normal forwards ease-in-out;
}
*/
.home-column-holder { width: 100%; display: block; }
.home-column-left { float: left; width: 350px; padding-right: 10px;}
.home-column-right { float: right; width: calc(100% - 350px); }
.news-col-item, .news-col-item-sidebar { width: 100%; padding: 0 1rem 0 0; margin-bottom: 10px;}
.news-col-item .advertisement,
.news-col-item-sidebar .advertisement-sidebar { margin-bottom: 1rem; }
.news-col-item:nth-child(odd), .news-col-item-sidebar:nth-child(odd) { clear: left; }
.category-header, .category-header-sidebar { font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-style: normal; font-size: 2.4rem; line-height: 2.4rem; margin: 0.2rem 0 1rem;
  padding: 0 0 0.6rem 0; border-bottom: 1px solid lightgray; clear: left;
}
.story-block, .story-block-sidebar { padding: 0 0 1rem 0; margin: 0 0 1rem 0; border-bottom: 1px solid lightgray; }
.story-block .story-block-photo,
.story-block-sidebar .story-block-photo-sidebar { display: none; }
.story-block p, .story-block-sidebar p { display: none }
.story-block:first-of-type p,
.story-block-sidebar:first-of-type p { display: block }
.story-block:first-of-type .news-col-headline,
.story-block-sidebar:first-of-type .news-col-headline-sidebar { font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-style: normal; }
.story-block:first-of-type .story-block-photo,
.story-block-sidebar:first-of-type .story-block-photo-sidebar  { display: block; width: 86%; margin: 0 0 1rem; }
.story-block:last-of-type, .story-block-sidebar:last-of-type { border: 0; }
.secondary-headline { font-size: 2.4rem !important; line-height: 2.4rem !important; }
.left-column-ad-bar { width: 49%; float: left; text-align: center; padding: 0; margin: 0.4rem 1% 0.4rem 0; }
.left-column-ad-bar > * { margin: 0 auto; }

/* Article */

article { width: 100%; max-width: 800px; margin: 0 auto 0 0; }
article p, .events p, table { font-size: 1.8rem; margin: 0 0 1.6rem; }
.flexslider { border: 0; padding: 0; }
.flexslider .slides { text-align: center; }
.flexslider img { max-width: 100%; REMwidth: 100% !important; margin: 0 auto; height: auto; }
.flexslider .slides img { /* width: 100%; */ display: block; }
article .photo, article .video { z-index: 10; }
.video.right {position: relative;}
article .photo img { max-width: 100%; height: auto; }
article .right { float: right; clear: right; margin: 0 0 1rem 1rem; width: auto; max-width: 50%; }
.main-subhead, article h2 { font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-style: normal; font-size: 2.6rem; clear: left; margin: 0.6rem 0 1.2rem; }
.caption { font-size: 1.4rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; text-align: left; }
.caption img { max-width: 100% !important; }
.caption-credit { display:block; clear: left; font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; }
.author-bar { display: block; width: 100%; border: 1px solid #444; border-left: 0; border-right: 0; padding: 0.2rem 0 0.4rem;
  line-height: 3.2rem; height: 4rem; font-size: 1.4rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; margin: 1rem 0 2rem;
}
.author-bar-share { float: right; height: 20px; margin-top: 8px; vertical-align: top; display: block; font-size: 1.9rem; }
.author-bar-share i { margin-top: -8px; }
.fb-share-button span { vertical-align: top !important; margin-top: 2px; }
.author-bar-share a { color: #0074D9; }
.author-block { border: 1px solid #444; border-left: 0; border-right: 0; float: right; padding: 15px 0;
  margin: 10px 0 10px 20px; max-width: 240px; min-width: 150px; width: auto; font-size: 1.6rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
  z-index: 999; position: relative;
}
.fast-facts { display: none !important; }
.author-block strong { font-weight: 700; }
.author-block p { margin: 0; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; }
.author-block time { display: block; margin-top: 0.6rem; }
.author-block h4, .author-block h2 { font-size: 2.4rem; margin: 0 0 0.4rem; }
.author-block h6 { font-size: 1.6rem; }
.author-block img { float: right; margin: 0 0 0.6rem 0.6rem; }
.store-item {position: relative;}
.facts { font-size: 1.4rem; float: right; padding: 1rem; /*margin: 0 0 1rem 1rem;*/ background: #ccc; margin-bottom: 15px; }
.author-photo img { margin: 0 auto 1rem; display: block; height: auto; }

#related-articles { float: left; margin: 0.6rem 1.4rem 0.6rem 0; padding: 0.6rem 0.4rem 0.6rem 0; background: white; 
  border: 1px solid #444; border-left: 0; border-right: 0; width: 45%; max-width: 240px; z-index: 2; position: relative;
}
.small-headline { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; margin: 0.2rem 0; }
.read-more { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; display: block; text-align: center; background: #ccc; color: black;
 font-size: 1.2rem; line-height: 2.2rem; text-decoration: none; margin-top: 1rem;
}
.comments > form { padding: 1rem 0; border-top: 1px solid gray; margin: 1rem 0; font-size: 1.4rem; width: auto; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
#input-comment { width: 100%; max-width: 600px; height: 100px; padding: 8px; font-size: 1.4rem; }
.comments label { display: block; }
#input-comment-size { text-align: right; display: inline-block; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-style: italic; }
.comment { margin: 0 0 2rem; border-left: 4px solid #ddd; padding-left: 0.6rem; }
.comment time { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-style: italic; }
.comment p, .comments p, .comments strong { margin: 0.2rem 0; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
.comments strong { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-weight:700; }
.comment p {font-size: 1.4rem; }
.comment br { margin: 0; display: block; padding: 0; height: 4px; }
.comment h3 { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-weight: bold; font-size: 1.6rem; margin: 0.2rem 0 0.4rem; }

/* Store */
.store > form { float: left; width: 25%; padding: 0 1rem 1rem 0; }

@media all and (max-width: 800px) { .store > form { width: 100%; float: none; padding: 1rem; }}
.store > form:nth-child(4n-3) { clear: left; }
.store-item { padding: 1rem 1rem 4rem; text-align: center; border: 3px solid #bbb; }
.store-item h2 a { color: black; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; text-decoration: none; font-size: 2.4rem; }
.store-item .strikethrough { text-decoration: line-through; color: #FF4136; }
.strikethrough a { color: black; }
.store-item .price { position: absolute; bottom: 0; right: 0; left: 0; text-align: right; padding: 0 10px;
  color: #111; font-size: 2.4rem; line-height: 4rem; text-decoration: none; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; text-shadow: none; 
}
.green-button { display: inline-block; background: #7FDBFF; text-decoration: none; color: #0074D9; padding: 0 6px;
  border-radius: 4px; font-size: 2rem; line-height: 3rem; margin-top: 0.5rem;
}
.store-item .green-button { float: left; }
.cart-items { width: 100%; font-size: 1.6rem; }
.cart-items td { border-bottom: 1px solid #ddd; padding: 1rem 0; }
.cart-items th { text-align: left; border-bottom: 1px solid #ddd; padding: 1rem 0; }
td.no-border { border: none; }
.ui-cart-delete { color: transparent; position: relative; width: 10px; }
.ui-cart-delete:before { content: "\f057"; font-family: FontAwesome; font-style: normal; font-weight: normal;
  text-decoration: inherit; /*--adjust as necessary--*/ color: #f00; text-decoration: none; position: absolute; 
  top: 4px; left: 0;
}
.cart-items input { font-size: 1.4rem; }
.shopping-cart { font-size: 1.6rem; margin-bottom: 1rem; }
.shopping-cart h2 { margin: 0.4rem 0; text-align: left; }
.cart-button, .btn { display: inline-block; margin: 0 auto; width: auto; text-decoration: none; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
  line-height: 16px; text-transform: uppercase; color: white; background: #2ECC40;
  border-bottom: 2px solid #2ECC40; padding: 0.6rem 0.4rem 0.4rem; border-radius: 4px;
}
.cart-button:hover { border-bottom: 2px solid #3D9970; }
.button-light { display: inline-block; float: right; margin: 0 auto; width: auto; text-decoration: none; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
  line-height: 16px; text-transform: uppercase; color: #333; background: #ddd; border-bottom: 2px solid #ddd; 
  padding: 0.6rem 0.4rem 0.4rem;border-radius: 4px;
}
.button-light:hover { border-bottom: 2px solid #666; }

/* Garage Sales */
.map-header {background: #FF0000; text-align: center; margin: 0; text-transform: uppercase; color: #fff;}
.other-garage-sales a {color: #000; text-decoration: none;}
.map-header a {color: #fff; display: block; text-decoration: none;}
.initial-h2 {font-family: inherit; font-size: 1.5em; margin: 0.83em 0;}

/* Form */
.form form { font-size: 1.6rem; }
.form input[type="text"], .form textarea { font-size: 1.6rem; width: 400px; padding: 0.4rem; margin-bottom: 1rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
.error-box, .validate-check { display: block; padding: 0.4rem 1rem; margin: 1rem 0; background: #FFDC00;
  border: 1px solid #FF851B; border-radius: 4px; font-size: 1.6rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;
}
.validate-check {display: none;}
input.error {border-color: red;}
span.error {color: red;}

.sub-col-4 { width: 25%; float: left; padding-right: 1rem; }
.sub-col-4:nth-child(4n + 3) { clear: left; }
.sub-col-3 { width: 33%; float: left; padding-right: 1rem; }
.sub-col-3:nth-child(3n+1) { clear: left; }
.sub-col-2 { width: 50%; float: left; padding-right: 1rem; }
.sub-col-2:nth-child(odd) { clear: left; }
.sub-col-2, .sub-col-3, .sub-col-4 {
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* article directory search */

.padding-left { padding-left: 15px;}
.img-max { max-width: 100%; height: auto; text-align: center; }
.listing-box { margin-bottom: 20px !important; border: solid 2px;}
.listing-box.listing-featured { padding: 10px;  box-shadow: 0 0px 2px rgba(0,0,0,.5);  /*background: @color-secondary-4-light@; */}
.listing-box.listing-gold { padding: 10px; box-shadow: 0 0px 2px rgba(0,0,0,.5); background: @color-secondary-3-lighter@; }

.directory-item { margin-bottom: 20px !important; padding-top: 5px !important; min-height: 200px;}
/* Directory */
.backtolink { display: inline-block; color: #666; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; text-decoration: none; border-bottom: 2px solid #999;
  font-size: 1.4rem; line-height: 1.6rem; margin: 0.6rem 0;
}
#directory-search { font-size: 1.2rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; }
#directorycategorieslabel { cursor: pointer; display: block; border: 1px solid #bbb; padding: 0.4rem 0.6rem;
  border-radius: 2px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
  -moz-user-select: none; -ms-user-select: none; user-select: none;
}
#directorycategories { height: 0; overflow: hidden; }
#directorycategories.open { height: auto; }
.directory-region-link { width: 33%; display: inline-block; border: 4px solid white; font-size: 1.4rem; 
  line-height: 2rem; background: #eee; font-family: 'Merriweather', serif; font-weight: 400; font-style: normal; text-align: center; 
}
.directory-logo { float: right; max-height: 150px; max-width: 40%; margin-left: 1rem; overflow: hidden; }
.directory-logo img { max-height: 100%; width: auto; }
.ui-directory-search-item { padding-left: 1rem; }
.ui-directory-search-all-region, .ui-directory-search-all-category { padding-left: 0; }
.ui-directory-search-item label img { height: 20px; width: auto; vertical-align: bottom; padding-right: 5px;}
.directory-map { margin-top: 1rem; display: block;}
.listing-photo { float: left; margin-right: 10px; margin-bottom: 10px; padding: 0; }
.listing-photo img { margin-bottom: -4px; }
.listing-box { position: relative; margin: 0 1% 0 0; overflow: hidden; padding: 0 1rem; }
.listing-box h3 { margin: 0;}
.listing-box h3 a { margin: 0.2rem 0 0.4rem; font-size: 2.6rem; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; color: black; text-decoration: none; }
.listing-box h3 a:hover, .listing-box h3 a:focus { text-decoration: underline; }
.listing-box p { margin-bottom: 10px; overflow: auto; font-size: 1.8rem; }
.listing-box p.key-info {font-size: 1.4rem;}
.listing-box .equi-height-container {display: flex; align-items: center;}
.listing-link { text-transform: uppercase; color: black; float: right; padding: 0.4rem 0.6rem; 
  font-size: 1.2rem; text-decoration: none; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-weight: 400;
}
.listing-link:hover, .listing-link:focus { text-decoration: underline; }
.listing-featured { border: 1px solid #ccc; border-radius: 4px; background: linear-gradient(90deg,white, #eee);
  margin-top: 0.8rem;
}
.key-info { text-transform: uppercase; font-family: 'Merriweather', serif; font-weight: 400; font-style: normal; font-size: 1.2em; margin-bottom: 10px; overflow: auto; }
.listing-normal { border: 1px solid #ccc; border-radius: 4px; padding:10px;}
.listing-basic { border-bottom: 1px solid #ccc; height: auto; }

@media all and (max-width: 860px) {
  .sub-col-2, .sub-col-3, .sub-col-4 { width: 100%; float: none; }
  .sub-col-4:nth-child(4n + 3), .sub-col-3:nth-child(3n + 2) { clear: none; }
  .sub-col-4:nth-child(2n + 1), .sub-col-3:nth-child(2n + 1) { clear: left; }
}


/* Sidebar Tabs */
#tabsholder { }
#tabsholder .tablist { list-style: none; border-bottom: 1px solid #666; display: block; margin: 0; padding: 0; }
.tablist li { display: inline-block; float: left; text-align: center; width: 50%; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; cursor: pointer; }
.tablist li:hover { background: #bbb; }
.tablist .activetab { background: #ddd; }
.tabs .category-header { display: none; }
.tabs > div { position: absolute; background: white; opacity: 0; z-index: 1; transition: 0.2s all ease;
  padding: 0.4rem 0.6rem; border: 1px solid #666; border-top: 0;
}
.tabs .activetab { z-index: 2; opacity: 1; transition: 0.2s all ease; }
.most-viewed-headline { font-family: 'Merriweather', serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 2.2rem; margin: 0 0 0.2rem 0; }
.most-viewed-headline span { color: #999; }
.quote {font-size: 2em; font-style: italic; border-top: 1px solid #000; border-bottom: 1px solid #000;
  margin: 10px 0; padding: 10px 0;
}


/* Category */
.cat-headline { font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-style: normal; font-size: 2.6rem; line-height: 2.6rem; margin: 0.2rem 0 0.6rem; }
.category-title { margin-bottom: 2rem; }
.category-item { clear: left; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid lightgray; }
.category-item-photo { float: left; }
.category-item-photo img { width: auto; height: 150px; margin: 0 1rem 1rem 0; }
.category-item time { margin: 0.6rem 0; font-family: 'Merriweather', serif; font-weight: 400; font-style: italic; font-size: 1.2rem; }
.category-item p { font-size: 1.6rem; overflow: auto; margin: 0.8rem 0; }
.pager { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal;text-transform: uppercase;display: block;text-align: center;background: #ccc;
  color: black;font-size: 1.2rem;line-height: 2.2rem;text-decoration: none;margin: 0 0 1rem;
}
.ui-pagination a { display: inline-block; text-decoration: none; color: black; padding: 0.4rem 0.6rem; }
.ui-pagination a:hover { background: #444; color: white; }
.ui-pagination b { display: inline-block; padding: 0.4rem 0.6rem 0.4rem 0.3rem; }
.ui-pagination b:first-of-type { background: white; }
.ui-pagination a[rel="next"] { float: right; }
.ui-pagination a[rel="prev"] { float: left; }
.lvsys-ui-pagination a[data-position="first"] { display: none; }
.lvsys-ui-pagination a[data-position="last"] { display: none; }

.display-col-item { height: auto; float: left; width: 25%; padding: 0 2rem 0.4rem 0; margin: 0; }
.display-sub-head { display: block; clear: both; font-size: 2rem; border-bottom: 1px solid #bbb; line-height: 4rem; }
.content-box p { font-size: 1.5em; }
.img-responsive {width: 100%; height: auto;}
.special-section-slider-container {overflow: hidden; padding: 0 50px; position: relative;}
.special-section-slider {display: table; border-collapse: separate; border-spacing: 10px; position: relative; width: 600%; max-width: none; left: 0;}
.special-section-item {display: table-cell; min-width: 150px; box-sizing: border-box; background: #fff; position: relative;}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after, .inner:before, .inner:after, .x-cell-container:before,
.x-cell-container:after, .inner:before, .inner:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after, .inner:after, .x-cell-container:after{
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf, .inner, .x-cell-container {
    *zoom: 1;
}

/* Obituary Calculator */
.obit-calculator { width: 250px; position: absolute; top: 605px; left: 425px; background: #f7eaa4; padding: 15px; padding-bottom: 0px; border: 1px solid; margin-bottom: 15px; } 
/*.obit-calculator.free { position: fixed; top: 300px; left: 45%; background: #f7eaa4; padding: 15px; border: 1px solid; }
.obit-calculator.stuck {  }*/
.obit-calculator table { width: 100%; }
.obit-calculator .sub-text { font-size: 0.75em; }
.obit-calculator .cost-col { text-align: right; }
.obit-calculator .last-col { padding-bottom: 10px; }

/* Hamburger button */
.hamburger { width: 22px; height: 19px; top: 2px; margin-right: 8px; position: relative; display: inline-block; cursor: pointer; }
.line { width: 22px; height: 3px; background-color: #fff; position: absolute; }
.line-1 { top: 0; }
.line-2 { top: 8px; }
.line-3 { top: 16px; }

.active .line-1 { -webkit-animation: line-1-animate 0.6s forwards; transform: rotate(0deg); }
.active .line-2 { -webkit-animation: line-2-animate 0.2s forwards; }
.active .line-3 { -webkit-animation: line-3-animate 0.6s forwards; transform: rotate(0deg); }
.dormant .line-1 { -webkit-animation: line-1-unanimate 0.6s forwards; transform: rotate(0deg); }
.dormant .line-2 { -webkit-animation: line-2-unanimate 0.4s forwards; }
.dormant .line-3 { -webkit-animation: line-3-unanimate 0.6s forwards; transform: rotate(0deg); }

@keyframes line-1-animate {
  0% {
    top: 0;
    transform: rotate(0deg);
  }
  45% {
    top: 8px;
    transform: rotate(0deg);
  }
  60% {
    top: 8px;
    transform: rotate(0deg);
  }
  100% {
    top: 8px;
    transform: rotate(45deg);
  }
}
@keyframes line-2-animate {
  100% {
    opacity: 0;
  }
}
@keyframes line-3-animate {
  0% {
    top: 16px;
    transform: rotate(0deg);
  }
  45% {
    top: 8px;
    transform: rotate(0deg);
  }
  60% {
    top: 8px;
    transform: rotate(0deg);
  }
  100% {
    top: 8px;
    transform: rotate(-45deg);
  }
}
@keyframes line-1-unanimate {
  0% {
    top: 8px;
    transform: rotate(45deg);
  }
  45% {
    top: 8px;
    transform: rotate(0deg);
  }
  60% {
    top: 8px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}
@keyframes line-2-unanimate {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-3-unanimate {
  0% {
    top: 8px;
    transform: rotate(-45deg);
  }
  45% {
    top: 8px;
    transform: rotate(0deg);
  }
  60% {
    top: 8px;
    transform: rotate(0deg);
  }
  100% {
    top: 16px;
    transform: rotate(0deg);
  }
}


/* Animations */

@keyframes nr-fadein {
  from {
    opacity: 0;
    display: none;
  } to {
    opacity: 1;
    display: block;
  }
}

@keyframes nr-fadeout {
  from {
    opacity: 1;
    display: block;
  } to {
    opacity: 0;
    display: none;
  }
}

@media all and (max-width: 1080px) {
	.home-column-left, .home-column-right { width: 100%; float: 0; }
	.obit-calculator { width: 100%; position: static; }
}
@media all and (max-width: 960px) {
  body, .template, .content-wrapper {
    overflow-x: hidden;
  }
  #sidebar-nav { z-index: 9999; overflow: visible; }
  .nav-wrapper { position: fixed; z-index: 9999; height: 100vh; }
  .nav-wrapper.open { overflow-y: visible; }
  .content-wrapper { position: relative; }
  .content-wrapper.menu-open { transform: 0; position: relative; overflow-y: hidden; height: 100%; }
  .sidebar-nav { /*overflow-y: scroll;*/ overflow-x: visible; }
  .sidebar-nav-container { overflow-y: scroll; max-height: 100%; }
  .leaderboard { float: none; width: 100%; margin: 0 auto; text-align: center; }
  .home-lead-story { float: none; width: 100%; }
  .section-lead-photo { width: 100%; float: none;}
  .lead-story-holder { margin-top: 1rem; float: none; width: 100%; }
  .reflowed-ad { text-align: center; margin: 1rem auto; padding: 1rem; border: 1px solid lightgray; clear: both; }
  .category-item-photo { float: none; margin-bottom: 1rem; }
}

@media all and (max-width: 700px) {
  #logo { display: none; }
  .main-column { float: none; border: 0;width: 100%; margin-right: 0; padding: 0; }
  .sidebar { position: relative; float: none; margin: 0 auto; }

  img {max-width: 100%; height: auto; border: 0; position: relative;}
  iframe {width: 100%; height: 400px !important;}

  .content-wrapper { padding: 0px 10px !important; }

  .section-lead-photo img {max-width: 100%; height: auto;}
  .leaderboard img {max-width: 100%; height: auto;}
  .leaderboard iframe {max-width: 100%; height: auto; position: relative; width: 100%;}
  .bg-footer {max-width: 100%; height: auto;}
  .main-footer {max-width: 100%; height: auto; position: relative; overflow-x: scroll;}
  .main-footer iframe {max-width: 100%; height: auto; position: relative; width: 100%;}
  .main-footer iframe img {max-width: 100%; height: auto; position: relative; width: 100%;}
  .main-footer img {max-width: 100%; height: auto; position: relative;}
  .adsbygoogle {max-width: 100%; height: auto; position: relative; width: 100%;}

  .notification-banner p { font-size: 1.5rem; }

  .logo { width: 100%; margin: 0 auto; max-width: 300px; float: none; }
  .leaderboard { width: 100%; float: none; }
  #related-articles { float: none; margin: 0.6rem 0; padding: 0.6rem 0; width: 100%; max-width: auto; }
  /*.nav-ad { display: none; } */
  .sidebar-nav { /*overflow-y: scroll;*/ }
  .sidebar-nav-container { overflow-y: scroll; }
  .home-lead-story { float: none; width: 100%; }
  .lead-story-holder { float: none; width: 100%; border-top: 1px solid #666; }
  .news-col-headline, .news-col-headline-sidebar { margin: 0 0 10px 0; }
  .special-section-slider-container {padding: 0;}
}

@media all and (max-width: 400px) {
  .menu-bar { height: 100px; }
  .search-field { clear: right; }
  .top-social { float: left; }
}

@media print {
  html { font-size: 14px; }
  img { max-width: 100%; }
  .sidebar, .menu-bar, .leaderboard, .advertisement, .nav-wrapper, 
  .sidebar-nav, .comments, .comment, .print-hide, .photo, .bg-footer
  { display: none; }
  .main-column { width: 100% !important; float: none !important; margin: 0 auto !important; }
}

/*---------------------------------------------*/
/* Stylesheet: Mobile Styles*/

@media all and (max-width: 960px) {
	body, .template, .content-wrapper {
	  overflow-x: hidden;
	}
	#sidebar-nav {
	  z-index: 9999;
	  overflow: visible;
	}
	.nav-wrapper { position: fixed; z-index: 9999; height: 100vh; }
	.nav-wrapper.open { overflow-y: visible; }
	.content-wrapper { position: relative; }
	.content-wrapper.menu-open {
	  transform: 0;
	  position: relative;
	  overflow-y: hidden;
	  height: 100%;
	}
	.sidebar-nav {
	  /*overflow-y: scroll;*/
	  overflow-x: visible;
	}
	
	.sidebar-nav-container {
	  overflow-y: scroll;
	  overflow-x: visible;
	}
	
	.leaderboard { float: none; width: 100%; margin: 0 auto; text-align: center; }
	.home-lead-story {
	  float: none;
	  width: 100%;
	}
	.section-lead-photo { width: 100%; float: none;}
	.lead-story-holder {
	  margin-top: 1rem;
	  float: none;
	  width: 100%;
	}

	.reflowed-ad {
	  text-align: center;
	  margin: 1rem auto;
	  padding: 1rem;
	  border: 1px solid lightgray;
	  clear: both;
	}
	.category-item-photo {
	  float: none;
	  margin-bottom: 1rem;
	}
	
	article .right {
	  float: none;
	  clear: both;
	  REMmargin: 0 0 1rem 1rem;
	  width: auto;
	  max-width: 95%;
	}
}

@media all and (max-width: 400px) {
	.menu-bar {
	  height: 100px;
	}
	.search-field { clear: right; }
	.top-social { float: left; }
}

/*---------------------------------------------*/
/* Stylesheet: _template_manager*/

.x-clear { clear: both; }

/*---------------------------------------------*/
/* Stylesheet: GRID for Mobile and Website*/

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

.clearfix { margin: 0 !important; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0; clear: both;
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width:640px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
}
/*
Bootstrap:
Extra small devices
Phones (<768px)		- LVSYS xs: 640px
Small devices
Tablets (≥768px)	- LVSYS md > 640px
Medium devices
Desktops (≥992px)
Large devices
Desktops (≥1200px)

*/

/* mobile screens */
@media screen and (max-width:640px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width:641px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}



/*---------------------------------------------*/
/* Stylesheet: Directory*/

/* Directory Styles */

.directory-col-right { width: 320px; }
.directory-right-photo { text-align: center; margin: 0 auto; display: block; margin-bottom: 15px; }
.directory .right {margin-top: 4em;}
.directory-img img {max-width: 100%;height: auto;float: right;}
@media (max-width:640px) {
    .directory-img img {float:unset;}
}
.ui-directory-search-all-category {
    display: none !important;
}
.flexbox-reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.ui-directory-search-category .flexbox-reverse input {
    margin-right: 88px;
}
.ui-directory-search-category .flexbox-reverse input:after {
    content: "Check/Uncheck All";
    text-wrap: nowrap;
    margin-left: 16px;
    font-size: 1rem;
}
.ui-directory-tree.open {
	display:block !important;
}
.ui-directory-search-category > .flexbox-reverse > label:before {
	content: "";
	border-color: transparent #9c0000;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.45em;
	display: block;
	height: 0;
	width: 0;
	left: -10px;
	top: 1.1em;
	color: #9c0000;
	position: relative;
	transition:0.2s linear;
}
.ui-directory-search-category > .flexbox-reverse > label.selected:before {
	transition:0.2s linear;
	transform:rotate(90deg);
}