/*
 * Slush Pro Custom CSS
 * 
 * Place here your custom CSS. This will keep your custom css when there is a theme update.
 */

body {
	font-family: "Helvetica", "Sans serif";
}
span.entry-author:before,
span.entry-comments-link:before {
	display: inline-block;
	content: "/";
	margin: 0 1em;
}

.entry-time:after {
	display: none;
}

.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after,
.woocommerce #respond input#submit.loading:after {
	right: 0;
	top: 0;
}
/* menu */
.nav-primary {
    padding: 0;
}
/*首頁幻燈片頁去掉header*/
.post-10229 header, .post-10225 header, .post-10227 header {
    display:none;
} 
.post-10229 .entry-content, .post-10225 .entry-content, .post-10227 .entry-content {
margin-top: -40px;
}
/*首頁 css Slider */
.slider_container {
    width: 1140px;
    height: 900px;
    position: relative;
}

.slider_container div {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* 設定動畫週期 */
.slider_container div {
    -webkit-animation: round 18s linear infinite;
            animation: round 18s linear infinite;
}

@-webkit-keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}
@keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}

/* 每張圖片進場時間相隔5秒 */
/*.slider_container div:nth-child(4) {
    -webkit-animation-delay: 7s;
            animation-delay: 7s;
}*/

.slider_container div:nth-child(3) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

.slider_container div:nth-child(2) {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

.slider_container div:nth-child(1) {
    -webkit-animation-delay: 12s;
            animation-delay: 12s;
}

/*  Pause And Restart 當滑鼠移到圖片上時，暫停播放動畫。 */
.slider_container:hover div {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
 
/*隱藏*/
/*左右兩邊的Nest隱藏*/
.single_portfolio_nav, .footer_logo, .zp_footer_logo_area {
	display:none;
}

/*改字型*/
/*.site-footer .footer_logo {
	font-family: Poppins,sans-serif;
  font-weight: 400;
}*/

.site-footer .footer_logo:after { border-top: 0px solid; }
.footer_logo {display: none;}

.title-area h1.site-title::after, .title-area p.site-title::after {
    border-top: 0px solid;
}

/*配色改色（原本是綠的）*/
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	color: #912328 !important; 
}

span.portfolio_item_link {
	background: #912328;
}

.zp-post-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #912328;
	color: #912328;
}

.zp-post-carousel .swiper-button-next:focus,
.zp-post-carousel .swiper-button-next:hover,
.zp-post-carousel .swiper-button-prev:focus,
.zp-post-carousel .swiper-button-prev:hover {
	background-color: #912328;
}

.jp-play-bar,
.jp-volume-bar-value {
	background: #912328;
}

a{color:#912328; }
i{background-color:#912328}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .open>.dropdown-toggle.btn-default, .zp_like_holder .liked, .zp_like_holder:hover, .zpps-post-slider .swiper-button-next:hover, .zpps-post-slider .swiper-button-prev:hover, a:active, a:focus, a:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, li.current-menu-item.current_page_item a {
    color: #912328;}

/*  圖片往前後園按鈕 */
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel.slide i.fa.fa-angle-left, .carousel.slide i.fa.fa-angle-right {
    background: 0 0;
    border: 2px solid #ccc;
}

.fa-angle-left:before {
    color: #ccc;
}
.fa-angle-right:before {
    color: #ccc;
}
/* 圖片往前後園按鈕 位置*/
.carousel-control.left {
    left: -20px;
}
.carousel-control.right {
    right: -20px;
}

/*  圖片居中 */
.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    margin: auto;
}

/*移動下ㄧ個 上一個*/
.single_portfolio_nav, .single_post_nav {
	/*width: 80%;*/
}
		
.single_portfolio_nav .single_nav_prev, .single_post_nav .single_nav_prev {
/*left: 23%;*/
}
.portfolio {
	border-bottom:1px dotted #912328;
	margin-bottom: 80px;
  padding-bottom: 100px;
}
.fa-angle-up:before {
	display:none;
}

.custom-logo {
    margin-top: 20px;
    width: 250px;
    height:68px;
}


/* ipad 前一個 下一個作品 ipad 隱藏 */
@media only screen and (max-width: 768px) {
    .single_portfolio_nav .single_nav_next,
    .single_post_nav .single_nav_next {
        display: none;
    }
    .single_portfolio_nav .single_nav_prev,
    .single_post_nav .single_nav_prev {
        display: none;
    }

    /* 圖片往前後園按鈕 位置*/
    .carousel-control.left {
        left: -50px;
    }
    .carousel-control.right {
        right: -50px;
    }

    .carousel-control .fa-angle-left,
    .carousel-control .fa-angle-right,
    .carousel.slide i.fa.fa-angle-left,
    .carousel.slide i.fa.fa-angle-right {
        border: 0px solid #ccc;
    }
    .fa-angle-left:before {
        width: 60px;
        height: 60px;
		color: rgb(41, 40, 40);
    }

    .fa-angle-right:before {
        width: 60px;
        height: 60px;
		color: rgb(41, 40, 40);
    }
.custom-logo {
    margin-top: -10px;
    width: 175px;
    height: 48px;
}
	.slider_container {
    width: 100%;
    min-height:100%;
	}
	.footer_logo {display: none;}
	.video_externe {
		width: 100%;
		height:auto;
	}
	/*左右兩邊的Nest隱藏*/
.single_portfolio_nav {
	display:none;
}
}

/*mobile 前一個 下一個作品 mobile隱藏 */
@media only screen and (max-width: 500px) {
    .single_portfolio_nav .single_nav_next,
    .single_post_nav .single_nav_next {
        display: none;
    }
    .single_portfolio_nav .single_nav_prev,
    .single_post_nav .single_nav_prev {
        display: none;
    }

    /* 圖片往前後園按鈕 位置*/
    .carousel-control.left {
        left: -40px;
    }
    .carousel-control.right {
        right: -30px;
    }

    .carousel-control .fa-angle-left,
    .carousel-control .fa-angle-right,
    .carousel.slide i.fa.fa-angle-left,
    .carousel.slide i.fa.fa-angle-right {
        border: 0px solid #ccc;
    }
    .fa-angle-left:before {
        width: 40px;
        height: 40px;
				color: rgb(41, 40, 40);
    }

    .fa-angle-right:before {
        width: 40px;
        height: 40px;
				color: rgb(41, 40, 40);
    }
	
	.slider_container {
		max-width: 100%;
	}
	.single_portfolio_nav 	.single_nav_prev,  .single_post_nav .single_nav_prev  {
		display:none;
}
	.custom-logo {
    margin-top: -10px;
    width: 175px;
    height: 48px;
}
	.slider_container {
    max-width: 100%;
    min-height:100%;
	}
	.footer_logo {display: none;}
	.video_externe {
		width: 100%;
		height:auto;
	}
	/*左右兩邊的Nest隱藏*/
.single_portfolio_nav {
	display:none;
}
}