/*==== CSS FOR DETAIL NEWS PAGE =====*/

.wr_news { width:100%; margin:0 auto; margin-bottom:10px; max-width:1240px;}
.wr_news .wr_img_top{ width:100%; text-align:center; margin-bottom:10px;}
.wr_news .wr_img_top .img_big {}
.wr_news .wr_img_top .img_big img { max-width:100%; width:100%;}
.wr_news .wr_img_top .text_img { width:100%; padding-top:5px;}
.wr_news .wr_img_top .text_img p { width:100%; margin:0px; padding:0px; line-height:20px;}

.wr_news .wr_title_news { width:100%; padding:20px 0px 10px; margin-bottom:10px; border-bottom:1px solid #e6e5e5}
.wr_news .wr_title_news  h2{ font-size:52px; text-align:left; line-height:60px; margin-bottom:10px; }
.wr_news .wr_title_news  h4{ font-size:18px; text-align:left; line-height:25px; margin-bottom:10px;}

.wr_news .wr_text_news { width:100%}
.wr_news .wr_text_news .wr_text_title { width:100%; border-bottom:1px dashed #dfdfdf; padding-bottom:10px; margin-bottom:10px;}
.wr_news .wr_text_news .wr_text_title .wr_info_left { width:45%; float:left; padding-top:8px;}
.wr_news .wr_text_news .wr_text_title .wr_info_left span { font-size:12px; padding:0px 10px 0px 20px;}
.wr_news .wr_text_news .wr_text_title .wr_info_left span.times {background: url(/claw/sites/default/modules/gallery/images/icon_times.png) no-repeat left center;}
.wr_news .wr_text_news .wr_text_title .wr_info_left span.dateup {background: url(/claw/sites/default/modules/gallery/images/icon_dateup.png) no-repeat left center;}

.wr_news .wr_text_news .wr_text_title .wr_share_social { width:45%; float:right;}
.wr_news .wr_text_news .wr_text_title .wr_share_social .share_social { margin:0 auto; text-align:right; width:100%; margin-top:2px;}
.wr_news .wr_text_news .wr_text_title .wr_share_social .share_social ul{ list-style:none; display:inline-block; padding-right:0px}
.wr_news .wr_text_news .wr_text_title .wr_share_social .share_social ul li{ float:left; margin:0 5px; margin-right:0px}
.wr_news .wr_text_news .wr_text_title .wr_share_social .share_social ul li a img { width:80%; height:80%;}
.wr_news .wr_text_news .wr_text_title .wr_share_social .share_social ul li a:hover{ opacity:0.8}

.wr_news .wr_text_news .text_news { width:100%; line-height:22px;}
.wr_news .wr_text_news .text_news p { margin:0px; padding:0px 0px 10px; line-height:22px;}


.wr_news .wr_more_news { width:100%;}
.wr_news .wr_more_news .title_more_news { font-size:16px; border-bottom:1px solid #e6e5e5; padding:5px 0px; text-transform:uppercase; margin-bottom:10px;}
.wr_news .wr_more_news .title_more_news a{ background: url(/claw/sites/default/modules/gallery/images/plug-sprite.png) no-repeat 85px 5px; padding-right:20px; color:#666}
.wr_news .wr_more_news .title_more_news a:hover { text-decoration:none; opacity:0.8}
.wr_news .wr_more_news .wr_list_news { width:100%; margin:0 auto; background:#0F0;}

.wr_news .wr_more_news .wr_list_news .list_news { margin:0; padding:0; list-style:none;}
.wr_news .wr_more_news .wr_list_news .list_news li { float:left; margin-bottom:10px; }

.wr_news .wr_more_news .wr_list_news .list_news li div { /* text-align:center; */}
.wr_news .wr_more_news .wr_list_news .list_news li img {max-width:100%; vertical-align:middle;}
.wr_news .wr_more_news .wr_list_news .list_news li img:hover { opacity:0.8}

.wr_news .wr_more_news .wr_list_news .list_news li a h2 {font-size:22px; text-align:left; line-height:25px; margin:10px 0px;}
.wr_news .wr_more_news .wr_list_news .list_news li a:hover { text-decoration:none}

.wr_news .wr_more_news .wr_list_news .list_news.clo2 li { width:49%; margin-right:2%;}
.wr_news .wr_more_news .wr_list_news .list_news.clo2 li:nth-child(2n){ margin-right:0px}

.wr_news .wr_more_news .wr_list_news .list_news.clo3 li { width:18%; margin-right:2%;}
/* .wr_news .wr_more_news .wr_list_news .list_news.clo3 li:nth-child(3n){ margin-right:0px} */

.wr_news_more {display: table; width: 100%; text-align:center; background-color:#f2f3f4; padding:8px 0px;}
.wr_news_more a { width:auto; background: url(/claw/sites/default/modules/gallery/images/plug-sprite.png) no-repeat 60px 5px; padding-right:20px;}
.wr_news_more a:hover { text-decoration:none; opacity:0.8}

@media screen and (max-width: 1260px){
.wr_news { width:96%; padding:0 2%;}/*
.wr_news .wr_title_news { width:96%; padding:20px 2% 10px;}
.wr_news .wr_text_news { width:96%; padding:0px 2%;}*/

}
@media screen and (max-width: 1000px){
.wr_news .wr_title_news  h2{ font-size:42px;line-height:50px;}
}

@media screen and (max-width: 800px){
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li { width:23%; margin-right:2%;}
}

@media screen and (max-width: 768px){
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li { width:30%; margin-right:2%;}
.wr_news .wr_title_news  h2{ font-size:32px;line-height:40px;}
.wr_news .wr_text_news .wr_text_title .wr_share_social .share_social ul li a img { width:50%; height:50%;}
.wr_news .wr_text_news .wr_text_title .wr_info_left { width:100%; float:left; padding-top:8px;}
.wr_news .wr_text_news .wr_text_title .wr_share_social { width:100%; float:right;}
}
@media screen and (max-width: 600px){
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li { width:48%; margin-right:2%;}
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li:nth-child(2n){ margin-right:0%}
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li:nth-child(3n){ margin-right:2%}
.wr_news .wr_more_news .wr_list_news .list_news li a h2 {font-size:18px; text-align:left; line-height:25px; margin:10px 0px;}
}

@media screen and (max-width: 360px){
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li { width:99%; margin-right:0%;}
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li:nth-child(2n){ margin-right:0%}
.wr_news .wr_more_news .wr_list_news .list_news.clo3 li:nth-child(3n){ margin-right:0%}
.wr_news .wr_more_news .wr_list_news .list_news li a h2 {font-size:16px; text-align:left; line-height:25px; margin:10px 0px;}

}
.wr_imgs_hv {
    cursor: pointer;
    position: relative;
}
.nut_play, .video_icon {
    background: url("/claw/sites/default/modules/gallery/images/play_click.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: none;
    height: 32px !important;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 999;
}
.wr_imgs_hv:hover .nut_play, .wr_imgs_hv .video_icon {
    display: block;
}

/*==== CSS FOR GALLERY =====*/
.wr_list_news .list_news .galThumb{cursor:pointer;}
.wr_list_news .list_news .gallery{ display:none;}

 #lightGallery-Gallery.open .lightGallery-slide {
    padding-bottom: 160px;
    box-sizing:border-box;
}
.showThumbByDefault #lightGallery-Gallery.open .lightGallery-slide {
    padding-bottom: 120px;
}
.showThumbByDefault #lightGallery-Gallery .thumb_cont .thumb_info{
    display:none;
}
/*/ actions */
.showThumbByDefault #lightGallery-action {
    position: static;
}
.showThumbByDefault #lightGallery-action a {
    margin-top: -14px !important;
    position: absolute;
    top: 50%;
    z-index: 9999999;
    background-color: transparent;
    font-size: 28px;
}
.showThumbByDefault #lightGallery-action a#lightGallery-prev {
        left: 17px;
    }
    .showThumbByDefault #lightGallery-action a#lightGallery-next {
        right: 17px;
    }
    .localVideo #lightGallery-action {
    position: static;
}
 
 
 
/*/ remove zoom effect of image */
.showThumbByDefault #lightGallery-Gallery .lightGallery-slide .object{
    transform: scale3d(1, 1, 1) !important;
    -moz-transform: scale3d(1, 1, 1) !important;
    -ms-transform: scale3d(1, 1, 1) !important;
    -webkit-transform: scale3d(1, 1, 1) !important;
    -o-transform: scale3d(1, 1, 1) !important;
}
/*/ transparent background */
.showThumbByDefault#lightGallery-outer{
    background-color: rgba(0, 0, 0, 0.75);
}

.content-left-puppy .galThumb {
    line-height: 200px;
    text-align: center;
}

/*#lightgallery {
    float: left;
    margin-left: -5px;
    margin-top: 10px;
    padding: 0;
}
.content-custom ol, .content-custom ul {
    padding-left: 18px;
} 

.content-left-puppy {
    
    width: 100%;
}
.content-left-puppy .galThumb {
    line-height: 200px;
    text-align: center;
}*/



/*puppy detail*/
.content-left-puppy {width: 100%; clear:both; float:left;}
.content-right-puppy {float: right;width: 100%;}
/*.content-right-puppy h1,.puppydetail h1 {color: #30353c;font-size: 36px;font-weight: lighter;margin:0 0 30px 0;text-align: left;text-transform: uppercase;width: 100%;}*/
#lightgallery{float:left;padding:0;margin-top:10px; margin-left:-5px; width:100%}
.content-left-puppy .galThumb {
    float: left;
    line-height: 200px;
    margin: auto;
    text-align: center;
    width: 100%;
    border:1px solid #dfdfdf
}

#lightgallery li {float:left;list-style:none;margin:5px;  border:1px solid #dfdfdf; width:30%;}
.puppydetail p b {float:left; min-width:100px}

.line{float:left; width:100%;/*border:1px solid #eee;*/ margin:10px 0;}