/* 
 Theme Name:	Asco One
 Theme URI:    	
 Description:  	A Twenty Fourteen Child Theme for those who want a little more.
 Author:       	BM
 Author URI:   	
 Template:     	twentyfourteen
 Version:      	1.0
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
*/







@import url("../twentyfourteen/style.css");






/*
*/
body {
    background: #fff;
}
#main {
	margin: 0;
	padding: 0 0 100px 0;
	position: relative;
	top: 90px;
	width: 100%;
	height: auto;
}

.hentry {
	margin: 0 auto 18px;
}



/* Standards */
:focus {
	/*border: 0 !important;*/
	outline: 0 !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}







a, button, h1, h2, h3, p {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}



::selection {
    background: #fff !important;
    color: #999;
}



::-moz-selection {
    background: #fff !important;
    color: #999;
}















/* Fonts
@font-face {
	font-family: "NueTattoo";
	src: url('css/webfonts/Vtc-NueTattooScript.ttf');
}
*/















/* Color Scheme */

a,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: #333;
}



a:hover {
	color: #333 !important;
}







.site-info a,
.site-navigation a,
.primary-sidebar a,
.primary-sidebar .widget-title {
	color: #333;
}







.site,
.site-header {
	max-width: 100%;
}







.site,
.entry-header,
.entry-content,
.entry-meta,
.page-content,
.site-header,
#secondary,
.site-footer,
.site:before {
	background-color: #fff !important;
}

#secondary {
	border-top: none;
	min-height: auto;
}

.widget-area .widget input,
.widget-area .widget input:focus,
.widget-area .widget textarea,
.widget-area .widget textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	color: #000 !important;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
    color: #999 !important;
    font-weight: 900;
}



.primary-navigation ul ul a,
.primary-navigation ul ul li.focus > a,
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #efefef !important;
	color: #999;
}







.search-box,
.search-toggle,
.search-toggle:hover,
.search-toggle.active,
.primary-navigation li:hover,
.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.primary-navigation ul ul a:hover,
.secondary-navigation a:hover,
.secondary-navigation a:focus,
.widget a:hover,
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.navigation a:hover,
.site-info a:hover,
.entry-title a:hover,
.entry-meta a:hover,
::selection,
input[type="button"],
input[type="reset"],
input[type="submit"],
.logged-in-as a:hover,
.comment-list a:hover,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #efefef !important;
    color: #333 !important;
}

mark, ins {
    background-color: #efefef !important;
    color: #333 !important;
}

input[type="submit"],
input[type="button"],
.woocommerce button.button.alt,
.woocommerce a.button.alt {
    background-color: #efefef !important;
    color: #333 !important;
}

.search-toggle {
	display: none;
}

.nav-menu {
	font-size: 14px;
}

.archive-header,
.page-header {
	margin: 0 0 20px;
}



/* Site-Title */
.site-header {
	background-color: transparent !important;
	position: absolute !important;
	min-height: 90px;
	/*z-index: 9999;*/
}
.primary-navigation,
.header-main {
    min-height: 90px;
}

.site-title a {
	color: #000 !important;
	display: block;
	font-size: 25px;
	margin: 10px 0;
	min-height: 72px;
}
.site-title a span {
	display: none;
}
.site-title a img {
	width: 194px;
	height: 72px;
}
.site-title a:hover {
	background-color: transparent !important;
	color: #ccc !important;
}
#site-navigation a,
.site-description {
	/*font-family: NueTattoo !important;*/
	letter-spacing: 0.15em;
}
.site-description {
	visibility: hidden;
	height: 0;
}
.site-navigation a {
	color: #999;
}
.menu-toggle {
	background-color: #fff;
}
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
	background-color: #fff;
	color: #ccc;
}
.menu-toggle:before {
	color: #000;
}
.primary-navigation.toggled-on {
    padding: 90px 0 36px;
}
.primary-navigation.toggled-on .menu-toggle:before {
	font-family: "Arial";
	font-weight: bold;
	content: "X";
}

.site-navigation.toggled-on a {
	padding: 7px 0 7px 8px;
}




/* Footer */
.site-footer {
	background: transparent !important;
	position: fixed;
	bottom: 0;
	width: auto;
}
.site-info a {
	background: #fff;
}




/* Social Media Menu */
.menu-social-container {
	/*margin-left: 20px;*/
	text-align: center;
}

#menu-social li {
    display: inline-block !important;
}

.secondary-navigation a {
    padding: 10px 10px !important;
}

#secondary {
	/*z-index: 9998 !important;*/
}




/* Pages */
.page-id-9 .entry-title {
	display: none;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    margin: 0 auto;
    max-width: 100% !important;
}

.home .entry-header {
	display: none;
}

.content-area {
    padding-top: 20px;
}



















/* Swiper */
.swiper-container-wrapper {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 150px);
}
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}
.swiper-image {
	background-color: #fff;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.swiper-slide {
	background: transparent;
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	visibility: hidden;
}


.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23eee'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23eee'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
	/*display: none;*/
}
.swiper-pagination.float-right {
	/*display: none;*/
	text-align: right;
	padding-right: 40px;
	position: absolute;
	bottom: 35px;
	left: auto;
	right: 0;
	width: 50%;
}
.swiper-pagination-bullet {
	background: #999;
}
.swiper-pagination-bullet-active {
	background-color: #333;
}











.lightbox-gallery {
	margin-top: 0;
	padding: 0 30px;
}

.card-columns {
	display: inline-block;
	column-count: 5;
	column-gap: 10px;
}
.card-columns .card {
	border: none;
	border-radius: 0;
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
	height: calc(100% - 10px);
	min-height: 100px;
}

.lightbox-gallery .filtr-item {
	opacity: 0;
	cursor: pointer;
	overflow: hidden;
	/*padding: 5px;*/
}
.lightbox-gallery .filtr-item .filtr-item-inner {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.lightbox-gallery .filtr-item img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	filter: grayscale(1);
	transition: all 1s ease;
}

.lightbox-gallery .filtr-item .item-caption {
	background: #f1cfce;
	cursor: text;
	padding: 20px 20px 10px;
	position: absolute;
	bottom: -300px;
	width: 100%;
	/*min-height: 100px;*/
	height: auto;
	transition: all 1s ease;
}

/* css hover */
.lightbox-gallery .filtr-item img:hover,
.lightbox-gallery .filtr-item.active img {
	filter: grayscale(0);
	/*transform: scale(1.1);*/
}
.lightbox-gallery .filtr-item:hover .item-caption {
	bottom: 0;
}
/* js mouseover touchstart */
/*
.lightbox-gallery .filtr-item img.hover {
	filter: grayscale(0);
	transform: scale(1.1);
}
.lightbox-gallery .filtr-item .item-caption.hover {
	bottom: 0;
}
*/

.lightbox-gallery .filtr-item .item-caption h4 {
	font-family: "ButlerMedium";
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 10px;
}



/* Photoswipe */
.pswp__bg {
	background: #333 !important;
}
.pswp__top-bar,
.pswp__caption,
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption,
.pswp__img--placeholder--blank {
	background-color: transparent !important;
}
.pswp__caption__center {
	color: #fff;
	font-family: "ButlerMedium";
	text-align: center !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}























/* contact form 7 */
.wpcf7-captchac {
	margin: 0 0 20px;
}






/* Woocommerce */
.woocommerce .page-title {
	display: none;
}

.woocommerce ul.products li.product h3 {
	font-size: 0.8em;
	white-space: normal;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
	clear: both;
	float: left;
}

.woocommerce .woocommerce-ordering select {
	width: 200px;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
	border-top-color: #999;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before {
	color: #999;
}

.twentyfourteen .tfwc {
	max-width: 100%;
}

div.pp_woocommerce div.ppt {
	display: none !important;
}



.product_list_widget,
.widget_product_categories .cat-item {
	color: #999;
}


.widget_shopping_cart {
	display: none !important;
}
.widget_shopping_cart_content a.button {
	font-size: 10px;
	margin-top: 10px;
}

.woocommerce-page table.cart td.actions input {
	width: 100% !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-weight: 400;
}

.woocommerce div.product form.cart .reset_variations {
	display: block !important;
}






















/* Masonry */
.masonry-brick {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



.masonry-brick a img {
	outline: 1px solid #ddd;
}







.pswp__button.pswp__button--arrow--left:hover,
.pswp__button.pswp__button--arrow--right:hover,
.pswp__button.pswp__button--close:hover,
.pswp__button.pswp__button--fs:hover,
.pswp__button.pswp__button--zoom:hover,
.pswp__button.pswp__button--share:hover {
	background-color: rgba(0,0,0,0) !important;
}





























@media screen and (max-width: 1280px) {
	.card-columns {
		column-count: 3;
	}
}

@media screen and (max-width: 900px) {

	#main {
		position: relative;
		top: 0;
		width: 100%;
		height: auto;
	}
	.site-header {
		position: relative !important;
		min-height: 90px;
	}

}

@media screen and (max-width: 768px) {
	.primary-navigation ul ul a,
	.primary-navigation ul ul li.focus > a {
		background-color: transparent !important;
	}


	.entry-title {
		font-size: 20px;
	}

	.site-footer {
		position: relative;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

	.lightbox-gallery {
		padding: 0 10px;
	}
	.card-columns {
		column-count: 2;
	}

}

@media (max-width: 667px) and (orientation: landscape) {

	.card-columns {
		column-count: 3;
	}
}

@media (max-width: 667px) and (orientation: portrait) {

	.card-columns {
		column-count: 1;
	}
}