/*
 Theme Name:   Hair Loss Alopecia
 Theme URI:    
 Description:  Hair Loss Alopecia
 Author:       
 Author URI:   
 Template:     gadgetine-theme
 Version:      3.0.8
 Tags: 
 Text Domain:  gadgetine-theme-child
*/

@import url("../gadgetine-theme/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
.dat-menu-wrapper.dat-menu-padding {
    overflow-x: hidden;
}
.sub_title {
     color: #4d6483; font-size: 25.6px !important; float: left; margin-bottom: 0 !important; padding-right: 14px;
     font-weight: bold;
     line-height: 33px;
}
#breadcrumbs {
    margin: 0;
    line-height: 1;
}
.full-block .advert-links a {
    margin: 0 3px;
}
#breadcrumbs > span > span[typeof="v:Breadcrumb"] > a {
    margin-left: 0 !important;
}
span.breadcrumb_last {
    margin-left: 3px;
}
.full-block .social-content a.soc-google_plus-icon {
    background: #dd4b39;
}
.full-block .social-content a.soc-google_plus-icon:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0),
        inset 0 35px 25px -25px rgba(255,255,255,0),
         0 0 0 5px #fff,
         0 0 0 6px #dd4b39;
}
.wpb_single_image .vc_single_image-wrapper {
	display: block !important;
}
/* Archive Page - StartHere*/
.item-header .image-overlay-icons a, .def-panel .panel-title a, .def-panel a.comment-link, .def-panel .medium-article-list, .def-panel a.read-more-link {
	/*display: none;*/
}
.mgb0 {
	margin: 0px;
}
.fs12 {
	font-size: 12px;
}
.social_links_block {
    text-align: right;
}
.page .wpb_wrapper h1 {
    line-height: 34px;
}
.page .wpb_wrapper h2 {
    font-size: 1.6em;
}
.noBorderBottom a{
	border-bottom: none !important;
}
.fs25 {
	/* font-size: 25.6px !important; */
}
.clearfix {
	clear: both;
}
.product-panel-post-review  h3 {
    color: #fff!important;
    padding: 18px 20px;
    margin-bottom: 0px!important;
    background: rgba(0,0,0,0.15);
    text-transform: uppercase;
}
.product-panel-post-review > .wpb_wrapper {
    display: block;
    background: #5B93BB;
    border: 1px solid rgba(0, 0, 0, 0.18);
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 25px;
}
/* added to Custom CSS - 'start here'
.item-header h3 > a {
	font-size: 20.8px;
	line-height: 27.04px;
}
.def-panel .panel-title.alopecias-guide h2 {
	color: #24106a;
	border-bottom: 2px solid #24106a;
}
.def-panel .panel-title.mens-guide h2 {
	color: #3F484F;
	border-bottom: 2px solid #3F484F;
}
.def-panel .panel-title.womens-guide h2 {
	color: #b23b06;
	border-bottom: 2px solid #b23b06;
}
*/
/* End */

/* global VC styles */
.social_links_block {
    text-align: right;
    float: right;
    min-width: 200px;
}
.social_left_block {
    float: left;
    max-width: calc(100% - 200px);
}
.social_left_block .border-left-dotted a {
    line-height: 18px;
    display: block;
}
.social_left_block .border-left-dotted  a i.fa {
    padding-top: 0;
    width: 12px;
}
.social_left_block .border-left-dotted  a i.fa-print {
    padding-right: 10px;
}
h1 {
    line-height: 34px;
}
.wpb_wrapper h2 {
    font-size: 1.6em;
}
.border-left-dotted {
	border-left: 1px dotted #bfbfbf;
    padding-left: 14px;
    width: 150px;
    display: block;
    float: left;
    margin: -3px;
}
.border-left-dotted  a {
    font-size: 12px;
    color: #3f484f;
    border-bottom: 0px !important;
}
.border-left-dotted  a i.fa {
}

.post-article-links {
    display: block;
    margin-bottom: 40px;
    margin-top: 60px;
    border-top: 1px dotted #ccc;
    padding-top: 10px;
}
.post-article-links .item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}

.post-article-links .item .share a {
    color: gray;
}

.post-article-links .item > .item-header {
    max-width: 183px;
}

.post-article-links .item .item-content .category {
    font-size: 13px;
    line-height: 21px;
    color: #b7906e;
}

.post-article-links .item .item-content .title {
    font-size: 18px;
    line-height: 26px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.post-article-links .item .share {
    position: absolute;
    right: 0;
    top: 0;
}
.post-article-links .item .share > i, .post-article-links .item .share > div {
    float: right;
}
.post-article-links .item .share > i {
    opacity: 0.5;
}
.post-article-links .item .share:hover > i {
    opacity: 1;
}
.post-article-links .item .share > div {
    /* display: none; */
    opacity: 0;
    margin-right: -5px;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.post-article-links .item .share:hover > div {
    /* display: block; */
    opacity: 1;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.post-article-links .item .share > i {
    margin-top: 3px;
    cursor: pointer;
    padding-left: 10px;    
}
.post-article-links .item .share:after {
    content: "";
    display: block;
    clear: both;
}
.post-article-links .item .share .social-headers a {
    height: 12px;
    width: 21px;
    font-size: 14px;
    padding: 5px 0;
    line-height: 15px;
}
.article-header.social-headers{
    margin: 0;
    padding: 0;
    border-bottom-width: 0;
}
/* end */


/*
.shortocde-content .article-header {
    border-bottom-width: 0;
    padding-bottom: 0;
    margin: 0;
}
*/

.social-headers + div.wpb_content_element {
    margin-bottom: 2px !important;
    /* margin-bottom: 0px !impportant; */
}
@media only screen and (max-width: 1024px) {
    .border-left-dotted {
       /* display: none;*/
    }
}
@media only screen and (max-width: 600px) {
	.social-headers {
		text-align: left;
	}
    .sub_title {
        margin-top: 20px;
        line-height: 30px;
    }
    .social_left_block , .social_links_block {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .border-left-dotted  {
        display: none;
    }
}


/* product-view-template sidebar */

#sidebar .widget > h3 {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.content #sidebar .widget > ul, .content #sidebar .widget > div {
    border-bottom: 0px;
}
.content #sidebar  .widget {
    margin-bottom: 45px;
}
.content #sidebar .widget-1 {
    margin-bottom: 0px;
}
.product-review-sidebar .medium-article-list1 .item > .item-header {
    width: 143px;
    display: block;
    float: left;
    margin-right: 10px;
}
.product-review-sidebar .widget .tagcloud {
    padding-bottom: 0;
}
.product-review-sidebar .medium-article-list1 .item > .item-content {
    width: calc(100% - 153px);
    display: block;
    float: left;
}
.product-review-sidebar .medium-article-list1 .item:after {
    clear: both;
    content: "";
    display: block;
}
.product-review-sidebar .medium-article-list1 .item {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dotted #ccc;
}
.product-review-sidebar .medium-article-list1 .item:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.product-review-sidebar .medium-article-list1 .item > .item-content h4 {
    margin-bottom: 8px;
    color: #262b2f;
}
.product-review-sidebar .medium-article-list1 .item > .item-content h4, 
.product-review-sidebar .medium-article-list1 .item > .item-content h4 p {
    font-size: 15px;
    font-weight: 500;
    
}
.product-review-sidebar .medium-article-list1 .item > .item-content p {
    font-size: 13px;    
    line-height: 15px;
    margin-bottom: 0;
}
.product-review-sidebar .redirect_link {
    color: #e52e15;
    text-align: right;
    width: 100%;
    margin-top: 15px;
}
.product-review-sidebar .redirect_link a{
    color: #e52e15;
    font-size: 15px;
    text-align: right;
    font-weight: 600;
    border-bottom: 1.5px solid #e52e15;
}

.product-review-sidebar.interview-with-creator h4{
}
.product-review-sidebar.interview-with-creator img {
    border-radius: 50%;
    margin-bottom: 15px;
}
.product-review-sidebar.clinical-data h4::after {
    content:"PDF";
    position: absolute;
    right: 0;
    top: 0;
    background-color: #298ec8;
    color: white;
    font-size: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 300;
    padding: 0 2px;
    line-height: 14px;
}
.product-review-sidebar .noimg-article-list .item  {
    border-bottom: 1px dotted #ccc;   
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.product-review-sidebar .noimg-article-list .item:last-child {
    border-bottom: 0px;
}
.product-review-sidebar .noimg-article-list .item h4 {
    margin-bottom: 5px;
    padding-right: 20px;
}
.product-review-sidebar .noimg-article-list .item:before {
    background-color: transparent;
    font-size: 1.2em;
    font-weight: bold;
    top: 0px;
}
.product-review-sidebar .noimg-article-list .item:first-child:before {
    content: "1";
}
.product-review-sidebar .noimg-article-list .item:nth-child(2):before {
    content: "2";
}
.product-review-sidebar .noimg-article-list .item:nth-child(3):before {
    content: "3";
}
.product-review-sidebar .noimg-article-list .item:nth-child(4):before {
    content: "4";
}

.product-review-sidebar .tagcloud a, .widget .tagcloud a {
    color: #b7906e;
    background-color: #f7f5f2;
    border: 1px solid #e5ded2;
    padding-left: 25px;
    margin-left: 0px;
}
.product-review-sidebar .tagcloud a:before, .product-review-sidebar .widget .tagcloud a:before {
    content: initial;
}
.product-review-sidebar .tagcloud a:after, .product-review-sidebar .widget .tagcloud a:after {
    border: 1px solid #e5ded2;
    left: 10px;
}
.product-review-sidebar .tagcloud a:hover,.product-review-sidebar  .widget .tagcloud a:hover {
    background-color: transparent;
}
.product-review-sidebar .order_cart_btn {
    display: block;
    float: left;
      background: #3aace6;
      background-image: -webkit-linear-gradient(top, #3aace6, #298dc7);
      background-image: -moz-linear-gradient(top, #3aace6, #298dc7);
      background-image: -ms-linear-gradient(top, #3aace6, #298dc7);
      background-image: -o-linear-gradient(top, #3aace6, #298dc7);
      background-image: linear-gradient(to bottom, #3aace6, #298dc7);
      -webkit-border-radius: 3;
      -moz-border-radius: 3;
      border-radius: 3px;
      color: #ffffff;
      font-size: 13px;
      padding: 0 20px 0 40px;
      line-height: 40px;
      border: solid #298dc7 1px;
      text-decoration: none;
      font-weight: 300;
}
.product-review-sidebar .order_cart_btn:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    left: -15px;
    top: 3px;
    background: url('https://www.hairlosstalk.com/wp-content/uploads/2016/02/cart-icon.png');
}
.clear {
    clear:both;
}
.product-review-mobile-responsive { display: none;}
.desktop-responsive { display: block; }
.before-and-after .BAA_wrapper p { margin-top: 10px; }
@media screen and (max-width: 900px) and (min-width: 470px) {
    .desktop-responsive { display: none; }
    .product-review-mobile-responsive { display: block; }
    .product-review-sidebar .redirect_link {
        text-align: left;
    }
    .product-review-mobile-responsive .IWC_wrapper {
        float: left;
        text-align: left;
        padding-left: 20px;
        padding-top: 13px;
        max-width: 300px;
        width: 100%;
    }
    .product-review-mobile-responsive .IWC_wrapper h4 {
        font-weight: bold;
    }
    .before-and-after .BAA_wrapper a { float: left; margin-right: 25px;}
    .before-and-after .BAA_wrapper p { float: left; width: 100%; max-width: 200px; margin: 0;}
    .widget-2 .product-review-sidebar .redirect_link { margin-top: 30px; }
    .content .widget-1  {margin-bottom: 45px; }
}
.mobile-spacer {
        display: none;
    }
@media screen and (max-width: 470px) {
    .desktop-responsive { display: block; }
    .product-review-mobile-responsive { display: none; }
}
@media screen and (max-width: 767px) { 
    .mobile-spacer {
        display: block;
    }
}
/* ends */













/* homepage */
.home .slider-d-1, .home .slider-d-1-1 {
    float: left;
    width: 46%;
    margin-right: 1%;
    margin-bottom: 0;
}
.home .slider-1-desc {
    position: absolute;
    bottom: 15px;
    width: 42%;
    left: 30px;
}
.home .slider-1-desc h1 {
    font-size: 22px;
    color: rgb(94, 94, 94);
}
.home .slider-d-2 {
    float: left;
    width: 22%;
    margin-right: 1%;
    margin-bottom: 0;
}
.home .slider-d-3 {
    float: left;
    width: 30%;
    margin-bottom: 1%;
}
.home .slider-d-4 {
    float: left;
    width: 30%;
}

.slider-d-1-1 {
    display: none;
}
/* 
.home .item-header .image-overlay-icons a{
    display: block;
}
*/
.shortocde-content p iframe {
    max-width: 100%;
}

@media screen and (max-width: 1200px ) {
    .home .slider-d-1-1 {
        display: block;
    }
    .home .slider-d-1,.home  .slider-1-desc {
        display: none;
    }
}
.home .mobile-hero {
    display: none;
    margin-bottom: 20px;
}

@media screen and (max-width: 425px) {
    .home .desk-hero {
        display: none;
    }
    .home .mobile-hero {
        display: block;
    }
    
}
@media screen and (max-width: 768px) {
    .home .home-hair-loss-treatments {
        font-size: 15px;
    }
}
.home figure {
    width: 100%;
}
.home figure img {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .home .main-right-wrapper .vc_col-sm-6 {
        float: right;
    }
}
.homepage-widget h5 {
    margin-bottom: 10px !important;
}
/* ends */

/* posts pagination */
.post-pages {
    padding-top: 20px;
    text-align: right;
}
@media only screen and (max-width: 900px) {
    .post-pages {
        /* text-align: center; */
    }
    .post-pages > p > span, .post-pages > p > a {
        margin-right: 2px;
    }
}
.post-pages span{
    width: 40px;
    line-height: 40px;
    background-color: #99b9c6;
    color: white;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.post-pages > p  {
    line-height: 40px;
}

.post-pages > p > span {
    background-color: #50bae1;
}

.shortocde-content ol, .shortocde-content ul {
    font-size: 14px !important;
}

.menu-shop-treatments {
    border-top-color: #35B3DC !important;
}

.references {
   font-size: 70% !important; 
   color: #b9b8c0;
   line-height: 2;
}


/* Mobile slider */
.ot-mobile-slider .ot-slider-item {
	position: relative;
	border: 1px solid #dcdada;
}
@media only screen and (max-width: 600px) {
	.right.social-content{
	    display:none;
	}
}
.ot-mobile-slider .ot-slider-item h2 {
	color: #fff!important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	font-weight:400;
}