/*============================================ CSS by DJ ====================================*/

#block-views-block-artist-carousel-block-1 .artist-car-desc {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 !important;
}

#block-views-block-artist-carousel-block-1 .artist-car-desc:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  /*height: calc(1em * 1.2);
  background : -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 1)));
  background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
  background : -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
  background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);*/
}

@supports (-webkit-line-clamp: 1) {
  #block-views-block-artist-carousel-block-1 .artist-car-desc:after {
    display: none !important;
  }
}

#block-views-block-artist-carousel-block-1 .artist-car-desc {
  -webkit-line-clamp: 6;
}


/*------------------------------------------ Artists - Owl Carousel -----------------------------------*/

.view-artist-playing-instrument .owl-prev:before, .view-artist-playing-instrument .owl-next:after {
  top: -57px;
}


/* End required CSS. */


/*============================================ CSS by Shatakshi ==================================================*/


/*============================= 403, 404 pages =============================================*/

.page-403-404 {
  -webkit-border-radius: 177px;
  -moz-border-radius: 177px;
  border-radius: 177px;
  border-color: #997B53;
  font-weight: normal;
  height: 354px;
  margin: 0 auto;
  padding: 92px 0 0;
  text-align: center;
  width: 354px;
  color: #fff;
}

.bg-403-404 {
  background-color: #aa9576;
}

.page-403-404 h1 {
  font-size: 150px;
  font-weight: normal;
  line-height: 0.9;
  margin: 0;
}

.page-403-404 h2 {
  font-size: 25px;
}


/*============================== IE specific CSS ============================================*/


/*---- IE 11 CSS ----*/

_:-ms-lang(x), _:-ms-fullscreen, .a-profile .a-value br {
  line-height: 4;
  display: block;
  content: "";
}


/*------IE Edge CSS ------*/

@supports (-ms-ime-align:auto) {
  .a-profile .a-value br {
    line-height: 4;
    display: block;
    content: "";
  }
}


/*=============================== Privacy policy - Site URL ==================================*/

a.pri-policy-site-url:hover {
  color: #5f4e35;
  text-decoration: underline;
}


/*=============================== Artists details - <br> margin ===============================*/

.a-profile .a-value br {
  display: block;
  content: "";
  margin: 10px 0;
}


/*=============================== Handmade Opera =============================================*/

.page-node-63 section#block-views-block-products-material-table-block-1 h2.block-title, .page-node-106 section#block-views-block-flute-material-block-flute-model-det-block h2.block-title {
  display: none;
}

.page-node-106 section#block-views-block-flute-material-block-flute-model-det-block {
  display: none;
}


/*=============================== Flute listing page - Specs =================================*/

.flute-details h2.block-title:before {
  content: url(/themes/custom/pearlgaki/images/view-all-dark.png);
  width: 19px;
  height: 19px;
  position: relative;
  left: -30px;
  top: 2px;
}

.product-details-bg h2.block-title:before {
  content: url('../images/view-all.png');
  width: 19px;
  height: 19px;
  position: relative;
  left: -30px;
  top: 2px;
}

.context-products-elegante-primo .product-details-bg h2.block-title:before {
  content: url('/themes/custom/pearlgaki/images/view-all-dark.png');
}

/*=============================== Top - Flags ================================================*/

.page-node-28.path-frontpage header {
  margin-bottom: 17px !important;
}


/*=============================== Top page banner arrows =====================================*/

.flex-direction-nav .flex-nav-prev a:before {
  content: '\f104';
  font-family: FontAwesome;
  color: #997b53 !important;
}

.flex-direction-nav .flex-nav-prev a:hover {
  color: red !important;
}

.flex-direction-nav .flex-nav-next a:before {
  content: '\f105';
  font-family: FontAwesome;
  color: #997b53 !important;
}


/*=============================== Top page - Our Speciality ==================================*/


/*.our-speciality-content{
  margin-bottom: 25px;
}*/

.speciality-rm-btn {
  padding-left: 0;
}

.our-speciality {
  margin-bottom: 30px;
}

.our-speciality-title:before {
  bottom: 0;
  content: "";
  left: 1%;
  position: absolute;
  right: 0;
  border-bottom: 3px solid #997b53;
  width: 55px;
}

.our-speciality-title {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 37px;
  display: block;
  position: relative;
  margin: 0 auto 25px;
  padding-bottom: 10px;
}


/*.page-node-28 .path-frontpage h2.block-title, .page-node-28 h2.block-title{
  margin-bottom: 0 !important;
  text-align: left !important;
}*/

.our-speciality-title h2.block-title {
  margin-bottom: 0 !important;
  text-align: left !important;
}


/*======================================== Disabling Page title ===========================================*/

h1.page-header {
  display: none;
}


/*============================================ Workshop page - Video Block =======================================*/

.workshop-text-wrapper .title, .colab-text-title {
  font-size: 21px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e7e7e7;
  color: #3d3d3d;
  font-weight: bold;
}

.view-id-workshop a {
  color: #000;
}

.view-id-workshop .views-field-title {
  text-align: center;
}

.view-id-workshop .youtube-container--responsive iframe {
  border-top: 20px solid;
  border-bottom: 20px solid;
}

section#block-views-block-workshop-workshop-block {
  margin-top: 30px;
}

.view-id-workshop .views-row {
  margin-bottom: 30px;
}

.view-id-workshop .views-field-field-workshop-video {
  margin-bottom: 10px;
}

.ytp-icon-watermark {
  display: none;
}


/*======================================== Collaboration page =======================================================*/

section#block-collaboration img {
  padding-top: 50px;
  margin: 0 auto;
}

p.colab-text-title {
  margin-bottom: 35px;
}

.collaboration-text-wrap {
  margin-top: 30px;
}

.page-node-59 header.page-banner {
  background-position: 100% top !important;
}


/*================================================== Pinless Construction and One Piece Core Page ================================*/


/*.pinless-img-left img, .pinless-img-right img, .one-piece-img-left img, .one-piece-img-right img{
  border: 1px solid #ccc;
}*/


/*.pinless-image,.one-piece-image{
  margin-top: 70px;
}*/

.one-piece-title, .pinless-title {
  font-size: 21px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
}

.one-piece-image {
  margin-bottom: 70px;
}


/*.one-piece-img-middle{
  margin-top: 40px;
  padding: 0;
}*/

.one-piece-img-left {
  border: 1px solid #f5f5f5;
  padding-top: 20px;
  padding-bottom: 55px;
}

.one-piece-img-right {
  border: 1px solid #f5f5f5;
  padding-top: 20px;
  padding-bottom: 20px;
}


/*===================================================== Back to Top ====================================================*/

#back-top {
  position: absolute;
  right: 10px;
}


/*================================================== Contacts Page =============================================*/

.views-field.views-field-field-contact-category {
  font-weight: bold;
}


/*================================================== Artist Listing Page - Top Block =======================================*/

.view-id-artists_area {
  margin-bottom: 35px;
}

.view-id-artists_area .views-field-name {
  text-align: center;
}

.custom-anchor {
  position: relative;
  top: -50px;
}

.transparent-border {
  border: 1px solid transparent;
}

.view-id-artists_area .views-field-name a {
  display: block;
  padding: 6px 0;
  color: #997b53;
  font-size: 18px;
  /*border: 1px solid transparent;*/
}

.view-id-artists_area .views-field-name a:hover {
  border: 1px solid #997b53;
}

.artist-area-selected {
  border: 1px solid #997b53;
  background: rgba(153, 123, 83, 0.2);
}

section#block-views-block-artists-area-block-1 {
  margin: 35px 0;
}

.page-node-80 .main-container {
  padding-top: 0;
}


/*=========================== Flute listing page products block =================*/

section#block-views-block-product-material-specific-block-1 {
  border: 1px solid;
}

section#block-views-block-products-products-block-1 {
  margin-bottom: 55px;
}

.view-product-material-specific .view-content {
  clear: both;
  padding-top: 25px;
}

#block-views-block-products-products-block-1 .product-grid {
  margin-bottom: 15px;
}

#block-views-block-products-products-block-1 .product-grid .thumbnail {
  border: none;
  background: transparent;
}

#block-views-block-products-products-block-1 .product-image {
  margin-bottom: 20px;
}

#block-views-block-products-products-block-1 .product-desc {
  text-align: center;
  height: 60px;
}

#block-views-block-products-products-block-1 .product-title h3 {
  text-align: center;
  font-size: 20px;
  margin: 15px 0 5px;
}

#block-views-block-products-flute-listing-carousel-block h3 {
  text-align: center;
}

#block-views-block-products-flute-listing-carousel-block .prod-carousel-desc {
  margin-bottom: 10px;
  text-align: center;
}

.page-node-112 {
  background: #f3f1f3;
}

.page-node-112 .view-product-material-specific .view-header+.view-content {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  width: 100%;
  padding: 45px 20px 0 20px;
}

.page-node-112 .view-product-material-specific .view-header+.view-content .views-row {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

.page-node-112 .view-product-material-specific h5.mat-prod-title {
  font-size: 18px;
  border-bottom: 1px solid #bcbcbc;
}

.page-node-112 .field--name-field-prod-ms-image img {
  width: 80%;
}

.view-product-material-taxonomy .material-color-c6e7f9 {
  background: #c6e7f9;
}

.view-product-material-taxonomy .material-color-a2bbe1 {
  background: #a2bbe1;
}

.view-product-material-taxonomy .material-color-c58d76 {
  background: #c58d76;
}

.view-product-material-taxonomy .material-color-9ed8f5 {
  background: #9ed8f5;
}

.view-product-material-taxonomy .material-color-ffe792 {
  background: #ffe792;
}

.view-product-material-taxonomy .material-color-a2bbe1 {
  background: #a2bbe1;
}

.view-product-material-taxonomy .material-color-a0caec {
  background: #a0caec;
}

.view-product-material-taxonomy .material-color-fbd6a0 {
  background: #fbd6a0;
}

.view-product-material-taxonomy .material-color-ffffff {
  background: #ffffff;
}


/*==================================== Headjoint Page =======================*/

.hj-product-model {
  border-top: 1px solid;
  padding-top: 40px;
  padding-bottom: 40px;
}

.product-model-lab {
  color: #997b53;
  font-size: 20px;
}

.page-node-182 .field--name-field-prod-parts-details .field--item:first-child .product-parts .is-table-row {
  padding-top: 70px;
  border-top: 1px solid;
  clear: both;
}

.page-node-182 .prod-parts-details h4 {
  text-align: left;
  color: #997b53 !important;
}

.hj-flute-spec {
  border-left: 1px solid;
  padding-left: 10px;
  margin-top: 30px;
}


/*============================================= Accessories page ==================================*/

.view-id-accessories h3 {
  clear: both;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 30px;
}

.view-id-accessories h3:first-child {
  padding-top: 0 !important;
}

#block-views-block-accessories-accessories-block h2.block-title {
  display: none;
}

.views-field.views-field-field-accessories-image {
  margin-bottom: 15px;
}

.view-id-accessories .title1, .view-id-accessories .title2 {
  font-size: 18px;
  color: #997b53;
}

.view-id-accessories .title2 {
  margin-top: 10px;
}

.view-id-accessories h3:before {
  content: url(/themes/custom/pearlgaki/images/view-all-dark.png);
  width: 19px;
  height: 19px;
  margin-right: 10px;
}

.view-id-accessories .views-row {
  min-height: 455px;
}

.view-id-accessories .views-field-field-accessories-image img {
  border: 1px solid #eee;
}

.page-node-299 .hj-product-model {
  border-top: 1px solid transparent;
  padding-top: 0;
  padding-bottom: 0;
}


/*===================================== About Page ====================================*/

.grpc-title {
  font-weight: bold;
  margin-bottom: 15px;
}

.about-category {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
  color: #997b53;
}

.about-second-add {
  padding-left: 0;
  padding-right: 0;
}

.history-wrapper, .pearl-flute-wrapper {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  padding-top: 10px;
}

.grpc-parent-wrapper, .history-parent-wrapper {
  margin-bottom: 70px;
}

.history-content, .pearl-flute-content, .grpc-content {
  margin-top: 25px;
}

.history-content .field--item:first-child .history-wrapper, .pearl-flute-content .field--item:first-child .pearl-flute-wrapper {
  border-top: 1px solid #eee;
}

.grpc-content, .grpc-parent-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.group-companies-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.grpc-title-add {
  padding-left: 0;
}

.field--item .grpc-image {
  padding-right: 0;
}

.view-id-about_us_category .views-row {
  text-align: center;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
}

.view-id-about_us_category a {
  border: 1px solid;
  padding: 10px 20px 10px 20px;
  display: inline-block;
  width: 90%;
}

.view-id-about_us_category .views-row:last-child {
  margin-right: 0 !important;
}

.about-second-text {
  margin-top: 65px;
}

.about-second-text {
  padding-left: 0;
  padding-right: 0;
}

.field--name-field-group-companies-content .field--item {
  margin-bottom: 35px;
}


/*========================================================= Media Queries =====================================================*/

@media screen and (max-width: 767px) {
  /*------------------------------- 403 404 ------------------------------------------*/
  .page-403-404 h1 {
    font-size: 50px;
  }
  .page-403-404 h2 {
    font-size: 25px;
  }
  .page-403-404 {
    height: 266px;
    width: 266px;
  }
  /*------------------------------- Top page - Video ---------------------------------*/
  .path-frontpage h2.block-title {
    font-size: 25px !important;
  }
  .our-speciality-title:before {
    left: 0;
  }
  .our-speciality-title, .our-speciality-content, .speciality-rm-btn {
    padding-left: 0;
    padding-right: 0;
  }
  .speciality-rm-btn {
    margin-bottom: 20px;
  }
  /*------------------------------- One Piece Core Bar --------------------------------------------*/
  .one-piece-img-left img, .one-piece-img-right img {
    margin: auto;
  }
  .one-piece-img-right {
    margin-top: 40px;
  }
  /*.pinless-image, .one-piece-image {
  margin-top: 30px;
}*/
  .one-piece-img-middle {
    margin-bottom: 30px;
  }
  /*------------------------------- Pinless Construction ----------------------------------------*/
  .pinless-img-right img, .pinless-img-left img {
    margin: auto;
  }
  .pinless-img-right {
    margin-top: 40px;
  }
  /*-------------------------------- Headjoints ------------------------------------*/
  .page-node-182 .prod-model-details {
    margin-bottom: 0;
  }
  .product-model-lab-desc {
    margin-top: 25px;
  }
  /*----------------------------------- Flutes --------------------------------------*/
  .block-views-blockproducts-flute-listing-carousel-block h3 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
  }
  .page-node-112 .view-product-material-specific .view-header+.view-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  /*----------------------------------- Workshop ----------------------------------*/
  .view-id-workshop .views-row {
    padding-left: 0;
    padding-right: 0;
  }
  /*-------------------------------- Accessories -------------------------*/
  .view-id-accessories .views-row {
    margin-bottom: 50px;
  }
  /*-------------------------------- About Us ----------------------------*/
  .about-pearl-wrapper, .about-pearl-content, .about-content-wrapper, .about-first-text, .about-second-add, .about-second-image, .grpc-image, .pearl-flute-wrapper, .pearl-flute-content, .pearl-flute-parent-wrapper, .pearl-flute-top-content, .view-about-us-page .views-field-field-pf-top-text-data, .history-parent-wrapper, .history-content, .history-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .about-second-add {
    margin-bottom: 25px;
  }
  .about-second-text {
    margin-top: 45px;
  }
  .field--name-field-group-companies-content .field--item {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .pearl-flute-top-content {
    padding-left: 0;
    padding-right: 0;
  }
  .history-content .field--item:first-child .history-wrapper {
    border-top: none;
  }
  .about-category {
    padding-left: 0;
    padding-right: 0;
  }
  /*---------------------------- Pickup Items ---------------------------------*/
  .pickup-grp1, .pickup-layout-2-link-img, .pickup-layout-1-img {
    padding-left: 0;
    padding-right: 0;
  }
  .pickup-layout-1-link {
    margin-bottom: 32px !important;
  }
}


/*-----------------------------------------------Above 767px --------------------------------------------------------*/

@media screen and (min-width: 768px) {
  /*-------------------------------- Pickup Items ------------------------*/
  .pickup-layout-1-desc {
    margin-bottom: 25px;
  }
  /*------------------------------------- Top page - Our Speciality ----------------------*/
  .our-speciality-content {
    margin-bottom: 25px;
  }
  /*--------------------------------------------- Pinless Construction --------------------------------*/
  /*.pinless-img-middle {
  margin-bottom: 50px;
}*/
  /*----------------------------- Workshop page --------------------------------*/
  .view-id-workshop .views-row:nth-child(odd) {
    padding-left: 0;
  }
  .view-id-workshop .views-row:nth-child(even) {
    padding-right: 0;
  }
  /*------------------------------ Accessories page ---------------------------*/
  .view-id-accessories .views-field-field-accessories-image img {
    margin: auto;
  }
}


/*----------------------------------------------- Below 480px ------------------------------------*/

@media screen and (max-width: 479px) {
  /*--------------------------------- Pick up Items -------------------------------------*/
  .pickup-layout-2-link {
    font-size: 25px !important;
  }
  /*---------------------------------- Collaboration page --------------------------------------*/
  section#block-collaboration img {
    padding: 50px 0px 0px 0px;
  }
  #block-views-block-products-products-block-1 h3 {
    margin-bottom: 10px;
  }
  .tax-custom-width {
    width: 100%;
    padding-left: 0;
  }
  /*-------------------------------------- Accessories page --------------------------------*/
  .view-id-accessories .views-row {
    width: 100%;
  }
  /*--------------------------------------- About Us ---------------------------------*/
  .view-id-about_us_category .views-row {
    width: 100% !important;
    margin-bottom: 20px;
  }
}


/*----------------------------------------------- Above 991px Below 1200px -----------------------------*/

@media (max-width: 1199px) and (min-width: 992px) {
  /*---------------------- Flutes page ---------------------------------------*/
  #block-views-block-products-products-block-1 .product-title h3 {
    height: 45px;
  }
  /*----------------------- Accessories page --------------------------------*/
  .view-id-accessories .views-row {
    min-height: 445px;
  }
  /*------------------------- Top page - Our Speciality ---------------------*/
  .field--name-field-speciality-vido-link .youtube-container--responsive {
    height: 263px;
  }
}


/*----------------------------------------------- Above 767px Below 992px -----------------------------*/


/*--------------------------------- Flutes page ---------------------------------------*/

@media (max-width: 991px) and (min-width: 768px) {
  /*--------------------- Top page - Our Speciality -----------------*/
  .field--name-field-speciality-vido-link .youtube-container--responsive {
    height: 275px;
  }
  #block-views-block-products-products-block-1 .product-title h3 {
    height: 45px;
  }
  .our-speciality {
    margin-bottom: 20px;
  }
  /*----------------Flutes page --------------------*/
  .view-id-accessories .views-row {
    min-height: 432px;
    margin-bottom: 30px;
  }
  /*------------------ About Us --------------------*/
  .view-id-about_us_category .views-row:nth-child(4) {
    margin-top: 35px;
  }
  .view-id-about_us_category .views-row:nth-child(3) {
    margin-top: 35px;
  }
  .view-about-us-page .views-field-field-pf-top-text-data {
    padding-left: 0;
    padding-right: 0;
  }
  .group-companies-wrapper {
    min-height: 310px;
  }
}


/*----------------------------------------------- Above 479px Below 768px -----------------------------*/

@media (max-width: 767px) and (min-width: 480px) {
  /*------------------------------------ Accessories page ----------------------------*/
  .view-id-accessories .views-row {
    min-height: 506px;
  }
  /*------------------------------------ About Us page --------------------------------*/
  .view-id-about_us_category .views-row:nth-child(3) {
    margin-top: 27px;
  }
  .view-id-about_us_category .views-row:nth-child(4) {
    margin-top: 27px;
  }
}


/*----------------------------------------------- Above 1200px -----------------------------*/

@media (min-width: 1200px) {
  /*------------------------------ About Us page ------------------------------*/
  .pearl-flute-content, .history-content {
    padding-left: 150px;
    padding-right: 150px;
  }
  .about-pearl-content, .about-pearl-content, .about-content-wrapper, .about-first-text {
    padding-left: 0;
    padding-right: 0;
  }
  /*.about-content-wrapper{
  padding-left: 50px;
  padding-right: 50px;
}*/
  .view-about-us-page .views-field-field-pf-top-text-data {
    padding-left: 80px;
    padding-right: 80px
  }
}


/*----------------------------------------------- Above 991px -----------------------------*/

@media (min-width: 992px) {
  /*---------------------------- Flute Listing page ------------------------*/
  .page-node-112 .view-product-material-specific .view-header+.view-content .views-row:last-child .views-field-field-flute-mat-model-spec .paragraph--type--prod-material-specifications {
    width: 50%;
    float: left;
  }
}


/*----------------------------------------------- Below 992px -----------------------------*/

@media (max-width: 991px) {
  /*---------------------------- Top Page - Our Speciality ----------------------------*/
  .our-speciality-title h2.block-title {
    font-size: 25px !important;
  }
}


/*----------------------------------------------- Above 767 Below 1200px -----------------------------*/

@media (max-width: 1199px) and (min-width: 768px) {
  .our-speciality-title:before {
    left: 0%;
  }
}


/*------------------------------ Pickup Block CSS ----------------------------------*/

.pickup-layout-1-wrapper {
  margin-bottom: 50px;
}

.pickup-layout-1-img img {
  width: 100%;
}

.pickup-layout-1-title, .pickup-layout-1-desc, .pickup-layout-1-title, .pickup-layout-1-wrapper .pickup-grp2 {
  padding-left: 0;
  padding-right: 0;
}

.pickup-layout-1-title:before {
  bottom: 0;
  content: "";
  left: 1%;
  position: absolute;
  right: 0;
  border-bottom: 3px solid #997b53;
  width: 55px;
}

.pickup-layout-2-wrapper img {
  width: 100%;
}

.pickup-layout-2-link {
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pickup-layout-2-link-img {
  position: relative;
}

.pickup-layout-2-wrapper {
  margin-bottom: 35px;
}

.pickup-layout-1-title {
  margin-bottom: 20px;
}

.pickup-layout-1-title h2 {
  padding-bottom: 10px;
}