/*
	Theme Name: Apartamento Magazine
	Theme URI: http://www.apartamentomagazine.com/
	Description: Apartamento Magazine template
	Version: 2.0
	Author: LLOS&
	Author URI: http://llos.co
	Text Domain: llos
	Domain Path: /lang
*/

/*
.home .hero-image .btn {
	background: transparent;
}
.home .hero-image .btn:hover {
	border-color: white;
	color: white;
	background: black;
}*/

.product-banner .product .summary .bundled_product_title {
	border: 0;
	text-align: left;
}
div.bundled_product_summary:not(.thumbnail_hidden) .details {
	display: block;
	float: left;
}
.single_content {
	padding-top: 20px;
}
.single-article p > span {
	text-indent: 0;
}
.single_content .post-categories {
	margin-top: 2rem;
}

.single-post .products-section,
.single-post .stories-section {
	background: #F5F4EE;
	position: relative;
	z-index: 2;
}
.mejs-container {
	max-width: 700px !important;
	margin: 2rem auto !important;
	display: block !important;
}
.wp-caption {
	width: 100% !important;
}
.wp-caption img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.wp-caption-text {
	font-size: 14px;
    line-height: 1.2;
    text-align: center;
    padding-top: 15px;
	color: #666;
}

/*	VideoJS
	------- */

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{ position: absolute; display: block !important; height: 45px; bottom: 8px; z-index: 100; width: 100%; left: 0; right: 0; margin: auto; background: #fff;}

/* Videojs none */
.vjs-time-divider,
.vjs-default-skin .vjs-duration,
.vjs-default-skin .vjs-seek-handle,
.vjs-default-skin .vjs-current-time,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-play-control:before,
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-fullscreen-control:before,
.vjs-default-skin .vjs-volume-menu-button:before{ display: none}
.vjs-default-skin .vjs-control{ height: 0;}

.vjs-loading-spinner { display: none !important;}

/* Videojs Current time */
.vjs-default-skin .vjs-current-time{ float: none; display: block !important; position: absolute; left: 95px; font-size: 10pt; line-height: 45px; color: #B9B9B9;}

/* Videojs Progressbar */
.vjs-default-skin .vjs-slider{ background: rgba(255, 255, 255, 1);}
.vjs-default-skin .vjs-play-progress{ background: #B9B9B9;}
.vjs-default-skin .vjs-load-progress{ background: #D9D9D9;}
.vjs-default-skin .vjs-progress-control{ height: 45px; top: 0; width: 100%; left: 0; right: 0; margin: auto; padding: 0px 180px;}

/* Videojs Play */
.vjs-default-skin .vjs-play-control{ width: 45px; cursor: pointer; height: 45px; position: absolute; top: 0; left: 40px; background: transparent url('img/c_pause.svg') center center no-repeat; background-size: 100% 100%; z-index: 10;}
.vjs-default-skin .vjs-play-control.vjs-paused{ background: transparent url('img/c_play.svg') center center no-repeat; background-size: auto 100%;}

/* Videojs Mute */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button{ cursor: pointer; float: right; position: absolute; right: 0; background: yellow; width: 45px; height: 45px; top: 0; right: 100px; background: transparent url('img/c_mute_off.svg') center center no-repeat; background-size: 100% 100%;}
.vjs-default-skin .vjs-mute-control.vjs-vol-0{ background: transparent url('img/c_mute_on.svg') center center no-repeat; background-size: auto 100%;}

/* Videojs Fullscreen */
.vjs-default-skin .vjs-fullscreen-control{ cursor: pointer; float: right; position: absolute; right: 0; background: green; width: 45px; height: 45px; top: 0; right: 40px; background: transparent url('img/c_fullscreen.svg') center center no-repeat; background-size: 100% 100%;}

/* Progress bar */
progress{ position: absolute; left: 0; top: 120px; width: 100%; height: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; color: #ddd; z-index: 100; -webkit-transform: initial; -ms-transform: initial; transform: initial;}
progress::-webkit-progress-bar{ background-color: transparent;}
progress::-webkit-progress-value{ background-color: #FFF;}
progress::-moz-progress-bar{ background-color: #FFF;}

/* Gift subscriptions */
form.cart fieldset .jcf-checkbox,
form.cart fieldset label[for="gifting_0_option"],
form.cart fieldset .wcsg_add_recipient_fields,
form.cart fieldset .woocommerce_subscription_gifting_checkbox,
form.woocommerce-cart-form  .product-name fieldset,
.woocommerce-mini-cart fieldset#woocommerce_subscriptions_gifting_field,
.woocommerce-checkout .product-name fieldset {
	display: none!important;
}

.woocommerce-MyAccount-navigation-link--woocommerce-waitlist,
.woocommerce-MyAccount-navigation-link--members-area {
	display: none;
}
.woocommerce-MyAccount-navigation ul {
	margin: 1.6rem auto;
	padding: 0 1.5rem;
	max-width: 1230px;
}

.woocommerce-MyAccount-navigation {
	height: 6rem;
	width: 100%;
	background: #59c263;
	margin-bottom: 6rem;
}
.woocommerce-MyAccount-navigation ul .is-active {
	border: 0;
}
.woocommerce-MyAccount-navigation a {
	font-size: 18px;
	text-transform: lowercase;
	-webkit-transform: none;
    transform: none;
}
.woocommerce-MyAccount-navigation a:hover {
	text-decoration: none;
	-webkit-transform: rotate(5deg) !important;
    transform: rotate(5deg) !important;
}
.head-membership-section img {
	max-width: 200px;
}
.woocommerce-account .woocommerce {
	max-width: none;
	padding: 0;
}
dt.variation-Includes {
	font-weight: normal;
}
.meta-items { 
	list-style: none;
	padding: 0;
}

@media (max-width: 767.98px){
	.woocommerce-MyAccount-navigation {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row;
		flex-flow: row;
	}
}

@media (max-width: 991.98px){
	.woocommerce-MyAccount-navigation {
		overflow-x: auto;
	}
	.woocommerce-MyAccount-navigation ul {
		min-width: 90rem;	
	}
}

@media (min-width: 768px){
	.head-membership-section {
		padding-top: 0;
		padding-bottom: 42px;
	}
	
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background: transparent !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total {
	background: #000 !important;
} 

.mejs-container, .mejs-time {
	color: black !important;
}
.mejs-mediaelement {
	border: 1px solid black;
	border-radius: 10px !important;
}

.mejs-button>button {
	background-image: url(img/mejs-controls.svg) !important;
}
.mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total {
	height: 2px !important;
	top: 14px !important;
}

.mejs-time-handle, .mejs-time-handle-content {
    border: 4px solid black !important;
    cursor: pointer;
    left: 0;
    position: absolute;
    z-index: 11;
    border-radius: 100% !important;
    height: 5px !important;
    top: -3px !important;
}
.mejs-time-float,
.mejs-controls .mejs-time-rail .mejs-time-current {
	display: none !important;
}