Home CSS - Spanish Site 05-12-22

home.css

h1.is-class {
    font-weight: 100 !important;
}

figure.wp-block-image.is-resized.size-large.connections-logo-banner.is-style-no-border-radius {
    margin-bottom: 3rem;
}

.connections-logo-banner img{
    margin-left: 0;
}

span.nov {
    font-size: 18px !Important;
    line-height: 14px;
}

.until {
    font-weight: 100 !important;
    font-size: 16px !important;
}

h1.s-cls {
    margin-top: -2rem;
}

p.p-her-tag {
    margin-top: -1rem;
}


.hero {
	overflow: hidden;
}

h6.p-hero-tag {
    margin-top: -23px !important;
}

.wp-block-commvault-ticker .ticker-block .wp-block-image img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	opacity: 1.4 !Important;
	width: 200px;
}

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



p.with-cls.has-peacoat-color.has-text-color {
    margin-left: -2px;
}

.wp-container-1.wp-block-buttons {
    margin-left: -6rem !important;
}

.inv_event_dates {
    margin-top: 2rem !important;
}

h1.is-class {
    font-size: 44px!important;
}

.s-cls {
    font-size: 44px !important;
    margin-top: 2rem;
}
    
	.wp-block-brg-gutenberg-slider-block.guttenberg-slide.tns-item {
		padding: 0rem !important;
	}

	.wp-block-brg-gutenberg-slider-container .tns-outer button[data-controls=next], .wp-block-brg-gutenberg-slider-container .tns-outer button[data-controls=prev] {
		display: block !important;
		font-size: 4rem;
		height: 4pc;
		padding: 0;
		position: absolute;!important;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 4pc;
		z-index: 9;
	}

    .wp-block-brg-gutenberg-slider-container .tns-outer .tns-nav {
        bottom: -2rem;
    }
}

.archive-landing--homepage .archive-landing__nav .menu-item a {
	font-size: 20px;
}

.page__home .section__slider-header {
	height: auto !important;
}

.page__home .section__slider-header h1 {
	padding-top: 0;
}

.archive-landing__nav {
	max-width: none !important;
}

.page__home .section__slider-header .wp-block-columns .wp-block-column {
	padding-bottom: 20px;
}

.archive-landing--homepage .archive-landing__nav ul {
	-webkit-box-pack: start;
	-ms-flex-pack: center;
	justify-content: start;
}

@media only screen and (max-width: 833px) {
	.section__awards .wp-block-buttons {
		display: block;
	}

	.section__awards .wp-block-column {
		padding: 1rem;
		text-align: center;
	}

	.section__awards .wp-block-columns {
		display: block;
	}
}

div#tns2-mw .wp-block-group.is-style-horz-text-img.has-white-background-color.has-background {
	padding: 0;
}

p.p-class {
	margin-top: 11px;
}

a.wp-block-button__link.has-peacoat-color.has-text-color {
	font-size: 16px;
}

.is-style-horz-text-img .wp-block-column:first-child {
	padding: 5.625rem 3.40625rem 2.8125rem !important;
}

h3#be-a-ransomware-recovery-superhero-with-commvault-as-your-sidekick {
	color: #0b2e44;
}

h3#gigaom-radar-for-hybrid-cloud-data-protection-for-the-enterprise {
	color: #0b2e44;
}

h3#gigaom-radar-for-hybrid-cloud-data-protection-for-the-enterprise {
	color: #0b2e44;
	margin-bottom: 0.9rem !important;
}

li.wp-block-commvault-card-background.card.card_inner.card--background.card--color-text-priority.card--dark-text {
	padding: var(--spacing-7x);
}

li.wp-block-commvault-card-background.card.card_inner.card--background.card--color-text-priority.card--dark-text {
	padding-top: 25px;
	padding-bottom: 25px;
}

.wp-container-4.wp-block-group.padding-class {
	padding-bottom: 0px;
}

.is-style-horz-text-img .wp-block-image {
	height: 104%;
	padding: 0;
}


@media (max-width: 767px) {

.wp-container-5.wp-block-group.alignfull.mt-minus-xl {
    background-position-x: 15% !important;
}

.wp-block-button.n-btn {
    margin-left: 6rem;
}
    
	.tns-controls {
		display: none !important;
	}


	div#tns2-mw .wp-block-group.is-style-horz-text-img.has-white-background-color.has-background {
		padding: 0;
		height: 500px;
	}

	.page__home .section__customer-quotes .is-style-horz-text-img img {
		margin-left: -1px;
		margin-top: -24px !important;
	}

	.wp-block-brg-gutenberg-slider-container.alignfull.cmv-slider.cmv-slider__nav-overlay-bottom.section__slider-header {
		background-image: none !important;
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 797px) {
 
    
	.wp-block-button.n-btn {
    margin-left: 6rem;
}

	.page__home .section__customer-quotes h3 {
		font-size: 17px;
	}

	div#tns2-mw .wp-block-group.is-style-horz-text-img.has-white-background-color.has-background {
		padding: 0;
		height: 400px;
	}

	.is-style-horz-text-img .wp-block-image {
		height: 110%;
		padding: 0;
	}

	.page__home .section__customer-quotes .tns-controls {
		margin-top: -10rem;
		position: absolute;
		right: 8%;
	}
}

@media screen and (min-device-width: 800px) and (max-device-width: 1000px) {
 
    h1.is-class {
    font-size: 44px!important;
}

.s-cls {
    font-size: 44px !important;
    margin-top: -1rem !important;
}
	.page__home .section__customer-quotes .tns-controls {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 21rem;
		position: absolute;
		right: 14%;
		width: 8pc;
	}

	.page__home .section__customer-quotes h3 {
		font-size: 17px;
	}
}

@media screen and (max-device-width: 540px) {
	.page__home .section__customer-quotes .tns-controls {
		display: none;
	}
}

.ids-container .btn {
	background-color: #ff4a6a;
	background-color: var(--color-raspberry);
	border-radius: 3px;
	border-style: solid;
	border-width: 0;
	color: #fff;
	color: var(--c-text-light);
	font-size: 1.125rem;
	letter-spacing: -.28px;
	line-height: 1.388;
	padding: 0.875rem 2.125rem;
	white-space: break-spaces;
	font-weight: 600;
}

a, a:active, a:focus, a:hover {
	color: #3f74cb;
        /* color: var(--c-link); */;
}

@media screen and (max-device-width: 1120px) {
	.ids-container .title {
		line-height: 21px;
	}

	.ids-container .subtitle {
		line-height: 0px;
		margin-bottom: 15px;
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 797px) {
    
	.ids-container .title {
		line-height: 12px;
	}

	h3#h-data-management-as-a-service {
		font-size: 22px;
	}

	h3#h-a-unified-view-of-all-data {
		font-size: 22px;
	}
}

@media screen and (min-device-width: 800px) and (max-device-width: 1000px) {
    
    
	.ids-container .subtitle {
		line-height: 0px;
		margin-bottom: 10px;
		font-size: 20px;
	}

	.ids-container .title {
		line-height: 25px;
		font-size: 20px;
	}

	ids-container .ids-infographic-text {
		padding: 1% !important;
	}

	h3#h-data-management-as-a-service {
		font-size: 24px;
	}

	h3#h-a-unified-view-of-all-data {
		font-size: 24px;
	}
}

.page__home .section__closing-action {
	background-color: var(--color-peacoat);
}

@media screen and (min-device-width: 1102px) and (max-device-width: 1700px) {
}

@media screen and (min-device-width: 1121px) {
	p.subtitle {
		margin-bottom: 6px !important;
	}

	p.title {
		margin-bottom: 0px !important;
	}

    figure.wp-block-image.size-large.hero-support {
        height: 26.5rem !important;
    }
}

.wp-block-brg-gutenberg-slider-container.alignfull.cmv-slider.cmv-slider__nav-overlay-bottom.section__slider-header {
	background-image: none;
}

div#tns1 {
	height: 600px !important;
}

p.nov-cls {
	margin-top: 73px;
}

.inv_event_dates {
	display: flex;
	align-items: center;
	min-height: 64px;
	margin-bottom: var(--spacing-3x);
}

.inv_event_dates p {
	margin-right: 2rem;
	border-left: 0.2rem solid var(--color-raspberry);
	padding-left: 0.5rem;
	display: grid;
	margin-bottom: 0;
}

.inv_event_dates p span {
	font-size: 1rem;
	line-height: 14px;
}

.inv_event_dates p span:first-child {
	font-size: 1.15rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
}

@media screen and (max-width: 600px) {
	.inv_event_dates {
		display: block;
		margin-bottom: var(--spacing-5x);
	}

	.inv_event_dates p {
		margin-bottom: 1rem;
	}

	.connections-logo-banner figure {
		margin-bottom: 3rem !important;
	}
}

@media (max-width: 48em) {
	.page__home .section__slider-header .wp-block-buttons {
		display: contents;
	}
}

@media screen and (max-width: 768px) {
	.wp-block-brg-gutenberg-slider-container.alignfull.cmv-slider.cmv-slider__nav-overlay-bottom.section__slider-header {
		background-position: calc(10% - 350px);
	}
}

@media screen and (max-width: 425px) {
	h1#be-ready-be-connected-be-inspired {
		font-size: 3rem !important;
	}

	.wp-block-brg-gutenberg-slider-container.alignfull.cmv-slider.cmv-slider__nav-overlay-bottom.section__slider-header {
		background-position: calc(19% - 385px);
	}

	.page__home .section__slider-header p.with-cls {
		max-width: 200px;
		line-height: inherit;
	}

	.wp-block-brg-gutenberg-slider-block.guttenberg-slide.tns-item {
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	ul.wp-block-commvault-cards.cards-wrapper.cards-wrapper--columns-3.card--dark-text.card--align-left li:last-child {
		padding-right: 9rem;
		min-height: 206px;
	}

	.connections-logo-banner figure {
		margin-bottom: 5rem;
	}

	.card {
		width: 100%!important;
		height: 206px;
	}
}

@media screen and ( min-width: 768px ) and ( max-width: 1250px ) {
	.spotlight-digi p {
		max-width: 170px;
	}

	figure.wp-block-image.size-large.hero-support {
		margin-top: 4rem !important;
	}

}

.page__home .section__closing-action {
	background-color: var(--color-peacoat);
}

@media screen and (min-device-width: 768px) and (max-device-width: 769px) {
	span.data_protection__caption.active {
		font-size: 15px;
	}

	p.has-white-color.has-text-color {
		margin-right: 42px !important;
	}

	.page__home .section__customer-quotes h3 {
		font-size: 17px;
		margin-top: -3rem;
	}

	figure.wp-block-image.size-large.case-img {
		height: 451px;
	}

	div#tns2-iw {
		height: 454px;
	}

	.wp-block-button.case-btn {
		margin-left: -4rem !important;
	}

	
	}

	.hero-support {
		margin-top: 42px;
	}
}

@media screen and (min-device-width: 800px) and (max-device-width: 1000px) {
    
	span.data-security__caption {
		font-size: 15px;
	}

	p.has-white-color.has-text-color {
		margin-right: 58px;
	}

	p.three-part {
		margin-right: 30px;
	}

	.page__home .section__customer-quotes h3 {
		font-size: 17px;
		margin-top: -3rem;
	}

	figure.wp-block-image.size-large.case-img {
		height: 451px;
	}

	div#tns2-iw {
		height: 454px;
	}

	
	}

	.hero-support {
		margin-top: 42px;
	}
}