/*
Theme Name: VMware Blogs
Theme URI: http://vmwareemeablog.com
Description: Custom Wordpress theme for VMware EMEA Blogs
Version: 1.0
Author: Mark Duwe
Author URI: http://prydonian.digital
Tags:
License: Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
License URI: http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US
Text Domain: vmw
*/

/* ------ Language Direction ------ */
[data-langdir="rtl"] {
	direction: rtl !important;
}
[data-langdir="ltr"] {
	direction: ltr !important;
}

/* ------ Body ------ */
body {
	background: #f5f5f5;
	padding: 0;
	margin: 0;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 500;
}
h1.logo {
	line-height: 1 !important;
	margin: 0 !important;
}
strong, b {
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}
em {
	font-family: 'Proxima Nova', sans-serif;
	font-style: italic;
}
.screen-reader-text {
	display: none;
}
header .site-border {
	height: 4px;
	width: 100%;
	background: #aadb1e;
	background: -moz-linear-gradient(left, #aadb1e 0, #006a91 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #aadb1e), color-stop(100%, #006a91));
	background: -webkit-linear-gradient(left, #aadb1e 0, #006a91 100%);
	background: -o-linear-gradient(left, #aadb1e 0, #006a91 100%);
	background: -ms-linear-gradient(left, #aadb1e 0, #006a91 100%);
	background: linear-gradient(to right, #aadb1e 0, #006a91 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aadb1e', endColorstr='#006a91', GradientType=1);
}



/* ------ Off Canvas ------ */
.is-drilldown li {
	width: 100%;
}

/* ------ Main Header ------ */
header.site-header.site-header, .off-canvas {
	background: #717074;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
header.site-header.sticky.is-at-top.is-stuck {
	margin-top: 0 !important;
	z-index: 1001;
}
.admin-bar header.site-header.sticky.is-at-top.is-stuck, .admin-bar .off-canvas.position-right {
	margin-top: 32px !important;
}
.admin-bar .is-open-right header.site-header.sticky.is-at-top.is-stuck {
	margin-top: 0 !important;
}
header.site-header, .datePosted {
	direction: ltr !important;
}
header.site-header .widget {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}
header.site-header .widget li {
	display: inline-block;
}
header.site-header .widget li a {
	padding: 1rem;
	font-size: 1.4rem;
	color: #fff;
	line-height: 57px;
}
header.site-header .widget li a:active, header.site-header .widget li a:hover, header.site-header .widget li.current-menu-item a {
	background: #97969a;
}
.custom-logo {
	max-width: 200px;
	height: auto;
	vertical-align: middle;
	padding: 1rem;
}
.menu {
	width: 100%;
	background: #717074;
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	margin: 0;
	display: inline-block;
	line-height: calc(62px - 2rem);
	padding: 0;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
	min-width: 0;
	transition: background 0.25s linear;
	position: relative;
}
.menu li:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: .7rem 1rem;
	color: #fff;
}
.menu li a {
	color: #fff ;
	padding: 0.5rem 1rem;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-family: 'Proxima Nova', sans-serif;
}
.menu li.current-menu-item a, .menu li.current-post-parent a, .menu li.current-lang a, .menu li.lang-item:hover a {
	background: #111111;
}
.lang-item img {
	vertical-align: baseline !important;
}
body.data-centers nav#top li.data-centers a,
body.digital-workspace nav#top li.digital-workspace a,
body.public-cloud nav#top li.public-cloud a,
body.security nav#top li.security a {
	background: #111111;
}
@media screen and (max-width: 39.9375em) {
	#editMe {
		display: none;
	}
	.custom-logo {
		max-width: 130px;
		height: auto;
		vertical-align: middle;
		padding: 1rem;
	}
	header.site-header .widget li a {
		padding: 0.5rem;
		font-size: 1.2rem;
		color: #fff;
		line-height: 50px;
	}
}
.langSelect {
	position: relative;
}
.langSelect img {
	position: absolute;
	top: 22.5%;
	right: 12.5%;
}

/* ------ Homepage Section Titles ------ */
h2.sectionTitle, h3.sectionTitle, h4.sectionTitle {
	position: relative;
	color: #717074;
	overflow: hidden;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
h2.sectionTitle:after, h3.sectionTitle:after, h4.sectionTitle:after {
	content:"";
	position: absolute;
	display: inline-block;
	height: 2px;
	top: 50%;
	width: 100%;
	margin-right: -100%;
	margin-left: 10px;
	border-top: 1px solid #717074;
}
h4, .h4 {
	margin-bottom: 1rem;
}

/* ------ Carousel ------ */
.noCarousel {
	height: 6rem;
}
.owl-carousel {
	z-index: 0;
}
.owl-dots {
	display: none !important;
}
.owl-prev, .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-75%);
	text-shadow: 1px 1px 0 #000000;
	box-shadow: 1px 1px 0 #000000;
	color: #efefef;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 46px;
	transition: background 0.25s linear;
}
.owl-prev:hover, .owl-next:hover {
	background: rgba(0,0,0,0.5);
}
.owl-prev {
	left: 1rem;
}
.owl-next {
	right: 1rem;
}
.owl-nav div {
	font-family: 'Font Awesome 5 Free';
	border: 2px solid #efefef;
	border-radius: 50%;
}
.owl-carousel a,
.owl-carousel a:hover {
	color: #fefefe;
}
.slideOverlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-75%);
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	color: #fefefe;
}
.slideOverlay h2.h1 {
	text-transform: uppercase;
	font-family: 'proxima_nova_ltsemibold';
	font-weight: 800;
}
@media screen and ( max-width: 39.9375em ) {
	.owl-prev, .owl-next {
		width: 32px;
		height: 32px;
		line-height: 28px;
		transform: translateY(-50%);
	}
	.slideOverlay {
		transform: translateX(-50%) translateY(-50%);
		font-size: 65% !important;
	}
	.slideOverlay p.lead {
		line-height: 1.1 !important;
		margin: 0 !important;
	}
	.slideOverlay h2.h1 {
		line-height: 1.1 !important;
		font-size: 1.1rem !important;
		margin: 0 0 0.15rem 0 !important;
	}
}

/* ------ Default Button ------ */
.button {
	font-family: 'proxima_nova_ltsemibold';
	background: #0095d3;
}
.button:active, .button:hover {
	background: #006fad;
}

/* ------ Posts ------ */
.shadow {
	transition: all 0.25s linear;
}
.shadow:hover {
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
.page-template-template-my-reading-list .shadow,
.page-template-template-my-downloads .shadow {
	border: 1px solid #efefef;
}
.newsbutton {
	background: #fff;
	padding: 0 0.9375rem;
}
.newsfeed, .single .mainEntry, .page .type-page {
	background: #fff;
	min-height: 75vh;
}
.error404 .mainEntry {
	background: #fff;
	min-height: 60vh;
}
.relatedloop .post {
	background: transparent;
}
.page .type-page {
	margin-bottom: 1rem;
}
.home .newsfeed {
	padding: 0 0.9375rem
}
.newsfeed {
	height: 100%;
	transition: all 0.25s linear;
}
.entry-title {
	line-height: 1.1;
	overflow-wrap: break-word;
}
.postContent h4.entry-title {
	padding: 0 0 0 0.28125rem;
	margin-left: 2rem;
	border-left: 1px solid #717074;
	position: relative;
}
.postContent h4.entry-title:before {
	content: '';
	display: block;
	width: 1.5625rem;
	height: 1.5625rem;
	position: absolute;
	top: 0.25rem;
	left: -2rem;
}
@media screen and (max-width: 38em) {
	.postContent h4.entry-title {
		padding: 0;
		margin-left: 0;
		border-left: none;
	}
	.postContent h4.entry-title:before {
		display: none;
	}
}

hr {
	height: 1px;
    background-color: #ed1d61;
    border:none
}

#asset {
	margin-top: 1rem;
}
.ginput_container input {
	margin-bottom: 0;
}
body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0.25rem !important;
}
.authorName {
	padding: 0.9375rem;
	background: #fff;
}
.assetImg {
	max-width: 50%;
	margin: 0.5rem auto;
	display: block;
}
.assetMainImg {
	margin-bottom: 1rem;
}

/* ------ Explore ------ */
.termsLoop .term {
	margin-bottom: 1rem;
	text-shadow: 0 0 1px rgba(0 0 0 0.75);
}
.explore {
	padding: 0.9375rem;
	background-image: url(img/watermark1.png);
	background-size: cover;
	background-position: left bottom;
	transition: all 0.25s linear;
}
.explore a {
	color: #fff !important;
}

.explore h3 {
	padding-bottom: 0.75rem;
	display: inline-block;
}
.explore h3 a {
	padding-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #fff;
}

/* ------ Single Post Headers ------ */
.single .post header h4.entry-title, .single .post header .datePosted, .single .post header a {
	color: #ffffff !important;
}
.single .post header {
	height: 100%;
	padding: 1rem;
}
.single .post header h4.entry-title {
	padding: 0 1rem;
	border-left: 1px solid #ffffff;
	position: relative;
}
.single .post header h4.entry-title:before {
	content: '';
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: -3rem;
	background: #ffffff;
	top: 50%;
	transform: translateY(-50%);
}

.flex-video, .responsive-embed {
	margin-bottom: 0;
}
.single .post .lang, .page .page {
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
}
.single .post .lang.author p {
	margin-bottom: 0.5rem;
}
.single .post .lang.author .avatar {
	border-radius: 50%;
	margin-bottom: 0.5rem;
}
.single .post .lang.author p {
	line-height: 1.1 !important;
}
.bookmark {
	font-size: 2rem !important;
}
.has-tip {
	border: none;
}
.simplefavorite-button, .simplefavorite-button.active {
	opacity: 1 !important;
}
.alignleft {
	float: left;
	margin: 0 0.5rem 0.5rem 0;
}
.alignright {
	float: left;
	margin: 0 0 0.5rem 0.5rem;
}
.aligncenter {
	margin: 0 auto 0.5rem auto;
}

/* ------ Search ------ */
.row.search .column.search {
	padding: 3rem 0.9375rem;
}
.row.search {
	background-color: #5e5d61;
	background-image: url(img/watermark1.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.row.search .input-group {
	margin-bottom: 0;
}
.ajaxSearch h5 {
	margin-top: .5rem
}
.searchwp-highlight {
	font-weight: 600;
	font-style: italic;
}
.searchHelp {
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
	margin-top: 0.5rem;
	background: #fff;
}
.facetwp-facet {
	padding: 0 0.46875rem;
}
.facetwp-checkbox {
	background: none !important;
	padding-left: 0 !important;
}
.facetwp-checkbox:before {
	background: none !important;
	font-family: 'Font Awesome 5 Free';
	content: '\f0c8';
	padding-right: 0.5rem;
}
.facetwp-checkbox.checked:before {
	background: none !important;
	font-family: 'Font Awesome 5 Free';
	content: '\f14a';
	padding-right: 0.5rem;
}
.searchHelp .header {
	background: #717074;
	color: #ffffff;
	padding: 0 0.25rem;
}
.searchHelp .header a {
	color: #fff;
}
.rounded {
	border-radius: 22px !important;
	margin-left: -20px !important;
	padding: .85em 2.2em;
}
.search-field {
	border-radius: 22px 3px 3px 22px !important;
	padding: .5rem 1.2rem;
}
.newsloop .column,
.searchloop .column,
.trendingloop .column,
.relatedloop .column {
	margin-bottom: 1.87rem;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}
.postThumbnail {
	position: relative;
}
.postThumbnail h1 {
	font-size: 4rem;
	position: absolute;
	width: 100%;
	margin: 0;
	top: 50%;
	transform: translateY(-50%)
}
.postThumbnail a h1 i {
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
	transition: all 0.25s linear;
}
.shadow:hover .postThumbnail a h1 i {
	text-shadow: 1px 1px 10px rgba(0,0,0,0.75);
}
.newsloop .column .postThumbnail,
.searchloop .column .postThumbnail,
.trendingloop .column .postThumbnail {
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}
.newsloop .column.post .column,
.searchloop .column.post .column,
.trendingloop .column.post .column {
	background: #ffffff;
	margin-bottom: 0;
}
.home .newsloop {
	margin-top: -6rem;
}
@media screen and ( max-width: 39.9375em ) {
	.home .newsloop {
		margin-top: 1rem;
	}
}
@media screen and (min-width: 40em) {
	.home .newsloop {
		margin-top: -3rem;
	}
}
@media screen and (min-width: 64em) {
	.home .newsloop {
		margin-top: -6rem;
	}
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true], .tabs-title > a:focus, .tabs-title > a[aria-selected=true]:hover {
	background: #717074;
	color: #ffffff;
}
.tabs-title > a, .tabs-title > a:hover {
	color: #717074;
	font-size: 1rem;
	padding: 0.75rem;
}
.logout {
	margin: 1rem;
}

/* ------ Comments ------ */
ol.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.comment-list ul.children {
	list-style: none;
	margin: 0 0 0 0.9375rem;
	padding: 0;
}
ol.comment-list ul.children {
	margin-top: 0.9375rem !important;
}
li.comment {
	margin-bottom: 0.9375rem;
}
.comment .callout {
	margin-bottom: 0 !important;
}
.comment .callout h5 {
	border-bottom: 1px solid #717074;
}

.avatar {
	border-radius: 50%;
}


/* ------ My Account ------ */
.myAccount {
	min-height: 75vh;
}
#myAccount.menu {
	border-top: 1px solid #717074;
	margin-bottom: 1rem;
}
.accountContent {
	border-left: 1px solid #717074;
}
@media screen and (max-width: 39.9375em) {
	.accountContent {
		border-left: none;
	}
}
#myAccount.menu > li > a {
	background: #fff;
	color: #111;
	text-align: left;
	padding: 1rem 1rem 1rem 2.5rem;
	border-bottom: 1px solid #717074;
	font-weight: 900;
}
#myAccount.menu > li:before {
	color: #717074;
}
#myAccount.menu > li.current-menu-item:before, #myAccount.menu > li:hover:before {
	color: #fff;
}
#myAccount.menu > li:hover > a, #myAccount.menu > li.current-menu-item > a {
	background: #717074;
	color: #fff;
}
.no-favorites {
	padding: 0 0.9375rem;
}
h5.entry-title .simplefavorite-button i, h5.entry-title .simplefavorite-button.active i {
	color: #111 !important;
}
.simplefavorites-clear {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1rem 0;
	font-family: inherit;
	padding: 0.85em 1em;
	-webkit-appearance: none;
	border: 1px solid transparent;
	border-radius: 0;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	font-size: 0.9rem;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background-color: #cc4b37;
	color: #fefefe;
}
.simplefavorites-clear:hover, .simplefavorites-clear:focus {
	background-color: #a53b2a;
	color: #fefefe;
}
.downloads {
	padding: 0.9375rem;
}

/* ------ Main Footer ------ */
footer.site-footer {
	background: #717074;
	color: #fff;
	margin-top: 2rem;
	box-shadow: 0 -2px 4px rgba(0,0,0,0.5);
        height: 80px;
}
footer.site-footer .column {
	padding: 0.9375rem;
}
footer.site-footer .widget {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}

footer .site-border {
	height: 4px;
	width: 100%;
	background: #aadb1e;
	background: -moz-linear-gradient(left, var(--color-public-cloud) 0, var(--color-digital-workspace) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-public-cloud)), color-stop(100%, var(--color-digital-workspace)));
	background: -webkit-linear-gradient(left, var(--color-public-cloud) 0, var(--color-digital-workspace) 100%);
	background: -o-linear-gradient(left, var(--color-public-cloud) 0, var(--color-digital-workspace) 100%);
	background: -ms-linear-gradient(left, var(--color-public-cloud) 0, var(--color-digital-workspace) 100%);
	background: linear-gradient(to right, var(--color-public-cloud) 0, var(--color-digital-workspace) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='var(--color-public-cloud)', endColorstr='var(--color-digital-workspace)', GradientType=1);
}

/* ------ Social ------ */
#social {
	position: fixed;
	right: -0.1rem;
	top: 60%;
	transform: translateY(-40%);
	z-index: 1003;
}
#social .menu {
	width: auto;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: column;
	background: transparent;
}
#social .menu li {
	display: block;
	flex: 0 1 auto;
}
#social .menu li,
.sharer a {
	font-size: 2rem;
}
#social .menu li a {
	padding: 0.25rem 0.5rem 0.15rem 0.5rem;
	margin-bottom: 0.25rem;
	background: #717074;
	box-shadow: 2px 0 5px rgba(0,0,0,0.5);
	line-height: 1 !important;
}
@media screen and (max-width: 39.9375em) {
	#social .menu li {
		font-size: 1.5rem;
	}
	#social .menu li a {
		padding: 0.25rem 0.25rem 0.15rem 0.25rem;
		margin-bottom: 0.25rem;
		background: #717074;
		box-shadow: 2px 0 5px rgba(0,0,0,0.5);
		line-height: 1 !important;
	}
}

/* ------ Sitemap ------ */
.sitemap {
	margin-left: 0;
	list-style: none;
}

/* ------ To Top ------ */
#toTop {
	opacity: 0.75;
	display: block;
	line-height: 41px !important;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	background: #717074;
	color: #fff;
}
#toTop:hover {
	opacity: 0.9;
}
#cookies .row {
	background: #717074;
	color: #ffffff;
}
.cookies .button {
	margin: 0.25rem 0;
}
.cookies a {
	color: #fff;
	text-decoration: underline;
}