/*

Theme Name: VOLAREO
Theme URI: #
Author: SKNDAL
Author URI: https://skndal.com
Description: VOLAREO modern custom responsive e-commerce compatible WordPress theme for Volareo/TPG.
Version: 1.0.1
Template: x

*/

@import url("/wp-content/themes/volareo/webfonts.css");
/* Weight mapped to Thin(200) Reg(400) Bold(700) Black(800) */
@import url("/wp-content/themes/volareo/gradients.css");
/* Import gradient sheet */

/*
** GLOBAL
*/
html, body, h1, h2, h3, h4, h5, h6, 
.x-root div, .x-root p, .x-root a, .x-root input, .x-root ul, .x-root li
{
		font-family: 'CeraPro', 'Montserrat', Arial, Helvetica, sans-serif !important;
}

.x-btn, .button, [type="submit"] {
	text-shadow: none !important;
	padding: 15px 30px !important;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
}
.wp-caption, .gallery-item {
	max-width: 100%;
	border: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
}

/*
** HEADER & NAV
*/
body.home .x-navbar {
	background-color: #aa875a !important;
}
body.home .x-brand img {
	-webkit-filter: grayscale(100%) brightness(800%);
	filter: grayscale(100%) brightness(800%);
}
body.home .x-navbar .desktop .x-nav > li > a,
body.home .x-navbar .mobile .x-nav li a {
	color: #fff !important;
}
.x-navbar .mobile .x-nav li>a {
	margin: 0 0 1em;
	border: 0;
	padding: 0;
	color: #fff;
	font-size: 118%;
}
.x-btn-navbar { box-shadow: none; }

.x-header-landmark {
	padding: 20px 0;
	border: 0;
	background-color: #aa875a;
}
.h-landmark, .entry-title.h-landmark {
	font-weight: 700 !important;
	margin: 0;
	font-size: 124%;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1;
	color: #fff;
}

/*
** MAIN CONTENT
*/

.x-iso-container-posts>.hentry .entry-wrap {
	margin: 0 -1px -1px;
	border: 0;
	background-color: #eee;
}
.x-iso-container-posts.cols-2 .entry-wrap { padding: 0; }
.entry-wrap .entry-header, .entry-wrap .entry-content {
	padding: 4% 6%;
}
article.no-post-thumbnail .entry-header { border-bottom: 3px solid #aa875a; }
.entry-wrap .entry-title:before { display: none; }
.entry-wrap .entry-title {
	position: relative;
	margin: 0;
	font-size: 200%;
	line-height: 1.3;
}
body.single-post .entry-wrap .entry-title { font-size: 400%; }

body.single-post .hentry { background: #eee; }
.entry-wrap .entry-featured, .entry-wrap .entry-content {
	margin-top: 0;
}
body.single-post .entry-content *:first-child { margin-top: 0; }
.entry-wrap .entry-featured {
	position: relative;
	border: 0;
	padding: 0;
	background-color: #cc272e;
	height: 28vh;
	min-height: 200px;
	max-height: 380px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.single-post .entry-wrap .entry-featured { height: 6px; min-height: 0; max-height: 15px; }
body.single-post article.no-post-thumbnail .entry-header { border-bottom: 6px solid #aa875a; }
.entry-wrap .entry-thumb { width: 100%; }
.more-link {
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	position:relative;
	padding: 0 5px 0 10px;
	background: #cc272e;
	color: #fff;
	margin-left: 5px;
	text-transform: uppercase;
}
.more-link:hover {
	background: #fff;
	color: #aa875a;
}
.more-link:after { 
	content: '';
	position:absolute;
	left:100%;
	width: 0; 
	height: 0;
	border: solid transparent;
	border-color: transparent;
	border-left-color: #cc272e;
	border-width: 16px;
}
.more-link:hover:after {
	border-left-color: #fff;
}
body.single-post .entry-wrap .entry-footer {
	margin-top: 1.5em;
	padding: 0.6em 6%;
	line-height: 1.4;
	background-color: #ddd;
	font-size: 0.8rem;
}

.x-graphic.x-quote-cite-mark img { border-radius: 100%; }

.vol-hero-product { height: 80vh; width: auto; max-width: initial; min-width: 180px; }
.vol-subs-simple { }
.vol-subs-simple form { margin: 0; display: flex; align-items: center; flex-wrap: wrap; } 
.vol-subs-simple fieldset { display: inline-block; }
.vol-subs-simple fieldset input[type="email"],
.vol-subs-simple fieldset input[type="submit"] {
	margin-bottom: 0; margin-top: 0;
	height: 60px; width: auto;
	font-size: 18px; font-weight: 700;
	border: 0;
}
.vol-subs-simple fieldset input[type="email"] {
	padding: 0 0.65em 0.15em;
	border-right: 0;
	background-color: #fff;
	color: #292d32;
}
.vol-subs-simple .tco-subscribe-form-alert-wrap { flex-basis: 100%; margin-top: 8px; }
.vol-subs-simple .tco-alert { width: fit-content; border-radius: 0; }

/* .vol-subs-musician-full form { margin: 0; display: flex; align-items: center; flex-wrap: wrap; } */
.vol-subs-musician-full fieldset:first-of-type,
.vol-subs-musician-full fieldset:nth-of-type(2),
.vol-subs-ambassador-full fieldset:first-of-type,
.vol-subs-ambassador-full fieldset:nth-of-type(2) { 
	display: inline-block;
	width: 49.3%;
	box-sizing: border-box;
}
.vol-subs-musician-full fieldset:empty,
.vol-subs-ambassador-full fieldset:empty { display: none; }
.vol-subs-musician-full fieldset input[type="text"],
.vol-subs-musician-full fieldset input[type="email"],
.vol-subs-musician-full fieldset input[type="submit"],
.vol-subs-ambassador-full fieldset input[type="text"],
.vol-subs-ambassador-full fieldset input[type="email"],
.vol-subs-ambassador-full fieldset input[type="submit"] { margin-bottom: 15px; }


/*
** FOOTER
*/

.x-colophon.bottom { font-size: 100%; }

.x-colophon.bottom .x-social-global a:hover.telegram { background-color: #0088cc; }

.x-colophon.bottom .x-nav li a {
	display: inline;
	letter-spacing: 0;
	text-transform: uppercase;
	opacity: 1;
	font-weight: 700;
}
.x-colophon.bottom .x-nav li a:hover {
	opacity: 1;
	border-bottom: 2px solid #cc272e;
}

.x-scroll-top {
	border: 4px solid #fff;
	line-height: 17px;
	box-shadow: 0 0 1em rgba(0,0,0,0.35);
}
.x-scroll-top > [data-x-icon] { font-weight: 700; }
.x-scroll-top.in:hover { opacity: 1; cursor: pointer; }
.x-scroll-top:hover { color: #cc272e; background-color: #292d32; }

.x-colophon.bottom .x-colophon-content small { font-size: 30%; }
.x-colophon.bottom .x-colophon-content small a { color: #ff9900; font-weight: 700; }
.x-colophon.bottom .x-colophon-content small a:hover { color: #fff; }

/*
** MISC OVERRIDES
*/
[class*="x-separator"][class*="top"] { top: 1px; }
[class*="x-separator"][class*="bottom"] { bottom: 1px; }

body.single-post.press-releases .h-landmark span { display: none; }
body.single-post.press-releases .h-landmark:before { 
	content:'Volareo Press Releases';
	display: inline-block;
	margin: 0;
	height: auto;
	width: auto;
	font-weight: 700 !important;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1;
	color: #fff;
}

/*
** MOBILE OVERRIDES
*/
@media (max-width: 767px) {
	.vol-hero-product { height: 65vh; width: auto; max-width: initial; min-width: 180px; }
	body.single-post .entry-wrap .entry-title { font-size: 300%; }
}
@media (max-width: 480px) {
	body.single-post .entry-wrap .entry-title { font-size: 200%; }
	.entry-content h1, .entry-content .h1 { font-size: 200%; }
	.entry-content h2, .entry-content .h2 { font-size: 170%; }
	.entry-content h3, .entry-content .h3 { font-size: 148%; }
	.entry-content h4, .entry-content .h4 { font-size: 124% }
	.entry-content h5, .entry-content .h5 { font-size: 118% }
	.entry-content h6, .entry-content .h6 { font-size: 100%; }
	.entry-wrap .entry-header, .entry-wrap .entry-content { padding: 2em 0.65em; }
}
