/* --------------------------------------------------
Front Page Contents
* -------------------------------------------------- */
/*-- Common --*/
#block-front-page-contents-feature-3,
.view-spotlight-contents { background: transparent;	line-height: 1.2; }

.view-front-page-contents .item-list ul,
.view-spotlight-contents .item-list ul {
	margin: 0; padding: 0; list-style: none; width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.view-front-page-contents .item-list ul li,
.view-spotlight-contents .item-list ul li { position: relative; margin: 0.5em 0; padding: 0; line-height: 1.3; background: #FFF; }

.view-front-page-contents .views-field-field-titleimage,
.view-spotlight-contents .views-field-field-titleimage
 { text-align: center;  position: relative; width: 100%; line-height: 0.9em; overflow: hidden; }

.view-front-page-contents .views-field-field-titleimage::before,
.view-spotlight-contents .views-field-field-titleimage::before { content: ""; display: block; padding-top: 66%; }

.view-front-page-contents .views-field-field-titleimage img,
.view-spotlight-contents .views-field-field-titleimage img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.view-front-page-contents .views-field-field-subtitle,
.view-spotlight-contents .views-field-field-subtitle { margin: 0 0 0.3em; padding: 7px 10px; font-size: 11px; background: #e6e6e6; }

.view-front-page-contents .views-field-title,
.view-spotlight-contents .views-field-title { margin: 0; padding: 7px 10px 40px; font-size: 14px; }

.view-front-page-contents .views-field-title a,
.view-spotlight-contents .views-field-title a { color: #000; font-weight: bold; }

.view-front-page-contents  a .views-field-title,
.view-spotlight-contents a.views-field-title { color: #000; font-weight: bold; }

.view-front-page-contents .views-field-created,
.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 ,
.view-spotlight-contents .views-field-created,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 { position: absolute; display: block; font-size: 10px; }

.view-front-page-contents .views-field-created,
.view-spotlight-contents .views-field-created
 { bottom: 0; left: 0; width: 100%; padding: 7px 10px; border-top: 1px solid #DDD; text-align: right; }

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 { top: 0; left: 0; width: auto; }

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 a { display: block; padding: 3px 4px; margin: 0; background: #333; color: #FFF; text-align: center; }

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 a:hover,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 a:hover { text-decoration: none; background: #0D7048; }

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 .tid-14 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 .tid-14 a { /*background: #ed1c24;*/ background: rgba(237,28,36,0.8); } /*Race*/

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 .tid-86 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 .tid-86 a { /*background: #f7931e;*/ background: rgba(247,147,30,0.8); } /*Products*/

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 .tid-14026 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 .tid-14026 a { /*background: #39b54a;*/ background: rgba(57,181,74,0.8); } /*Impression*/

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 .tid-1305 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 .tid-1305 a { /*background: #8cc63f;*/ background: rgba(140,198,63,0.8); } /*Topics*/

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 .tid-15 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 .tid-15 a { /*background: #0071bc;*/ background: rgba(41,179,255,0.8); } /*Information*/

.view-front-page-contents .views-field-taxonomy-vocabulary-4-1 .tid-38 a,
.view-spotlight-contents .views-field-taxonomy-vocabulary-4-1 .tid-38 a { /*background: #b4278f;*/ background: rgba(0,113,288,0.8); } /*Feature*/

.view-front-page-contents .spotlight-text,
.view-spotlight-contents .spotlight-text { font-size: 12px; color: #E00; font-weight: bold; }

/*-- Spotlight Contents (Top News) --*/
#block-front-page-contents-feature-3 .block-body,
#block-spotlight-block-1 .block-body { padding:0; background: transparent; }

.view-spotlight-contents ul li:first-child,
.view-spotlight-contents ul li:nth-child(2) { width:  49.5%; }

/*-- Back Number --*/
a.btn-backnumber-1 { display: block;  width: 50%; margin: 0.5em auto; padding: 8px 10px; border-radius: 6px; color: #FFF; background: #333; text-align: center; font-weight: 700; }
a.btn-backnumber-1:hover { text-decoration: none; background: #0D7048; }

/*-- Slick Carousel (Feature 3) --*/
#block-front-page-contents-feature-3 .slick-arrow::before { color: #000; text-shadow: 2px 2px 0px #FFF, -2px 2px 0px #FFF, 2px -2px 0px #FFF, -2px -2px 0px #FFF; }

#block-front-page-contents-feature-3 .views-field-php { position: absolute; bottom: 6px; left: 5px; line-height: 1.0; }
#block-front-page-contents-feature-3 .views-field-php .icon-new { display: block; width: auto;  padding: 3px 5px; background: #E00; color: #FFF; font-size: 11px; }

#block-front-page-contents-feature-3 .slick-track { display: flex !important; align-items: stretch; text-align: left; }
#block-front-page-contents-feature-3 .slick__slide { background: #FFF; margin: 0.5em 3px; float: none; height: auto; }

/*-- Shop Banner --*/
.bn-shop-1 { margin: 0; padding: 0; border-radius: 7px; border: 1px solid #12837E; background: #66C9AF url(images/bn-shop-1-bg.jpg) right center no-repeat; background-size: auto 100%; }
.bn-shop-1 div { box-sizing: border-box; }

a.bn-shop-1-link { color: #FFF; text-decoration: none; }
a.bn-shop-1-link:hover .bn-shop-1 { background: #12837E url(images/bn-shop-1-bg-mo.jpg) right center no-repeat; background-size: auto 100%; }

.bn-shop-1 .bh-shop-1-tx { padding: 12px 12px; }

.bn-shop-1 h3 { margin: 0; padding: 0; color: #FFF; font-size: 20px; text-shadow: 1px 1px 10px #12837E, -1px 1px 10px #12837E, 1px -1px 10px #12837E, -1px -1px 10px #12837E; }
.bn-shop-1 h4 { margin: 0 0 0.2em; padding: 0; color: #FFF; font-size: 14px; text-shadow: 1px 1px 10px #12837E, -1px 1px 10px #12837E, 1px -1px 10px #12837E, -1px -1px 10px #12837E; }
.bn-shop-1 .bn-shop-1-tx-s { font-size: 12px; }

/*--Category Tab 3--*/
#block-quicktabs-front-news-tab-3,
#block-quicktabs-front-news-tab-3 .block-body { margin: 0; padding: 0; border: none; background: transparent; }

#block-quicktabs-front-news-tab-3 .on-the-gray { margin: 0 0 1.5em; padding: 0; border: none; }

.on-the-gray .quicktabs-tabpage { padding: 0; }

/* Tabs */
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs { 
	list-style: none; margin: 0; padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li { float: none; width: 13.5%; margin: 0 1px 0 0; text-align: center; font-size: 12px; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li a { display: block; width: 98%; border: none;  color: #FFF; height: 3em; min-height: 3em; margin: 0 auto; margin: 0; box-sizing: border-box; }

.view-front-page-contents ul li,
.view-spotlight-contents ul li { margin: 0.5em 0; width:  32.3%; }

#block-quicktabs-front-news-tab-3 ul li.active a,
#block-quicktabs-front-news-tab-3 ul li.active a:visited { height: 3.6em; min-height: 3.6em; }

#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(1) a { background: #93278f; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(2) a { background: #f7931e; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(3) a { background: #ed1c24; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(4) a { background: #39b54a; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(5) a { background: #8cc63f; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(6) a { background: #29b3ff; }
#block-quicktabs-front-news-tab-3 ul.quicktabs-tabs li:nth-child(7) a { background: #0071bc; }

/* Tab contents */
#quicktabs-tabpage-front_news_tab_3-0 { border: none; border-top: 8px solid #93278f; }
#quicktabs-tabpage-front_news_tab_3-1 { border: none; border-top: 8px solid #f7931e; }
#quicktabs-tabpage-front_news_tab_3-2 { border: none; border-top: 8px solid #ed1c24; }
#quicktabs-tabpage-front_news_tab_3-3 { border: none; border-top: 8px solid #39b54a; }
#quicktabs-tabpage-front_news_tab_3-4 { border: none; border-top: 8px solid #8cc63f;}
#quicktabs-tabpage-front_news_tab_3-5 { border: none; border-top: 8px solid #29b3ff; }
#quicktabs-tabpage-front_news_tab_3-6 { border: none; border-top: 8px solid #0071bc; }