/*
 
CSS Document 
Theme name: JD Child
Description: Child Theme for Flatsome
Author: WWz
Author URI: http://webworkzdigital.com
Version: 3.0
Template: flatsome

*/
/*************** ADD CUSTOM CSS HERE  ***************/
button,
input,
select,
textarea {
  font-size: 75%; }

.row.container {
  margin-bottom: 5px !important; }

ul.page-numbers a, .page-numbers li > span {
  padding: 2px 2px 2px;
  }

.custom select {
  color: #777;
  height: 2.3em;}



/****************------------- 02. HEADER --***************/

.blue menu-item menu-item-type-custom menu-item-object-custom menu-item-6660 {
   color: #666699;
}

#top-bar {
  color: #777777;
  opacity: .7; }

#top-bar li > a {
  font-size: 1.1em;
  font-weight: 700;
  }

#top-bar li > a:hover {
  color: #000;
}

@media (min-width: 850px){
.nav-divided>li {
    margin: 0 1.2em 0 0.7em;}
}

#masthead.site-header {
  height: 70px;
  }

ul.header-nav li a {
  font-weight: normal;
  }

.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {
    font-size: .9em;
}

/* --  REMOVES BOX AROUND wide navigation (new in 1.5) -- */

.wide-nav {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.wide-nav .header-nav a.nav-top-link {
  padding: 0 18px;
  }

.tx-div {
  margin: 5px 0 5px;
  }

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item > a {
  color: #787878;
  text-transform: uppercase;
  border-bottom: 0 !important;
  }

/*******************-------- 03. FOOTER -------*************/

.footer {
  margin-bottom: 10px;
  }

.absolute-footer ul {
  margin: 0 0 10px;
  overflow: hidden; }

.absolute-footer ul li {
  padding-right: 70px;
  }

.absolute-footer ul li a {
  color: #000; }

.is-divider {
  background-color: rgba(0,0,0,0.1)!important;}

/**************------------- 03. PAGES / BLOG -------------************/

footer.entry-meta a {
   color: #333399;
}

footer.entry-meta a:hover {
   text-decoration: underline;
}

.navigation-post a {
  color: #333399;
}

.navigation-post a:hover {
   text-decoration: underline;
}

/************------------- 04. SHOP CATEGORIES (line 2606)--***********/

.breadcrumb {
  text-transform: capitalize; }

.product-info h4 a {
  text-transform: capitalize; }


/*****************------------- 08. SLIDERS ---**************/

.iosSlider {
  margin-bottom: 15px; }


/**************----------- 09. BANNER SYSTEM (line4329)-----***********/
.ux_banner-grid {
  margin-bottom: 0 !important; }

.banner h2 {
  font-weight: normal!important;}

.widget .tx-div {
  margin-bottom: 5px;
  }

.widget_text .textwidget {
  font-family: "Lato", sans-serif!important;}

.textwidget p {
  margin: 0 0 .3em;
  }

.textwidget .alignleft {
  margin-right: .5em;
  }

.widget_product_categories > ul > li, .widget_layered_nav > ul > li {
  border-bottom: none;
  }

.widget_product_categories li ul.children li {
  border-top: none;
  }

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 {
  color: #333366; }

.dark p {
  color: #787878; }

.featured-product:hover .product-bg {
  opacity: 0; }

.featured-product:hover .product-text {
  opacity: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: underline;}

#contactusinfo {
  padding: 5px 5px 8px 15px;} 

#culine{
  padding: 5px 25px;}

.line{
	border-top: 2px solid #CCC;}

.pdchattext  {
	font-weight: bolder;
	color: #fff;}

.pdchattext:hover  {
	cursor: pointer;
	font-weight: 100;}

.chat:hover  {
	text-decoration: underline;
	text-decoration-color:#4aa8a8;
	cursor: pointer;
}

.chatbutton {
	box-sizing:border-box;
	color: #000;	
	cursor:pointer;
	display:inline-block;	
	font-weight: 700;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
	border: solid 2px #000;
}

.chatbutton:hover  {
	color: #fff;
	background-color: #000;
	border: solid 2px #fff;
}

.mediumchatText {
	font-family: Marcellus SC,helvetica,arial,sans-serif;
	font-size: 1em;
	color: #333366;
	line-height: 1.4em;}

.mediumchatText:hover  {
	text-decoration: underline;
	text-decoration-color: #333366;
	cursor: pointer;
	font-weight: 400;}

.largechattext  {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  color: #4d40b3;
  text-align: center;}

.largechattext:hover  {
	cursor: pointer;
	color: #1300e8;}

.largetext  {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  color: #333366;
  text-align: center;}

#indent1 {
  padding: 15px 0 8px 45px;}

.mediumText {
	font-family: Marcellus SC,helvetica,arial,sans-serif;
	font-size: 1em;
	color: #333366;
	line-height: 1.4em;}

#indent1 .mediumText a {
	color: #333366;}

#indent1 .mediumText a:hover {
	color: #333366;
	text-decoration: underline;
	text-decoration-color: #333366;}	

.bulletedText {
	color: #787878;}

#indent1 .bulletedText a {
	color: #787878;}

#indent1 .bulletedText a:hover {
	color: #000;}

.pagination {
  height: .7em;}

.supercaption, .supercaption a {
  font-family: Marcellus SC,helvetica,arial,sans-serif; 
  color:#000;
  text-shadow: none;
  background: transparent!important;}

.supercaption a:hover {
    color: #787878;}

  #submit.alert, button.alert, .button.alert, input[type="submit"].alert {
    background-color: #641e36;
    border-color: #641e36;
    color: #fff; }

.alert.is-outline:hover {
    background-color: #641e36;
    border-color: #fff;
    color: #fff;}

.buttonwhite a {
  text-transform: uppercase;
  padding: 20px;
  background: #641E36;}

.large-6 .ux_banner {
  font-size: 18px;
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  margin: 0 120px;}

.subcat {
   line-height: 2rem;}

#subcatimgtwomob {
   display: none;} 

#subcatssmob {
   display: none;}

@media only screen and (min-width: 48em) {
  .large-3 {
    width: 20%;}

  .large-9 {
  width: 80%;}
}


/* additional jd div styling */

.lpimage {
   padding-bottom: 10px;}

h1.sswhite, h2.sswhite {
  color: #fff;
  padding-bottom: 15px;}

h3.gridblk a, h3.gridblk a:hover {
  color: #000;
  text-decoration: none;}

.gridwhite {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 300%; 
  color: white;
  line-height: normal;}

.gridwhitelg {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 325%; 
  color: white;
  line-height: normal;
  font-weight: 500;
}

.gridwhitesm {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 175%; 
  color: #FFFFFF;
  line-height: normal;
}

.gridholidaysm {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: normal;
}

.gridbluesmerlp {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #333366;
  line-height: normal;
}

.gridblue {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 200%; 
  color: #333366;
  line-height: normal;
}

.gridblue a {
  color: #333366;
}

.gridbluesssm {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 280%; 
  color: #333366;
  line-height: normal;
}

 .gridbluelg {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 325%; 
  color: #333366;
  line-height: normal;
  font-weight: 500;
}

.gridbluesm {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #333366;
  line-height: normal;
}

.npdialpg1i3t1{
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #333366;
  line-height: normal;
  padding-right: 18px;
}
.npdialpg1i3t2{
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #333366;
  line-height: normal;
  padding-right: 2px;
}
.npdialpg1i3t3{
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #333366;
  line-height: normal;
}

.npgemlpg1i3{
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 170%; 
  color: #333366;
  line-height: normal;
}

.subcatssblue {
  font-family: Marcellus SC,helvetica,arial,sans-serif;
  font-size: 200%; 
  color: #333366;
  text-transform: uppercase;
  line-height: normal;
}

h1.lptextbox,h2.lptextbox,h3.lptextbox,h4.lptextbox,h5.lptextbox,h6.lptextbox {
   font-size: 100%; 
   text-transform: uppercase; 
   text-align: center;
   }

h1.lptextboxalt,h2.lptextboxalt,h3.lptextboxalt,h4.lptextboxalt,h5.lptextboxalt,h6.lptextboxalt {
   font-size: 100%; 
   text-transform: uppercase; 
   text-align: center;
   padding-top: 20px;
   }

#textboxone {
   height: 725px;
   background-image: url(../text-box.html);
   margin-top: 15px;
   overflow: auto;
   }

#textboxonepup {
   height: 725px;
   background-image: url(../text-box.html);
   overflow: auto;
   }

#textboxtwo {
   height: 725px;
   background-image: url(../text-box.html);
   margin-top: 15px;
   overflow: auto;
   }

#textboxtext {
   padding: 50px 75px;
   }

#textboxoneHPtext {
   padding: 20px 20px 0;
   }

#textboxtwoHPtext {
   padding: 75px;
   }

#textboxoneJLPtext {
   padding: 50px 60px 40px;
   }

#textboxtwoJLPtext {
   padding: 40px 40px;
   }

#textboxoneNLPtext {
   padding: 20px;
   }

#textboxtwoNLPtext {
   padding: 20px 30px 20px;
   }

#textboxoneNPLPtext {
   padding: 45px;
   }

#textboxtwoNPLPtext {
   padding: 85px;
   }

#textboxNPDIAtext {
   padding: 20px;
   }

#textboxoneNPPSNLPtext {
   padding: 50px 75px;
   }

#textboxoneRLPtext {
   padding: 40px 50px;
   }

#textboxtwoRLPtext {
   padding: 75px;
   }

#textboxoneELPtext {
   padding: 75px;
   }

#textboxtwoELPtext {
   padding: 75px;
   }

#textboxoneBLPtext {
   padding: 30px;
   }

#textboxtwoBLPtext {
   padding: 30px;
   }

#textboxoneERLPtext {
   padding: 50px 60px;
   }

#textboxtwoERLPtext {
   padding: 70px 80px;
   }

#textboxoneWRLPtext {
   padding: 30px 45px;
   }

#textboxtwoWRLPtext {
   padding: 75px;
   }

#textboxoneCJLPtext {
   padding: 60px 75px 75px;
   }

#textboxtwoCJLPtext {
   padding: 40px 60px;
   }

#textboxoneDLPtext {
   padding: 50px 75px 50px;
   }

#textboxtwoDLPtext {
   padding: 75px;
   }

#textboxoneSLPtext {
   padding: 75px;
   }

#textboxtwoSLPtext {
   padding: 75px;
   }

#textboxoneJMLPtext {
   padding: 35px 40px 35px;
   }

#textboxtwoJMLPtext {
   padding: 60px 60px 40px;
   }

#textboxholiday {
   height: 625px;
   background-image: url(../holiday-2015-text-box-710x625.html);
   overflow: auto;
   }

#textboxholidaytext {
   padding: 100px;
   }

p.hlptextboxhdr {
   font-family: Marcellus SC,helvetica,arial,sans-serif!important;
   color: #ffffff;
   font-size: 100%; 
   text-transform: uppercase; 
   text-align: center;
   }

p.hlptextbox {
   color: #ffffff;
   text-align:center;   
   }

p.htylptextbox {
  font-family: Marcellus SC,helvetica,arial,sans-serif!important;
  color: #ffffff;
  font-size: 85%;
  text-transform: capitalize;
  font-stretch: extra-expanded;
  text-align:center;   
  }

.hlphdr{
  font-family: Marcellus SC,helvetica,arial,sans-serif!important;
  font-size: 120%;
  color: #801A3F;   
  text-transform: uppercase; 
  text-align: center;
}

.lphdr{
  font-family: Marcellus SC,helvetica,arial,sans-serif!important;
  font-size: 120%;
  color: #333366;   
  text-transform: uppercase; 
  text-align: center;
}

.article-black{
  color:#000000;
  padding-top: 25px;
  font-weight: 600;}

/* -- live search style line 2316 -- */
.autocomplete-suggestions {
  background: #fff;
  border: 1px solid #ccc; }

.autocomplete-suggestion {
  background: #fff; }

.autocomplete-suggestion:hover {
  background-color: #fff; }

.flatsome_recent_posts .post-date {
  border-color: #333399;
}

.post-date.large {
    border-color: #333399;
}

.post-date .post-date-day {
  color: #333399;
}

.post-date .post-date-month {
  color: #333399;
}

.product-small .name {
  font-family: Marcellus SC,helvetica,arial,sans-serif!important;
  font-weight: bold;
  color: #666699;
  opacity: .7;
}

.product-small .name:hover {
  text-decoration: underline;
}

.mobile-reachus-row{
   display: none;
}

.mobile-home {
  display: none;
}

.mobile-hide {
  display: block;}

a.filter-button {
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0;}

p.price.product-page-price {
	font-weight: 400;	
	font-size: 1em;}

span.amount {
	font-weight: 400;
	color: #787878;}

span.price {
	font-weight: 400;
	color: #787878;}

/*********************************** YouTubePlayer ***********************************/
.ytcont {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.respons-ytcont {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


@media only screen and (max-width: 48em) {
/************************************ ADD CUSTOM MOBILE CSS HERE  ********************/

.absolute-footer li a {
    padding: 5px 0;}

.gridbluesm {
  font-size: 130%; 
}

.npdialpg1i3t1 {
  font-size: 130%;
  padding-right: 13px; 
}
.npdialpg1i3t2 {
  font-size: 130%;
  padding-right: 0; 
}
.npdialpg1i3t3 {
  font-size: 130%; 
}
.npgemlpg1i3 {
  font-size: 100%; 
}

#textboxone {
   display: none;
   }

#textboxtwo {
   display: none;
   }

#textboxtext {
   display: none;
   }

#textboxoneHPtext {
   display: none;
   }

#textboxtwoHPtext {
   display: none;
   }

#textboxoneJLPtext {
   display: none;
   }

#textboxtwoJLPtext {
   display: none;
   }

#textboxoneNLPtext {
   display: none;
   }

#textboxtwoNLPtext {
   display: none;
   }

#textboxoneRLPtext {
   display: none;
   }

#textboxtwoRLPtext {
   display: none;
   }

#textboxoneELPtext {
   display: none;
   }

#textboxtwoELPtext {
   display: none;
   }

#textboxoneBLPtext {
   display: none;
   }

#textboxtwoBLPtext {
   display: none;
   }

#textboxoneERLPtext {
   display: none;
   }

#textboxtwoERLPtext {
   display: none;
   }

#textboxoneWRLPtext {
   display: none;
   }

#textboxtwoWRLPtext {
   display: none;
   }

#textboxoneCJLPtext {
   display: none;
   }

#textboxtwoCJLPtext {
   display: none;
   }

#textboxoneDLPtext {
   display: none;
   }

#textboxtwoDLPtext {
   display: none;
   }

#textboxoneSLPtext {
   display: none;
   }

#textboxtwoSLPtext {
   display: none;
   }

#textboxoneJMLPtext {
   display: none;
   }

#textboxtwoJMLPtext {
   display: none;
   }

.mobile-reachus-row{
  display: block;
}

.mobile-home {
  display: block;
  }

.mobile-lpimage {
  padding-bottom: 5px;
}

.mobile-lpmenu {
   background:#787878; 
   text-align: center; 
   padding: 15px; 
   margin-bottom: 3px;
}

.mobile-lpmenu a {
   text-transform: uppercase; 
   color:#fff;
}

.mobile-lpmenu-holiday{
   background-image: url(../home-h15-mobile-alt.html);
   text-align: center; 
   padding: 15px; 
   margin-bottom: 3px;
}

.mobile-lpmenu-holiday a {
   text-transform: uppercase; 
   color:#fff;
}

.mobile-hide {
  display: none;
  }

#top-bar .left-text {
  display: none;
  }

#subcatimgtwomob {
  display: block;}


#subcatssmob {
   display: block;}

#textboxholiday {
   background-image: url(../holiday-2015-mobile-text-box.html);
   }

#textboxholidaytext {
   padding: 50px;
   }

}
select#ring_size {
    overflow-y: scroll !important;
}