/* RGWP PHP Template Local Overrides */


/* simple rebuild for basic HTML formatting */

.rebuild, .rebuild p, .rebuild li {
  font-size: 14px;
  font-size: .7rem;
  line-height: 1.46666667;
  font-weight: 300;
}

.rebuild hr {
  /*margin: 1.5em 0;
  border-top: none;
  border-bottom-color: #CCC;*/
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1.5em 0;
  padding: 0;
}

.rebuild h3+p {
  margin-top: 2.4em;
}

.rebuild h4+p {
  margin-top: 1.5em;
}

.rebuild p+ul, .rebuild p+ol {
  margin-top: 1em;
}

.rebuild h4 {
  font-size: 18px;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.2;
}

.rebuild ul, .rebuild ol { margin: 0 0 1.5em 2.5em; }
.rebuild ul { list-style: disc; }
.rebuild ol { list-style-type: decimal; }
/* nested ol styles removed jsparacio 2022-10-27 */
/*.rebuild ol ol { list-style: upper-alpha; }
.rebuild ol ol ol { list-style: lower-roman; }
.rebuild ol ol ol ol { list-style: lower-alpha; }*/
.rebuild ul ul, .rebuild ol ol, .rebuild ul ol, .rebuild ol ul { margin-bottom: 0; }

/* white category thumbnail labels */
.category-container .promo h2.light {
  color: #FFF;
}

/* remove top margin on first category button */
.category-container .promo:first-child {
  margin-top: 0;
}

/* style thumbnail caption in RSS headline view */

.link-group li p {
  margin-top: 0;
  font-size: 12px;
  font-size: .6rem;
  color: #999;
}

/* adjust min-height on product page article tab repeater */
#articles .articles>section {
  min-height: 220px;
}

/* fix BOSS blue read more link on product page article tab */
.boss-global .main .articles a {
  color: #0064ff;
}

/* temporary fix for alternate language support on custom template products */

article#features div.ct-alt { display: none !important; }
#content-container.alt-lang article#features div.ct-en { display: none !important; }
#content-container.alt-lang article#features div.ct-alt { display: block !important; }

/* article summary lists */
.article-summary section {
  border-top: 1px solid #D5D5D5;
  box-sizing: border-box;
  min-height: 220px;
  position: relative;
  padding: 20px 0;
}

@media all and (min-width: 768px) {
  .article-summary section {
    padding: 40px 20px 40px 50%;
  }
}

.article-summary section:first-child {
  border-top: 1px solid #D5D5D5;
}

.article-summary h3 {
  font-size: 28px;
  font-size: 1.4rem;
  line-height: 1.28571429;
  font-weight: 100;
}

.article-summary h3 small {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 1.3125;
  font-weight: 300;
  color: #0c0c0c;
  display: block;
  margin: .1em auto;
}

.article-summary p a {
  display: inline-block;
  margin-left: 0.25em;
  text-decoration: none;
}

.article-summary p a:hover {
  text-decoration: underline;
}

.article-summary figure {
  height: 100%;
  padding: 0 0 20px;
  box-sizing: border-box;
}

@media all and (min-width: 768px) {
  .article-summary figure {
    border-right: 1px solid #D5D5D5;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 45%;
  }
}

.article-summary figure img {
  max-width: 100%;
  display: block;
}

/* change font family for RTW */
html[lang="zh-TW"] {
  font: 20px/30px "Microsoft JhengHei", sans-serif;
}

/* added 2016-07-26 JS make Buy Now button wider */
a.buynow {
  width: 128px;
}

/* added 2016-10-26 JS format Pro A/V language seleactor */
#globalfooter .gf-links select.language-selector {
  margin: -3px 0 0;
  font-family: inherit;
  font-size: 100%;
  -webkit-appearance: menulist
}

@media screen and (max-width: 767px) {
  #globalfooter .gf-links select.language-selector {
    margin-top: 14px
  }
}

/* added 2021-08-24 jsparacio to support instagram and youtube social icons in tab bar */

#productheader .icon-instagram, #productheader .icon-youtube {
  position: relative;
  color: #999;
  width: 27px;
  height: 28px;
  background: none
}

#productheader .icon-instagram:before, #productheader .icon-youtube:before {
  font-family: 'glyphicon';
  font-size: 25px;
  font-size: 1.25rem;
  text-indent: 0;
  line-height: 28px;
  text-decoration: none;
  position: absolute;
  left: 1px;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#productheader .icon-instagram:hover:before, #productheader .icon-youtube:hover:before {
  color: #ff5a00
}

#productheader .icon-instagram:before {
  content: "\e61d"
}

#productheader .icon-youtube:before {
  content: "\e61c"
}

/* added 2022-05-16 by jsparacio for screen reader text */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;    
}

/* added 2022-05-16 by jsparacio to fix Safari auto-height issue */

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) and (display:flow-root) {
    .promos2.carousel-view .flushrow {
      min-height: 421px;
    }
  }
}

/* added 2022-05-16 by jsparacio to increase contrast ratio of footer links/text */

#gf-legal .gf-links li, #gf-legal p {
  color: #808080 !important;
}

/* added 2022-05-19 by jsparacio to hide arrow icon from screen readers 

.viewmore:before {
content: '<span aria-hidden="true">\e609</span>';
}*/

/* added 2023-10-26 by jsparacio to replace old glyphicon social icons */
.category-index .cn-social .icon-twitter:before {
  content: url("https://static.roland.com/global/images/social/x.svg");
}
.category-index .cn-social .icon-facebook:before {
  content: url("https://static.roland.com/global/images/social/facebook.svg");
}
.category-index .cn-social .icon-youtube:before {
  content: url("https://static.roland.com/global/images/social/youtube.svg");
}
.category-index .cn-social .icon-instagram:before {
  content: url("https://static.roland.com/global/images/social/instagram.svg");
}
.category-index .cn-social .icon-pinterest:before {
  content: url("https://static.roland.com/global/images/social/pinterest.svg");
}
.category-index .cn-social .icon-soundcloud:before {
  content: url("https://static.roland.com/global/images/social/soundcloud.svg");
}

/* added 2023-12-18 to style KB pagination links */
.zd-pagination {
  font-size: 13px;
  margin-top: 6px;
}
.zd-pagination a {
  text-decoration: none;
}
.zd-pagination .next-link {
  margin-left: 16px;
}
.zd-pagination .prev-link {
  margin-right: 16px;
}

/* change region flags */
.flag-global { background-image: url("//static.roland.com/global/images/flags/flag_global.png"); }
.flag-at { background-image: url("//static.roland.com/global/images/flags/flag_at.png"); }
.flag-au { background-image: url("//static.roland.com/global/images/flags/flag_au.png"); }
.flag-be { background-image: url("//static.roland.com/global/images/flags/flag_be.png"); }
.flag-br { background-image: url("//static.roland.com/global/images/flags/flag_br.png"); }
.flag-ca { background-image: url("//static.roland.com/global/images/flags/flag_ca.png"); }
.flag-ch { background-image: url("//static.roland.com/global/images/flags/flag_ch.png"); }
.flag-cn { background-image: url("//static.roland.com/global/images/flags/flag_cn.png"); }
.flag-cz { background-image: url("//static.roland.com/global/images/flags/flag_cz.png"); }
.flag-de { background-image: url("//static.roland.com/global/images/flags/flag_de.png"); }
.flag-dk { background-image: url("//static.roland.com/global/images/flags/flag_dk.png"); }
.flag-es { background-image: url("//static.roland.com/global/images/flags/flag_es.png"); }
.flag-fi { background-image: url("//static.roland.com/global/images/flags/flag_fi.png"); }
.flag-fr { background-image: url("//static.roland.com/global/images/flags/flag_fr.png"); }
.flag-gb,.flag-uk { background-image: url("//static.roland.com/global/images/flags/flag_gb.png"); }
.flag-hu { background-image: url("//static.roland.com/global/images/flags/flag_hu.png"); }
.flag-id { background-image: url("//static.roland.com/global/images/flags/flag_id.png"); }
.flag-il { background-image: url("//static.roland.com/global/images/flags/flag_il.png"); }
.flag-in { background-image: url("//static.roland.com/global/images/flags/flag_in.png"); }
.flag-it { background-image: url("//static.roland.com/global/images/flags/flag_it.png"); }
.flag-jp { background-image: url("//static.roland.com/global/images/flags/flag_jp.png"); }
.flag-kr { background-image: url("//static.roland.com/global/images/flags/flag_kr.png"); }
.flag-kz { background-image: url("//static.roland.com/global/images/flags/flag_kz.png"); }
.flag-my { background-image: url("//static.roland.com/global/images/flags/flag_my.png"); }
.flag-nl { background-image: url("//static.roland.com/global/images/flags/flag_nl.png"); }
.flag-no { background-image: url("//static.roland.com/global/images/flags/flag_no.png"); }
.flag-nz { background-image: url("//static.roland.com/global/images/flags/flag_nz.png"); }
.flag-ph { background-image: url("//static.roland.com/global/images/flags/flag_ph.png"); }
.flag-pl { background-image: url("//static.roland.com/global/images/flags/flag_pl.png"); }
.flag-pt { background-image: url("//static.roland.com/global/images/flags/flag_pt.png"); }
.flag-rs { background-image: url("//static.roland.com/global/images/flags/flag_rs.png"); }
.flag-ru { background-image: url("//static.roland.com/global/images/flags/flag_ru.png"); }
.flag-se { background-image: url("//static.roland.com/global/images/flags/flag_se.png"); }
.flag-sg { background-image: url("//static.roland.com/global/images/flags/flag_sg.png"); }
.flag-sk { background-image: url("//static.roland.com/global/images/flags/flag_sk.png"); }
.flag-tr { background-image: url("//static.roland.com/global/images/flags/flag_tr.png"); }
.flag-tw { background-image: url("//static.roland.com/global/images/flags/flag_tw.png"); }
.flag-ua { background-image: url("//static.roland.com/global/images/flags/flag_ua.png"); }
.flag-us { background-image: url("//static.roland.com/global/images/flags/flag_us.png"); }
.flag-za { background-image: url("//static.roland.com/global/images/flags/flag_za.png"); }
.flag-ro { background-image: url("//static.roland.com/global/images/flags/flag_ro.png"); }

@media (-webkit-min-device-pixel-ratio:2), (min--moz-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1) {
  .flag {
    -moz-background-size: 23px 17px;
    -webkit-background-size: 23px 17px;
    -o-background-size: 23px 17px;
    -ms-background-size: 23px 17px;
    background-size: 23px 17px
  }
  .flag-global { background-image: url("//static.roland.com/global/images/flags/flag_global2x.png"); }
  .flag-at { background-image: url("//static.roland.com/global/images/flags/flag_at2x.png"); }
  .flag-au { background-image: url("//static.roland.com/global/images/flags/flag_au2x.png"); }
  .flag-be { background-image: url("//static.roland.com/global/images/flags/flag_be2x.png"); }
  .flag-br { background-image: url("//static.roland.com/global/images/flags/flag_br2x.png"); }
  .flag-ca { background-image: url("//static.roland.com/global/images/flags/flag_ca2x.png"); }
  .flag-ch { background-image: url("//static.roland.com/global/images/flags/flag_ch2x.png"); }
  .flag-cn { background-image: url("//static.roland.com/global/images/flags/flag_cn2x.png"); }
  .flag-cz { background-image: url("//static.roland.com/global/images/flags/flag_cz2x.png"); }
  .flag-de { background-image: url("//static.roland.com/global/images/flags/flag_de2x.png"); }
  .flag-dk { background-image: url("//static.roland.com/global/images/flags/flag_dk2x.png"); }
  .flag-es { background-image: url("//static.roland.com/global/images/flags/flag_es2x.png"); }
  .flag-fi { background-image: url("//static.roland.com/global/images/flags/flag_fi2x.png"); }
  .flag-fr { background-image: url("//static.roland.com/global/images/flags/flag_fr2x.png"); }
  .flag-gb,.flag-uk { background-image: url("//static.roland.com/global/images/flags/flag_gb2x.png"); }
  .flag-hu { background-image: url("//static.roland.com/global/images/flags/flag_hu2x.png"); }
  .flag-id { background-image: url("//static.roland.com/global/images/flags/flag_id2x.png"); }
  .flag-il { background-image: url("//static.roland.com/global/images/flags/flag_il2x.png"); }
  .flag-in { background-image: url("//static.roland.com/global/images/flags/flag_in2x.png"); }
  .flag-it { background-image: url("//static.roland.com/global/images/flags/flag_it2x.png"); }
  .flag-jp { background-image: url("//static.roland.com/global/images/flags/flag_jp2x.png"); }
  .flag-kr { background-image: url("//static.roland.com/global/images/flags/flag_kr2x.png"); }
  .flag-kz { background-image: url("//static.roland.com/global/images/flags/flag_kz2x.png"); }
  .flag-my { background-image: url("//static.roland.com/global/images/flags/flag_my2x.png"); }
  .flag-nl { background-image: url("//static.roland.com/global/images/flags/flag_nl2x.png"); }
  .flag-no { background-image: url("//static.roland.com/global/images/flags/flag_no2x.png"); }
  .flag-nz { background-image: url("//static.roland.com/global/images/flags/flag_nz2x.png"); }
  .flag-ph { background-image: url("//static.roland.com/global/images/flags/flag_ph2x.png"); }
  .flag-pl { background-image: url("//static.roland.com/global/images/flags/flag_pl2x.png"); }
  .flag-pt { background-image: url("//static.roland.com/global/images/flags/flag_pt2x.png"); }
  .flag-rs { background-image: url("//static.roland.com/global/images/flags/flag_rs2x.png"); }
  .flag-ru { background-image: url("//static.roland.com/global/images/flags/flag_ru2x.png"); }
  .flag-se { background-image: url("//static.roland.com/global/images/flags/flag_se2x.png"); }
  .flag-sg { background-image: url("//static.roland.com/global/images/flags/flag_sg2x.png"); }
  .flag-sk { background-image: url("//static.roland.com/global/images/flags/flag_sk2x.png"); }
  .flag-tr { background-image: url("//static.roland.com/global/images/flags/flag_tr2x.png"); }
  .flag-tw { background-image: url("//static.roland.com/global/images/flags/flag_tw2x.png"); }
  .flag-ua { background-image: url("//static.roland.com/global/images/flags/flag_ua2x.png"); }
  .flag-us { background-image: url("//static.roland.com/global/images/flags/flag_us2x.png"); }
  .flag-za { background-image: url("//static.roland.com/global/images/flags/flag_za2x.png"); }
  .flag-ro { background-image: url("//static.roland.com/global/images/flags/flag_ro2x.png"); }
}