/*
  Theme Name: Notio Child Theme
  Theme URI: http://www.cup.com.hk
  Description: A child theme for *CUP
  Version: 8.24
  Author: cup.com.hk
  Template: notio-wp
  Last update: 20221219
*/
body div, body dl, body dt, body dd, body ul, body ol, body li, body pre, body form, body p, body blockquote, body th, body td, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', Helvetica, Arial, 'Microsoft JhengHei', 微軟正黑體, sans-serif;
  -webkit-font-smoothing: antialiased !important;
}
body {
  color: #151515;
}
body.home {
  background-color: #ffffff;
}
a, a:focus {
  color: #000000;
}
a:hover,
.post .post-title h2 a:hover {
  color: #00e9a3;
}
/*basic typography*/
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0;
}
.post .post-title h1 {
  font-size: 34px;
  margin-bottom: 10px;
}
.post .post-content h4 {
  font-size: 24px;
}
.post .post-title h1,
.post .post-title h2 {
  font-weight: bold;
}
.style5 article {
  transform:none!important;
}
/* Post text size for mobile*/
@media only screen and (min-width: 64.063em) {
  .post .post-title h1 {
    font-size: 42px;
  }
}
.post .post-content h3,
.post .post-content h4,
.post .post-content h5,
.post .post-content h6 {
  margin-top: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
p {
  line-height: 1.8;
}
body p,
body lighting-color {
  font-size: 18px;
  font-weight: normal;
}
@media only screen and (min-width: 64.063em) {
  body p,
  body lighting-color {
    font-size: 16px;
  }
}
.post.alternate {
  background-color: #ffffff;
}
.home .post.alternate {
  background-color: #f2f2f2;
}
.post .post-content p {
  letter-spacing: 0;
  color: #151515;
}
.post .post-content p a {
  background-color: #a8f0d3;
  -moz-transition: color 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: color 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: color 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.post .post-content li a,
.wp-caption .wp-caption-text a {
  background-color: #a8f0d3;
}
.post .post-content p a:hover,
.post .post-content li a:hover,
.wp-caption .wp-caption-text a:hover {
  background-color: #ffff80;
}
blockquote {
  padding: 0;
  text-align: left;
  quotes: "\201C""\201D""\2018""\2019";
  position: relative;
  padding-left: 1.875em;
}
blockquote:before,
blockquote:after {
  color: #00e9a3;
  font-family: FontAwesome;
  display: inline;
  padding-top: 10px;
}
blockquote:before {
  content: "\f10d";
}
blockquote:after {
  content: "\f10e";
}
.post-content blockquote p {
  font-weight: bold;
  font-style: italic;
  display: inline;
}
.post .post-content ul, 
.post .post-content ol {
  font-size: inherit;
}
/*max_width setting*/
.row.max_width {
  max-width: 100%;
}
@media only screen and (min-width: 40.063em) {
  .row.max_width {
    width: 83.33333%;
  }
}
@media only screen and (min-width: 64.063em) {
  .row.max_width {
    width: 66.66667%;
  }
}
.home .cf, .archive .cf, .search .cf {
  overflow-x: hidden;
}
.single .cf {
  overflow-y: hidden; 
}
article.format-gallery {
  overflow-x: hidden;
}
/*------------------------------------------------------------------
Header
*/
.header {
  padding: 10px 0.9375em 10px 0.9375em;
}
.header .logo .logolink img{
  max-height: 48px;
}
.header.style1 .show-for-large-up,
.header.style1 .menu-holder {
  padding-top: 4px;
}
.header .menu-holder>a+a {
  margin-left: 0px;
}
.header.style1 a.subscribe-btn {
  font-size: 14px;
  font-weight: bold;
  padding-left: 3px;
}
@media only screen and (min-width: 40.063em) {
  .header {
    position: static;
    height: auto;
    padding: 15px 60px 0 60px;
    height: 80px !important;
  }
  #wrapper [role="main"] {
    padding-top: 0!important;
  }
  .header .logo .logolink img{
    max-height: 48px;
  }
}
@media only screen and (min-width: 64.063em) {
  .header {
    padding: 10px 60px 0 60px;
  }
  .header.style1 .show-for-large-up {
    text-align: left;
  }
  .header .logo .logolink {
    display: inline-block;
    margin-left: -25px;
  }
  .header .logo .logolink img{
    max-height: 58px;
  }
  .header.style1 .show-for-large-up,
  .header.style1 .menu-holder {
    padding-top: 10px;
  }
  .menu-subscribe {
    width: 170px;
    display: inline-block;
  }
  .menu-subscribe #mc_embed_signup .mc-field-group .btn {
    width: 60px!important;
  }
  .menu-subscribe #mc_embed_signup .email-field-wrap {
    margin-right: 70px!important;
  }
}
@media only screen and (min-width: 75em) {
  .header {
    position: fixed;
  }
  #wrapper [role="main"] {
    padding-top: 80px!important;
  }
}
/*header left menu-text*/
.header.style1 .show-for-large-up a {
  font-size: 14px;
  font-weight: bold;
  margin-right: 30px;
  background: url(assets/img/roll-icon.png)no-repeat bottom left;
  background-size: 24px 20px;
  padding:2px 0 2px 30px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.header.style1 .show-for-large-up a:hover{
  background-image: url(assets/img/roll-icon-hover.png);
}
.header .menu-holder #quick_search {
  display: inline-block;
}
.header.style1 li {
  list-style: none;
  display: inline-block;
}
.esg {
  color:#03a353;
}
.esg:hover {
  color:#ffffff;
}

/*------------------------------------------------------------------
Mobile menu
*/
#searchpopup, #mobile-menu {
  background-color: rgba(74, 226, 164, 0.95);
  margin: 68px 0 0 0;
}
#mobile-menu .menu-holder {
  padding: 30px 20px;
  font-weight: bold;
}
#mobile-menu a {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
#mobile-menu a:hover {
  color: white;
}
#menu-main-menu li {
  display: inline-block;
  margin: 0;
}
#menu-main-menu li a {
  padding: 0;
}
.menu-sub-list, .feature-item {
  margin: 20px 0 0 0;
  padding-top: 20px;
  border-top: 1px solid white;
}
.menu-about-us {
  border-top: 1px solid white;
  margin: 20px 0 100px 0;
  padding-top: 20px;
  color: white;
}
.menu-about-us a {
  color: white;
}
.menu-header {
  color: white;
}
.side-menu-info p {
  font-size: 12px;
  font-weight: 400;
  color: #A5A5A5;
}
.side-menu-info p a {
  color: #A5A5A5;
}
.menu-sub-list a {
  display: inline-block;
  padding: 10px 0;
}
@media only screen and (min-width: 40.063em){
  #searchpopup, #mobile-menu {
    margin: 80px 0 0 0;
  }
  #mobile-menu .menu-holder {
    padding: 40px 60px;
  }
}
/*------------------------------------------------------------------
Post Styling
*/
.post.style1 {
  margin-bottom: 0px;
}
.post-margin-top {
  margin-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  .post-margin-top {
    margin-top: 40px;
  }
}
.post .post-content {
  clear: both;
}
/*style 5 post-title*/
.post.style1 .post-title {
  margin-top: 0;
}
.post.style5 .post-title {
  margin-bottom: 10px;
}
.post .post-content ul,
.post .post-content ol {
  font-weight: 400;
  color: #151515;
}
.post .post-content ul li,
.post .post-content ol li{
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 10px;
}
.post .post-content .essb_links ul li {
  border-bottom: none;
}
/*------------------------------------------------------------------
Post meta
*/
.post-meta {
  margin-top: 0px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.4;
  color: #A5A5A5;
}
.single .post-meta {
  font-size: 14px;
}
.listing-item .post-meta {
  font-size: 12px;
}
.post-meta a {
  font-weight: bold;
}
.post-meta .meta-author a {
  color: #A5A5A5;
}
.home-column .post-meta {
  margin-bottom: 0px;
}
/*------------------------------------------------------------------
Post format
*/
.bg-colored {
  border-top: 2px solid #ececec;
  border-bottom: 2px solid #ececec;
  background-color: #F3F3F3;
}
/*------------------------------------------------------------------
Post format - gallery
*/
  .single .format-gallery .row {
  }
.single .format-gallery .essb_links {
  padding-left: 0.9375em;
}
@media only screen and (min-width: 40.063em) {
  .single .format-gallery .essb_links {
    width: 83.33333%;
    margin-left: 8.3%;
  }
  .single .format-gallery .fb_iframe_widget_fluid span {
    width: 80%;
    margin-left: 8.3%;
    padding-left: 0.9375em;
  }
}
@media only screen and (min-width: 64.063em) {
  .single .format-gallery .essb_links {
    width: 66.66667%;
    margin-left: 16.6%;
  }
  .single .format-gallery .fb_iframe_widget_fluid span {
    width: 65%;
    margin-left: 16.6%;
    padding-left: 0.9375em;
  }
}
/*------------------------------------------------------------------
Image Caption
*/
.alignnone, .alignright, .alignleft {
  margin: 0 0 20px 0;
}
.aligncenter {
  margin: 0 auto 20px auto;
}
.post-content figure.alignnone,
.post-content img.alignnone {
  max-width: 100%;
}
.post-content figure.alignright,
.post-content img.alignright,
.post-content figure.alignleft,
.post-content img.alignleft {
  width: 100%!important;
  padding: 10px 0;
}
@media only screen and (min-width: 40.063em) {
  .post-content figure.alignright,
  .post-content img.alignright,
  .post-content figure.alignleft,
  .post-content img.alignleft {
    width: auto!important;
    max-width: 50%;
  }
  .post-content figure.alignleft,
  .post-content img.alignleft {
    padding-right: 0.9375em;
    clear: left;
  }
  .post-content figure.alignright,
  .post-content img.alignright {
    padding-left: 0.9375em;
    clear: right;
  }
}
@media only screen and (min-width: 64.063em) {
  .format-standard .post-content figure.alignleft {
    margin-left: -16.666%;
  }
  .format-standard .post-content figure.alignright {
    margin-right: -16.666%;
  }
}
.wp-caption .wp-caption-text {
  position: relative;
  left: auto;
  bottom: 0;
  max-width: 100%;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0px 10px 10px;
  line-height: 1.6;
  background: none;
  border-bottom: 1px solid #ededed;
  margin-left: 15px;
  margin-right: 15px;
}
.max_width .wp-caption .wp-caption-text {
  margin-left: 0px;
  margin-right: 0px;
}
@media only screen and (min-width: 40.063em) {
  .wp-caption .wp-caption-text {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.wp-caption .wp-caption-text:before,
.single .post .post-gallery-caption:before {
  display: inline-block;
  content: "\f030";
  color: #A5A5A5;
  margin-right: 8px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vc_tta-container figure {
  max-width: 100%!important;
}
.post-content .fa-video-camera {
  color: #A5A5A5;
}
/*------------------------------------------------------------------
Post Carousel
*/
body.single .carousel .owl-controls .owl-pagination {
  position: static;
  bottom: auto;
  margin-top: 5px;
}
/*------------------------------------------------------------------
Subscribe
*/
.top-promo {
  width: 100%;
}
.home-subscribe {
  background: url(assets/img/sports-2022b.jpg) no-repeat 50% 50% #ffffff;
  background-size: cover;
  min-height: 8.2vw;
}
.subscribe-spacer {
  width: 100%;
  height: 0vw;
  content: " ";
}
.bookfair-banner {
  display: block;
  width: 100%;
  transition: none;
  min-height: 8.2vw;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
.home-subscribe-box {
  width: 80%;
  margin: 0 auto;
  padding-bottom:1.5%;
  padding-top: 2.5%;
}
@media only screen and (min-width: 40.063em) {
  .top-promo {
    position: relative;
  }
  .home-subscribe-box {
    width: 28vw;
    margin-right: 5vw;
    padding-top: 2vw;
  }
}
@media only screen and (min-width: 840px) { 
  .home-subscribe {
    position: relative;
    background-size: 100%;
    background-position: 50% 50%;
    min-height: 8.5vw;
  }
  .subscribe-spacer {
    min-height: 0vw;
  }
  .bookfair-banner {
    min-height: 8.5vw;
  }
  .home-subscribe-box {
    width: 25vw;
    margin-right: 7vw;
    padding-top: 2.5vw;
  }
}
@media only screen and (max-width: 839px) {
  .ad-carousel { height: 12vw; }
  .ad-carousel > .right-promo-banner { position: absolute; }
  .right-promo-banner > .image.hidden-sm { display: none; }
}
@media only screen and (min-width: 840px) {
  .right-promo-banner > .image.visible-sm { display: none; }
}
@media only screen and (min-width: 75em) {
  .home-subscribe {
    min-height: 9.5vw;
    background-position: 50% 50%;
  }
  .home-subscribe-box {
    margin-right: 8vw;
    padding-top:3.5vw;
  }
  .bookfair-banner {
    min-height: 9.5vw;
  }
}
#mc_embed_signup {
  width: 100%;
}
#mc_embed_signup .mc-field-group:before, 
#mc_embed_signup .mc-field-group:after {
  content: " ";
  display: table;
}
#mc_embed_signup .mc-field-group:after {
  clear: both;
}
#mc_embed_signup .mc-field-group {
  margin-top: 0px;
  margin-left: 0px;
}

#mc_embed_signup .mc-field-group .btn {
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #151515;
  color: white;
  width: 90px;
}
#mc_embed_signup .mc-field-group .btn {
  float: right;
  display: inline-block;
  touch-action: manipulation;
  white-space: nowrap;
  padding: 10px 0;
  height: 38px;
  width: 80px;
}
#mc_embed_signup .email-field-wrap {
  margin-right: 95px;
}
.mc-field-group input[type="email"] {
  border: none;
  padding: 0px 10px;
  height: 38px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 5px;
  letter-spacing: 0;
}
input[type="email"] {
  padding-top: 0px;
  padding-bottom: 0px; 
}
#mc_embed_signup input.mce_inline_error {
  border-color: #95c7a2!important;
}
#mc_embed_signup div.mce_inline_error {
  background-color: transparent!important;
  padding: 0!important;
  font-size: 13px!important;
  margin: 0!important;
}
#mc_embed_signup div.mce_inline_error {
  background-color: transparent!important;
  color: #000000!important;
}
#mc_embed_signup #mce-success-response {
  color: white!important;
  letter-spacing: 0!important;
  margin-left: 90px!important;
}
#mc_embed_signup #mce-success-response,
#mc_embed_signup #mce-error-response {
  margin-left: 0px!important;
  font-size: 11px!important;
  line-height: 1.2!important;
  color: white!important;
}
/*------------------------------------------------------------------
Single
/*resetting padding after turning off parallax in single*/
.single .post .post-content {
  margin-top: 10px;
}
.post-share {
  margin-top: 15px;
}
.text-switcher {
  float: right;
  color: #151515;
  font-family: Georgia, serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 1;
}
.text-larger {
  margin-right: 4px;
}
.text-switcher span {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin-top: 2px;
  margin-bottom: 4px;
  text-align: center;
  padding: 7px 0;
  background-color: #ededed;
  cursor: pointer;
}
.text-switcher span:active {
  color: white;
  background-color: #00e9a3;
}
.single .post .post-gallery {
  padding-bottom: 0;
  margin-bottom: 30px;
  margin-top: 10px;
}
.single-format-image .post .post-gallery {
  max-height: none;
}
.single .post .post-gallery-caption {
  padding-right: 0.9375em;
}
.single .post .post-gallery-caption {
  text-align: left;
  line-height: 1.6;
  padding: 10px 5px;
  border-bottom: 1px solid #ededed;
  margin-top: -30px;
}
@media only screen and (min-width: 75em) {
  .single .post .post-gallery.show_normal {
    max-height: 400px;
  }
  .single .post .post-gallery.show_normal img {
    margin-top: -100px;
  }
  .single .post .post-gallery.show_medium {
    max-height: 500px;
  }
  .single .post .post-gallery.show_tall {
    max-height: 600px;
  }
}
.single .post-content aside.highlight {
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
  line-height: 1.4;
  margin: 30px;
}
@media only screen and (min-width: 64.063em) {
  .single .post-content aside.highlight {
    width: 30%;
  }
  .single .post-content aside.highlight.aside-left {
    float: left;
    clear: left;
    margin-left: -8.33333%;
  }
  .single .post-content aside.highlight.aside-right {
    float: right;
    clear: right;
    margin-right: -8.33333%;
  }
}
/*author bio*/
.single .author-bio {
  clear: both;
  margin: 60px auto;
  padding: 20px 20px 30px 20px;
  background-color: #D6FDED;
  border-top: 10px solid #00e9a3;
}
.single .author-bio .author_profile {
  display: none;
  float: left;
  width: 100px;
  max-width: 100px;
}
.single .author-bio .author_profile img {
  width: 100%;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.single .author-bio .author_bio_text {
  margin-left: 0;
}
.single .author-bio .author_bio_text h4 {
  font-weight: bold;
}
@media only screen and (min-width: 40.063em) {
  .single .author-bio .author_profile {
    display: block;

  }
  .single .author-bio .author_bio_text {
    margin-left: 120px;
  }
}
.single .author-bio .author_bio_text img {
  margin-right: 10px;
}
.single .author-bio .author_bio_text p {
  font-size: 14px;
}
.author_bio_text .fa-link {
  margin-right: 8px;
}
.author_bio_link {
  font-size: 14px;
}
/*next prev nav*/
.single .post .prev-next-nav {
  margin-top: 40px;
  padding: 0;
  background-color: #F9F9F9;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  overflow: auto;
  clear: both;
}
.single .post .prev-next-nav div {
  width: 100%;
  float: left;
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
@media only screen and (min-width: 64.063em) {
  .single .post .prev-next-nav div {
    width: 50%;
  }
}
.single .post .prev-next-nav div span {
  background-color: #00e9a3;
  color: #151515;
  padding: 3px;
}
.single .post .prev-next-nav div img {
  max-width: 100px;
  float: left;
  margin-right: 10px;
}
.fbcomment-box {
  margin-top: 30px;
  margin-bottom: 30px;
}
.relatedposts {
  background-color: #F2F2F2;
  padding-bottom: 30px;
}
.relatedposts h2 {
  font-size: 32px;
  font-weight: bold;
  padding-left: 0.46875em;
  padding-right: 0.46875em;
  padding-top: 20px;
  clear: both;
  margin: 0;
}
.relatedposts h4 {
  font-weight: bold;
  line-height: 1.2;
}
.relatedposts .listing-item {
  margin: 10px 0 0 0;
  z-index: 1;
}
.relatedposts .listing-item p {
  line-height: 1.6;
  letter-spacing: 0;
  color: #3C3C3C;
}
.relatedposts .listing-item img {
  width: 100%;
  margin-bottom: 15px;
}
.relatedposts .row {
  border-bottom: 2px solid #ececec;
}
.relatedposts .row:last-child {
  border-bottom: none;
}
.relatedposts .row .row:last-child {
  padding-bottom: 30px;
}
.portfolio_nav a .text {
  padding: 100px;
}
.portfolio_nav a.gotoportfolio:after {
  display: none;
}
/*------------------------------------------------------------------
Archive Pages - Month view
*/
.archive-top {
  text-align: center;
  background: #ffffff url('assets/img/archive_bg.png') repeat-x top center;
  padding-bottom: 15px;
}
.archive-top .archive-header h1 {
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 10px;
  margin: 30px auto 3px auto;
  display: inline-block;
  background-color: white;
}
.archive-top .archive-header h3 {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.archive-top .archive-header h3 span {
  margin-left: 3px;
  margin-right: 3px;
  background-color: white;
}
.archive-top .archive-header h1 .archive-top-colored {
  color: #00e9a3;
}
.archive-top .archive-filter {
  margin-top: 40px;
}
.archive-top .archive-filter-label {
  border-bottom: none;
  padding-top: 12px;
  text-align: center;
}
.archive-filter .archive-filter-label,
.archive-filter .archive-selector select {
  color: #151515;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}
.archive-filter .archive-selector {
  padding-top: 8px;
}
.archive-filter .archive-selector select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  border: none; 
  background: transparent;
  width: 100%;
  border-bottom: 2px solid #F5F5F5;
  border-right: 10px solide #FFFFFF;
}
.archive .post .post-content .portfolio-text-style-2 a {
  color: white;
}
.post .post-content .portfolio-text-style-2 h1 {
  font-weight: normal;
  margin-bottom: 0;
}
.simple-overlay {
  background: rgba(26, 169, 127, 0.35)!important; 
}
.blog_nav a {
  float: right;
  border-right: none;
}
.blog_nav a.prev {
  float: left;
}
/*------------------------------------------------------------------
Home static
*/
.home .post .post-content,
.archive .post .post-content {
  padding-top: 10px;
}
.post .post-content figure.banner figcaption,
.post .post-content figure.banner a {
  top: auto;
  bottom: 0;
}
.post .post-content figure.banner.effect-roxy {
  background: #ffffff;
}
.post .post-content figure.banner.effect-roxy figcaption {
  padding: 0 8.33333% 0 8.33333%;
}
.post .post-content figure.banner.effect-roxy figcaption::before {
  border: none;
}
.post .post-content figure.banner.effect-roxy img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  opacity: 1;
  will-change: transform;
}
.post .post-content figure.banner.effect-roxy:hover img {
  opacity: 1;
}
.hero-fb-like {
  text-align: center;
}
.hero-fb-like a {
  background: url(assets/img/fb-like-home-tab.png)no-repeat center center;
  background-size: contain;
  max-width: 100%;
  width: 147px;
  height: 174px;
  display: block;
}
@media only screen and (min-width: 64.063em) {
  .hero-fb-like a {
    background: url(assets/img/fb-like-home.png)no-repeat center center;
    background-size: contain;
    max-width: 100%;
    width: 296px;
    height: 109px;
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  .hero-post {
    padding-bottom: 20px;
    border-bottom: 2px solid #f2f2f2;
  }
}
.hero-colored {
  color: #00e9a3;
}
.hero-meta {
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
}
.home-hero .hero-hide {
  display: none;
}
.home-hero .hero-excerpt {
  padding: 20px 8.33333% 0 8.33333%;
}
.hero-social-media {
  text-align: right;
}
@media only screen and (max-width: 1030px) {
  .hero-social-media > img:first-child {
    display: none;
  }
}
.gradient-overlay {
  background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(60%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* w3c */
}
.post .post-content .home-hero .banner {
  height: 220px;
}
.post .post-content figure.banner.effect-roxy h2 {
  padding-top: 30px;
  padding-bottom: 5px;
}
.post .post-content figure.banner h2 {
  font-weight: bold;
  word-spacing: normal;
}
.post .post-content .home-hero h2,
.hero-number, .daily-post-number {
  font-size: 26px;
  line-height: 30px;
}
.home-rest .post .post-title h2,
.home-column .daily-column h2 {
  font-size: 22px;
  line-height: 24px;
}
@media only screen and (min-width: 40.063em) {
  .home-hero .hero-hide {
    display: block;
  }
  .post .post-content .home-hero h2,
  .hero-number, .daily-post-number {
    font-size: 30px;
    line-height: 34px;
  }
  .home-rest .post .post-title h2,
  .home-column .daily-column h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .post .post-content .home-hero .banner {
    height: 300px;
  }
  .post .post-content figure.banner.effect-roxy h2 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 64.063em) {
  .post .post-content .home-hero .banner.effect-roxy.show_normal {
    height: 400px;
  }
  .post .post-content .home-hero .banner.effect-roxy.show_medium,
  .post .post-content .home-hero .banner.effect-roxy.show_tall {
    height: 450px;
  }
  .post .post-content figure.banner.effect-roxy h2 {
    padding-top: 280px;
  }
  .post .post-content figure.banner.effect-roxy.show_medium h2,
  .post .post-content figure.banner.effect-roxy.show_tall h2 {
    padding-top: 320px;
  }
  .post .post-content .home-hero h2,
  .hero-number, .daily-post-number {
    font-size: 36px;
    line-height: 40px;
  }
  .home-rest .post .post-title h2,
  .home-column .daily-column h2 {
    font-weight: bold;
    word-spacing: normal;
    font-size: 30px;
    line-height: 34px;
  }
  .gradient-overlay {
    background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(40%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* w3c */
  }
}
@media only screen and (min-width: 75em) {
  .post .post-content .home-hero .banner.effect-roxy.show_medium,
  .post .post-content .home-hero .banner.effect-roxy.show_tall {
    height: 500px;
  }
  .post .post-content figure.banner.effect-roxy.show_medium h2,
  .post .post-content figure.banner.effect-roxy.show_tall h2 {
    padding-top: 380px;
  }
}
.home-rest article .inner-padding {
  padding: 0 0 25px 15px;
}
.search .home-rest article .inner-padding-thumbnail,
.search .home-rest article .inner-padding {
  padding-top: 5px;
}
@media only screen and (min-width: 40.063em) {
  .search .home-rest article .inner-padding-thumbnail,
  .search .home-rest article .inner-padding {
    padding-top: 35px;
  }
}
.home-rest article .inner-padding-thumbnail {
  padding: 0 0 25px 24.66666%;
}
.home-rest article .post-content {
  display: none;
}
.daily-post-number {
  font-weight: bold; 
}
.daily-post-number-padding {
  padding-top: 10px;
}
@media only screen and (min-width: 40.063em) {
  .daily-post-number-padding {
    padding-top: 30px;
  }
}
.home-rest .post .post-title h2,
.home-column .daily-column h2 {
  padding-bottom: 3px;
}
.home-rest article .more-link {
  display: none;
}
@media only screen and (min-width: 40.063em) {
  .home-rest article .inner-padding {
    padding: 35px 0 15px 20px;
  }
  .home-rest article .inner-padding-thumbnail {
    padding: 35px 20px 35px 0;
  }
}
@media only screen and (min-width: 64.063em) {
  .home-rest article .post-content {
    display: block;
  }
}
.home-column {
  margin-top: 20px;
  border: 7px solid #00e9a3;
  background: url('assets/img/column-bg-x.png') repeat-x top center;
}
@media only screen and (min-width: 40.063em) { 
  .home-column {
    margin-bottom: 40px;
  }
}
.home-column .column-hero {
  width: auto;
  text-align: center;
  margin: -15px auto 0 auto;
}
.home-column .column-hero .column-hero-title {
  padding: 0 15px;
  font-size: 30px;
  color: #151515;
  font-weight: bold;
  line-height: 0.7;
  background-color: white;
}

@media only screen and (min-width: 40.063em) {
  .home-column .column-hero {
    margin-top: -20px
  }
  .home-column .column-hero .column-hero-title {
    font-size: 40px;
  }
  .home-column {
    margin-top: 40px;
    margin-bottom: 15px;
  }
}
.home-column .daily-column {
  padding: 10px 40px;
}
.home-column .daily-column .column-thumbnail {
  padding-bottom: 20px;
  text-align: center;
}
.home-column .daily-column .column-thumbnail img {
  max-width: 100px;
  max-height: 100px; 
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.home-column .post-content {
  display: none;
}
@media only screen and (min-width: 40.063em) {
  .home-column .daily-column .column-thumbnail img {
    max-width: 100px;
    max-height: 100px; 
  }
  .home-column .daily-column {
    padding: 30px;
    text-align: left;
  }
}
@media only screen and (min-width: 64.063em) {
  .home-column .post-content {
    display: block;
  }
  .home-column .daily-column .column-thumbnail img {
    max-width: 150px;
    max-height: 150px; 
  }
}
/*------------------------------------------------------------------
/*authors listing*/
.column-authors .authors-hero {
  background-color: #00e9a3;
  text-align: center;
  color: #151515;
  height: 260px;
  font-size: 16px;
  font-weight: bold;
}
.column-authors .authors-hero img {
  padding-top: 60px;
  padding-bottom: 30px;
}
.authors-corosual {
  background-color: #D6FDED;
}
.authors-corosual .carousel {
  padding: 0;
}
.authors-corosual .author-item {
  text-align: center;
  height: 260px;
}
.authors-corosual .author-item img {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  margin-top: 40px;
  margin-bottom: 5px;
  max-width: 100px;
  max-height: 100px;
}
.authors-corosual .author-item h5 {
  font-weight: bold;
}
.authors-corosual .author-item h6 {
  font-size: 14px;
  font-weight: bold;
}
.authors-corosual .author-item hr {
  width: 20px;
  border: 1px solid #151515;
  margin: 0 auto 10px auto;
}
/*------------------------------------------------------------------
/*home-recap*/
.home-recap {
  padding-bottom: 80px;
  background-color: #ffffff;
}
.home-recap .prev-news,
.home-recap .tag-cloud {
  margin-top: 40px;
}
.home-recap .tag-cloud a {
  font-weight: bold;
  padding: 10px; 
}
.home-recap .tag-cloud .cloud-wrapper {
  line-height: 1.6;
}
.home-recap .recap-title {
  font-weight: 800;
  font-size: 20px;
  color: #151515;
  padding: 0 0 15px 15px;
}
.home-recap .prev-news ol {
  list-style-type: decimal-leading-zero;
  color: #00e9a3;
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
.home-recap .prev-news ol li {
  list-style-position: inside;
  font-weight: bold;
  border-bottom: 1px solid #00e9a3;
  padding: 10px 15px;
  width: 100%;
  font-size: 14px;
}
@media only screen and (min-width: 40.063em) {
  .home-recap .prev-news,
  .home-recap .tag-cloud {
    margin-top: 40px;
  }
  .home-recap .tag-cloud .cloud-wrapper {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  .home-recap .tag-cloud .cloud-wrapper {
    padding-left: 50px;
  }
}
[class^="tag-link"] {
  border: none;
  color: #151515;
  font-weight: bold;
  margin: 0;
}
[class^="tag-link"]:hover {
  background: none;
  border-color: none;
  color: #00e9a3;
}
/*------------------------------------------------------------------
/*tabs*/
.vc_tta.vc_general .vc_tta-tab>a {
  padding: 10px 14px!important;
  border: none!important;
}
.post .post-content ul li.vc_tta-tab {
  border: none;
}
/*------------------------------------------------------------------
/* newest-listing */
.newest-listing {
  border-top: 9px solid #00e9a3;
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
}
.newest-listing .newest-listing-hero { 
  float: left;
  padding: 0;
  margin: 0;
  width: 100px;
  font-weight: bold;
  text-align: center;
  color: #151515;
  height: auto;
}
.newest-listing .newest-listing-corosual {
  margin-left: 100px;
  width: auto;
  height: auto;
}
.newest-listing .newest-listing-hero .newest-listing-hero-date {
  padding-top: 25px;
  height: 100%;
  width: 100px;
  float: left;
}
.newest-listing .newest-listing-item {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 15px;
}
.newest-listing .newest-listing-item aside {
  font-size: 10px;
  padding: 12px 20px 5px 20px;
  border-left: 1px solid #00e9a3;
}
.newest-listing .newest-listing-item div {
  padding: 0 20px 0 20px;
}
.carousel .owl-controls .owl-buttons div {
  opacity: 0.6;
}
.carousel .owl-controls .owl-buttons div.owl-prev {
  left: -48px;
}
.carousel .owl-controls .owl-buttons div.owl-next {
  right: -48px;
}
.carousel:hover .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.carousel:hover .owl-controls .owl-buttons div.owl-next {
  right: 0;
}
.addthis_sharing_toolbox {
  clear:none!important;
  display: none;
}
@media only screen and (min-width: 40.063em) {
  .addthis_sharing_toolbox {
    display: block;
  }
}
/*------------------------------------------------------------------
Archive month listing */
.arc-nav {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 2;
}
.nav-tag {
  margin-right: 30px;
}
.arc-nav:first-child .nav-tag:last-child {
  margin-right: 0px;
}
.nav-tag a {
  padding: 8px 6px;
  transition: none;
}
.nav-tag a:hover,
.nav-tag a.active {
  color: #000000;
  background-color: #00e9a3;
}
.arc-recent-month,
.arc-last-month {
  padding: 30px;
}
.arc-last-month {
  background-color: #ffffff;
}
.arc-day {
  padding: 0px 15px 20px 15px;
  text-align: center;
}
.arc-day h1 {
  font-size: 40px;
  font-weight: 600;
  color:#00e9a3;
  line-height: 1;
  margin-top: 0;
}
.arc-day .arc-month-week {
  font-size: 14px;
  color:#00e9a3;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.arc-day ol {
  list-style-type: decimal-leading-zero;
  color: #00e9a3;
  font-size: 13px;
  text-align: left;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
.arc-day ol li {
  list-style-position: inside;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
  padding: 8px 0px;
  width: 100%;
}
.arc-lead {
  text-align: center;
}
.arc-lead .hero_month_num {
  font-size: 70px;
}
.arc-lead .hero_month_text {
  font-size: 20px;
}
.arc-lead .hero_year {
  font-size: 20px;
}
.arc-lead .hero_total {
  margin-top: 5px;
  font-size: 14px;
}
.arc-lead .hero_year,
.arc-lead .hero_total,
.arc-lead .hero_month_num,
.arc-lead .hero_month_text {
  font-weight: bold;
  color: #000000;
}
/*extra grid setting*/
@media only screen and (min-width: 64.063em) and (max-width: 1330px) {
  .medium-large-4 {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 64.063em) {
  .arc-lead {
    padding-top: 10px;
  }
  .arc-lead, .arc-day {
    text-align: left;
  }
}
/*------------------------------------------------------------------
Ad */
.yahoo-ad {
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea; 
  padding: 25px 0px;
}
.not-found {
  margin-top: 0;
  text-align: center;
  padding: 50px 0;
}
.not-found h2 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}
.column-statement {
  text-align: center;
  color: #A5A5A5;
  font-weight: bold;
  margin: 30px 0;
}
#searchpopup .spacer {
  z-index: 999;
}
#searchpopup .vcenter {
  z-index: 1000;
}
/*------------------------------------------------------------------
Ad */
.hero-video {
  padding: 20px 0;
  background-color: #ffffff; 
}
.hero-video h2, .rest-video h4 {
  font-weight: bold;
  line-height: 1.3;
}
.video-thumb {
  position: relative;
}
.video-thumb image {
  display: block;
  width: 100%;
  height: auto;
}
.hero-video .video-overlay {
  background-size: 80px 80px;
  background-position: center center;
}
.rest-video .video-overlay {
  background-size: 30px 30px;
  background-position: 5% 90%;
}
.video-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background-image: url(assets/img/play-icon.png);
  background-repeat: no-repeat;
}
.video-overlay:hover {
  opacity: 1;
  background-image: url(assets/img/play-hover.png);
} 
.rest-video {
  padding: 40px 0 60px 0;
}
.rest-video article {
  margin-bottom: 20px; 
}
@media only screen and (min-width: 40.063em) {
  .hero-video {
    padding: 30px 0 60px 0;
  }
  .rest-video {
    padding: 60px 0 100px 0;
  }
}
/*ad*/
.kiwi-ad-wrapper-new {
  clear: both!important;
  padding: 0!important;
  border: none!important;
}
.kiwi-ad-third-wrapper-new {
  clear: both!important;
  border: none!important;
}
.kiwi-ad-item {
  border-right:15px solid transparent!important;
  background-color: transparent!important;
}
.ad-home {
  text-align: center;
  margin-top: 20px; 
  margin-bottom: 20px;
}
.search .kiwi-ad-item {
  padding: 0px!important;
  border-right:15px solid transparent!important;
}