/*
 Theme Name:   Association Cinéma Colisée
 Description:  Colisée corporate Theme
 Author:       SiteOrigin / Alexis Domjan
 Template:     siteorigin-corp
 Version:      1.0.0
 Text Domain:  colisee
*/


/* === Wider screen  === */
.corp-container {
	max-width: 1370px !important;
}


/* === Homepage styles === */
.co-hp-banner h2 {
	color: white;
	text-transform: uppercase;
}

/* === Do not let the border on tablet or smartphone === */
@media screen and (max-width: 1000px) {
   .co-hp-banner {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
}

/* === Borded background right/left in black (help by Siteorigin support) === */

/* On all pages */
.site:before {
	background-color: #121212;
	content: '';
	height: 480px;
	position: absolute;
	width: 100%;
}

/* Different size on homepage */
/*.home .site:before, .page-id-9 .site:before, .page-id-135 .site:before {
   height: 680px;
}*/
.home .site:before {
   height: 680px;
}


.content-area {
	margin: 0 auto;
	background: white;
}

.site-content p a {
   color: #7a0000 !important;
}

.site-content p a:visited {
   color: #7a0000 !important;
}






/* General menu changes 
   ==================== */
@media screen and (min-width: 1201px) {
   .main-navigation {
      position: absolute;
      right: 20px;
      bottom: -34px;
   }
}


.main-navigation ul li {
	/* font-size: 1em !important; */
}

.main-navigation ul li a {
	padding-bottom: 15px !important;
	border-bottom-width: 8px !important;
}

.main-navigation ul li a:hover {
	border-bottom-color: #7a0000 !important;
}

/*.site-header .site-branding {
   padding-left: 10px;
}*/



/* This moves the menu at the bottom on wide view only for desktop view */
/*@media screen and (min-width: 1201px) {
   .home .main-navigation, .page-id-9 .main-navigation, .page-id-135 .main-navigation {
	position: absolute;
	bottom: -482px;
	right: 40px;
   }
}*/

@media screen and (min-width: 1201px) {
   .home .main-navigation {
	position: absolute;
	bottom: -505px;
	right: 40px;
   }
}

.co-hp-banner .sow-slider-image-wrapper {
	/*padding: 0 !important;*/
}

.main-navigation .sow-icon a span {
	transition: color 0.3s ease;
}


.main-navigation .sow-icon a:hover span {
	color: #7a0000 !important;
}:

.link-underline..main-navigation div > ul:not(.cart_list) > li > a {
	border-bottom: 4px solid transparent !important;
}
/*
.home .main-navigation ul li, .page-id-9 .main-navigation ul li, .page-id-135 .main-navigation ul li, .page-id-135 {
	font-size: 1em !important;
}

.home .main-navigation ul li a, .page-id-9 .main-navigation ul li a, .page-id-135 .main-navigation ul li a {
	padding-bottom: 15px !important;
	border-bottom-width: 10px !important;
}

.home .main-navigation ul li a:hover, .page-id-9 .main-navigation ul li a:hover, .page-id-135 .main-navigation ul li a:hover {
	border-bottom-color: white !important; 
}
*/
/*
.home .main-navigation ul li {
	font-size: 1em !important;
}

.home .main-navigation ul li a {
	padding-bottom: 15px !important;
	border-bottom-width: 10px !important;
}

.home .main-navigation ul li a:hover {
	border-bottom-color: white !important; 
}

*/
.co-hp-banner .sow-hero-buttons {
	margin-top: 1rem !important;
}

.main-navigation .sow-icon-container {
	margin-top: 4px;
}


.textwidget p {
   font-size: 1.3em;
}


.textwidget li {
   font-size: 1.3em;
   position: relative;
} 

.textwidget li:before {
   content: '';
   width: 12px;
   height: 12px;
   border: 3px solid #7a0000;
   display: block;
   border-radius: 6px;
   position: absolute;
   background-color: #7a0000;
   left: -20px;
   top: 14px;
}

.textwidget li:hover:before {
}

.textwidget ul {
   list-style: none;
   line-height: 2.6em;
}

.textwidget h3 {
   text-transform: uppercase;
}


.overlap-light .link-underline.main-navigation div > ul:not(.cart_list) > li > a:hover {
   border-bottom: 2px solid white;
}

.overlap-light .current-menu-item a {
   border-bottom: 2px solid white !important;
}  



/* === TICKETACK CUSTOM TEMPLATE === */

/* Removing top margin */
.single .site-header {
   margin-bottom: 0px;
}

.single .corp-content-wrapper {
   padding-top: 60px;
}

/* Adding padding on borders like normal pages */
.single .tkt-wrapper {
   padding: 0 20px 0 20px;
}

.title-section .tkt-section-title {
   border-bottom: none !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
}

.tkt-dark-section h3 {
   border-bottom: none !important;
   font-weight: 700 !important;
   color: white !important;
}

.tkt-dark-section .success-title {
   font-weight: 600 !important;
   color: black !important;
}

/* Footer */

footer .custom-html-widget p {
   font-size: 1em;
   margin-top: 1rem;
}

.textwidget ul li::marker {
}

.footer-menu li {
   text-transform: uppercase;
}
 
/* Margin for the logo on all pages*/
.site-header .site-branding {
  padding-left: 30px !important;
}

.sow-slider-image-wrapper {
   padding: calc(50px + 0px) 2% 50px 30px !important;
   margin: 0 !important;
}


.co-banner h1 {
   font-size: 5em !important;
   line-height: 0.9em !important;
}

.co-banner h4 {
   text-transform: uppercase;
}


/* Films */

.co-container {
    width: 100%; /* Adjust as needed */
    margin: 0 auto 10px auto; /* Center the container */
}

.co-aspect-ratio-box {
    position: relative;
    width: 100%;
    padding-top: 160%; /* 10:4 ratio => (4/10) * 100 */
    overflow: hidden;
}

.co-aspect-ratio-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.co-text-box {
    height: 200px; /* Fixed height for the text box */
    background-color: #000; /* Optional: background for text box */
    padding-top: 10px;
    display: block;
    width: 100%;
    justify-content: center; /* Center text horizontally */
    color: #eee; /* Optional: text color */
    transition: background-color 0.4s ease;
}

.co-text-box-title {
    font-weight: bold;
    text-decoration: none !important;
    font-size: 1.2em;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.co-text-box-screenings {
    font-weight: normal;
    font-size: 0.9em;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
}

.co-container:hover img {
    transform: scale(1.05);
}

.co-container:hover .co-text-box {
    background-color: #7a0000;
}

.co-container-link {
   display: block;
   text-decoration: none !important;
}

.title-section .single-date {
   font-size: 1.4em !important;
}




/* === Single movie template override === */
.single-tkt-event .tkt-wrapper .tkt-section {
   background-color: transparent !important;
   border: none !important;
}


.single-tkt-event .tkt-wrapper .tkt-badge.active {
   background-color: #7a0000 !important;
   border-color: #7a0000 !important;
   border-radius: 0 !important;
}
   
.single-tkt-event .tkt-wrapper .single-date {
   /* font-size: 1.1em !important; */
   color: #333 !important;
}

.cc-button {
  box-sizing: border-box;
  display: inline-block;
  font-family: Montserrat;
  font-weight: 700;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  background-color: #7a0000 !important;
  color: #ffffff !important;
  font-size: 1.3em;
  padding: 0.8em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  /*padding-inline: 2.4em; */
  text-align: center;
  transition: background-color 0.3s ease;
}

.cc-button:hover {
   text-decoration: none !important;
   background-color: #5d0808 !important;
}

/* Remove padding 15px on mobile */

@media screen and (max-width: 500px) {
   .site-content .corp-container {
      padding: 0 0;
   }
   
   #tkt-event .title-section {
      padding: 20px 0 20px 0 !important;
   }
   
   #tkt-event .infos-section {
      padding: 20px 0 20px 0 !important;
   }
   
   #tkt-event .book-section {
      padding: 0px 0 0px 0 !important;
   }
   
   .book-section > .tkt-wrapper {
      padding: 20px 0 20px 0 !important;
   }
}


.pricing-row .tkt-light-badge {
   background-color: #eee !important;
}

/* Styling bons */
.card-header .pass_title {
   color: black !important;
   font-weight: 900 !important;
}

/* Abo Colisée Styling */
.abo-colisee-btn-wrapper {
   margin-top: 3rem; 
   margin-bottom: 0.6rem;
   text-align: center;
}

.abo-colisee-btn,.abo-colisee-btn:visited {
   text-align: center; 
   padding: 1.2rem 2rem; 
   background-color: #222; 
   color: white; 
   font-weight: 900;
   transition: all 0.4s ease;
}

.abo-colisee-btn:hover {
   color: white;
   background-color: #7a0000;
}


.pass-title {
   font-size: 22px !important;
}

.pass-title a, .pass-title a:visited {
   color: #7a0000;
}