@charset "utf-8";
/* CSS Document */

.header-tapes {
	background-image: url("../images/tapes.jpg");
}
.cta-speaker {
	background-image: url("../images/bg-speaker.jpg"); 
}
.bg-404 {
	background-image: url("../images/bg-404.jpg");
}

/* ===================================
    colores
====================================== */

:root {--ca-red: #A41C24;}
:root {--ca-white: #FAF8F6;}
:root {--ca-concrete: #D6D2C8;}
:root {--ca-dark-gray: #3B3A39;}
:root {--ca-dark-red: #631116;}

.bg-ca-red {background-color: var(--ca-red)}
.bg-ca-white {background-color: var(--ca-white)}
.bg-ca-concrete {background-color: var(--ca-concrete)}
.bg-ca-dark-gray {background-color: var(--ca-dark-gray)}
.bg-ca-dark-red {background-color: var(--ca-dark-red)}

.border-color-ca-red {border-color: var(--ca-red)!important}
.border-color-ca-white {border-color: var(--ca-white)!important}
.border-color-ca-concrete {border-color: var(--ca-concrete)!important}
.border-color-ca-dark-gray {border-color: var(--ca-dark-gray)!important}
.border-color-ca-dark-red {border-color: var(--ca-dark-red)!important}

.text-ca-red, .btn.text-ca-red {color: var(--ca-red)}
.text-ca-white, .btn.text-ca-white {color: var(--ca-white)}
.text-ca-concrete, .btn.text-ca-concrete {color: var(--ca-concrete)}
.text-ca-dark-gray, .btn.text-ca-dark-gray {color: var(--ca-dark-gray)}
.text-ca-dark-red, .btn.text-ca-dark-red {color: var(--ca-dark-red)}

/* text size */
.text-ultra-large {font-size: 32px; line-height:38px}

/* button background */
.btn.btn-ca-red {background: #A41C24; border-color: #A41C24; color: #FAF8F6}
.btn.btn-ca-red:hover, .btn.btn-ca-red:focus {background: transparent; border-color: #A41C24; color: #A41C24}

/* button transparent */
.btn.btn-transparent-ca-red {background: transparent; border-color: var(--ca-red); color: var(--ca-red)}
.btn.btn-transparent-ca-red:hover, .btn.btn-transparent-ca-red:focus {background: var(--ca-red); border-color: var(--ca-red); color: var(--ca-white)}
.btn.btn-transparent-ca-dark-gray {background: transparent; border-color: var(--ca-dark-gray); color: var(--ca-dark-gray)}
.btn.btn-transparent-ca-dark-gray:hover, .btn.btn-transparent-ca-dark-gray:focus {background: var(--ca-dark-gray); border-color: var(--ca-dark-gray); color: var(--ca-white)}

/* social icon style (contact) */
.social-icon-style-4 a.social-icon-custom span {background-color: var(--ca-red)}

/* social icon style (footer) (coming soon) */
.social-icon-style-8 a.social-icon-custom:hover, .social-icon-style-9 a.social-icon-custom:hover {color: var(--ca-dark-red) !important}

.social-icon-style-8 a.social-icon-custom:focus, .social-icon-style-9 a.social-icon-custom:focus {color: var(--ca-concrete) !important}

/* footer */
@media (max-width: 767px) {
	.sm-text-center {text-align: center !important}
}

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus {color: #fff !important; background: var(--ca-dark-red); line-height: 42px; display: none; height: 40px; width: 40px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 25%; opacity: .9;}
.scroll-top-arrow:hover {background: #000; opacity: .8; color: var(--ca-white) !important}
.scroll-top-arrow i {line-height: 30px;  position: relative;}

/* project_03 */
@media (max-width: 1199px) {.lg-no-display {display: none;}}

/* testimonial */
@media (max-width: 991px) {.md-no-display {display: none;}}
@media (min-width: 992px) {.no-display-lg {display: none;}}

/*
@media (max-width: 575px) {
	.xs-bg {background-color: yellow;}
}


@media (max-width: 767px) {
	.sm-bg {background-color: red;}
}


@media (max-width: 991px) {
	.md-bg {background-color: green;}
}


@media (max-width: 1199px) {
	.lg-bg {background-color: blue;}
}


@media (max-width: 1600px) {
	.xl-bg {background-color: pink;}
}
*/

/* xs-bg sm-bg md-bg lg-bg xl-bg  */

/* ===================================
    Hamburguer menu -- Ticket support
====================================== */

/*For 3 Stripes Icon*/

.white-link .mobile-toggle span {
	background: var(--ca-white) !important;
}
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span {
	background-color: var(--ca-red) !important;
}

/*For Cross Icon*/

.close-button-menu:after, .close-button-menu:before {
	background: var(--ca-white) !important;
}
.close-button-menu:hover:after, .close-button-menu:hover:before {
	background: var(--ca-red) !important;	
}


/* ===================================
    Gallery overflow -- Ticket support
====================================== */

/*the elements moves to resize because of the scroll bar*/
html { overflow: auto !important; margin-right: 0 !important;}