/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://iccs2023.com/
 Description:  Child theme for the Twenty Twenty-One theme
 Author:       DevCraft Innovations
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* Enqueue parent theme stylesheet */
@import url('../twentytwentyone/style.css');

/* Add your custom styles below */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caprasimo&family=Exo+2:wght@300&family=Inter:wght@100&family=Nanum+Myeongjo:wght@800&family=Open+Sans:wght@300&display=swap');


.site {
    max-width: 980px !important;
	margin-left: auto;
    margin-right: auto;
}

.site-footer > .site-info {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.front-page-row {
	gap: 20px;
	-ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
}

body{
    font-family: Gotham;
    /* background: url('https://img.freepik.com/premium-photo/natural-afzelia-burl-wood-striped-is-wooden-beautiful-pattern-background_185126-2170.jpg?w=2000'); */
    margin: 0 !important;
    padding: 0 !important;
    /* color:white !important; */
    width: 100% !important;
    font-family: 'Open Sans', sans-serif !important;
    background: white !important;
}
header#masthead {
    padding: 0 15px;
    margin: 0 auto;
}

.site-content{
    margin: 0 !important;
}

.site-header{
    padding-bottom: 0 !important;
    padding-top: 40px !important;
}


.main-content{
    margin-top:20px;
}

h1.entry-title {
	font-size: 45px !important;
	font-weight: bold;
}
/* Style for album container */
 /*Style for the album container */
.album {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    width:100%;
}

/* Style for the album title */
.album h3 {
    margin-top: 0;
    font-size: 18px;
}

/* Style for the uploaded by info */
.album p {
    margin-bottom: 10px;
    font-size: 14px;
}

/* Style for the album images */
.album-images {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    margin-top: 10px !important;
}

/* Style for each image container */
.album-image-container {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

/* Style for the image */
.album-image {
    height: auto !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
    transition: -webkit-transform 0.2s ease-in-out !important;
    -o-transition: transform 0.2s ease-in-out !important;
    transition: transform 0.2s ease-in-out !important;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
}

table td {
    border:none;
}

/* Hover effect for the image */
.album-image:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    border-color: #3498db;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.main-container{
    margin-bottom: 20px;
}

.card {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	


    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
	


}



.card-body{
    margin-bottom:20px;
}

.cta-button, .tml-button, .register-button {
    padding: 20px !important;
    color: white !important;
    text-decoration: none !important;
    background: rgb(0, 0, 0);
    -webkit-transition: background 0.3s, border 0.3s;
    -o-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.3s;
    border-radius: 30px !important;
    display: inline-block;
    margin-bottom: 15px;
}

  /* Hover effect for the CTA button */
  .cta-button:hover, .tml-button:hover, .register-button:hover {
    background: transparent;
    border: 1px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
  }


.mt-5{
    margin-top: 7rem!important;
}

i{
    color: rgb(0, 0, 0);
    font-size: 30px;
}

.main-title{
    font-family: 'Exo 2', sans-serif;
}


.typewriter{
    font-size: 15px;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    -webkit-animation: 
      typing 3.5s steps(40, end),
      blink-caret .75s step-end infinite;
            animation: 
      typing 3.5s steps(40, end),
      blink-caret .75s step-end infinite;
  }
  
  /* The typing effect */
  @-webkit-keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
  }
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
  }

  footer{
    margin-top: 50px !important;
  }

  
  .masked-text{
    background: url('https://img.freepik.com/premium-photo/natural-afzelia-burl-wood-striped-is-wooden-beautiful-pattern-background_185126-2170.jpg?w=2000');
    background-size: cover;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }

  .title-banner{
    max-width:90%;
  } 

 .image-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.image {
    max-width: 100%;
    height: auto;
    display: block;
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block; /* Display for larger screens */
    
}
.text-overlay-list {
    
    position: absolute;
    top: 50%;
    left: 0; /* Align to the left */
    -webkit-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
            transform: translateY(-65%);
    width: 100%; /* Extend to full width */
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    text-align: center; /* Center list items horizontally */
    font-weight:600;

}
.text-overlay-list ul {
    padding: 0;
    margin: 0 auto; /* Center list vertically */
}

.text-overlay-list li {
    list-style: none;
    margin-left:15px;
    margin-right:15px;
    font-size: 14px; /* Adjust font size for list items */
}

.text-overlay-list li i {
    margin-right: 5px; /* Adjust spacing between icon and text */
}

.card-text {
    font-size: 20px;
    font-weight: 600;
}

.album-container {
    max-width: 980px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap:1em;
}

.album-container.row {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.album {
  width: 100%;
}
.album-pictures{
	text-align:center;
	width: 70% !important;
}

.album-controls {
	width: 30% !important;
}

#main.site-main{
	padding: 0 15px;
    margin: 0 auto;
}
header.entry-header.alignwide{
	margin-top:20px !important;
}

.homepage-buttons{
    position: absolute;
    top: 75%;
    left: 2%;
    width:100%;
}
/* Menu Front Page*/
.home .site-header.has-menu{
     display:none !important;
} 
.home h4{
	display:none;
}
/* Cuemakers page */
	.custom-template-section h5 {
		display: none;
	}

.manage-album-image-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.manage-album-pictures {
	max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

td.image-item {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

img.album-images {
    max-width: 250px !important;
    max-height: 300px !important;
	width: 100%;
	height: 100%;
}
/* Mobile and Tablet styles */

@media (max-width: 768px) {
    .title-banner{
        margin-bottom:15px;
    }
    
    .text-overlay {
        display: none; /* Hide on small screens */
    }
    
    .image {
        height: auto; /* Reset image height */
        margin-bottom: 50px; /* Increase image margin to push overlay down */
    }
    
    .text-overlay-list {
        display: block;
    }
	a.ecm{
		width:115%;
	}
	a.log-btn{
		width:90%;
	}
    
    i{
    color: rgb(0, 0, 0);
    font-size: 15px;
    }
    .container.text-center {
        padding: 0 15px;
    }

	.home h2{
		display:none;
	}
	.home h4{
		display:block;
	}
	
	h1.entry-title {
		font-size: 45px !important;
	}
	
	.iccs-flyer {
		text-align: center;
	}
/* Cuemakers page */	
	.custom-template-section h4 {
		display: none;
	}
	
	
	.custom-template-section h5 {
		display: block;
	}
}

/* Media query for mobile */
@media (max-width: 576px) {
    .container.text-center {
        padding: 0 10px;
    }
    .cta-button, .tml-button, .register-button {
        width: 100%;
        padding: 10px 5px; /* Adjust the padding for smaller buttons */
		text-align: center;
    }
	
	h1.entry-title {
		font-size: 35px !important;
	}
	
	.entry-content .album-container {
    	-ms-flex-wrap: wrap !important;
    	    flex-wrap: wrap !important;
	}
	
	.album-pictures {
    	width: 100%;
	}
	
	.album-controls {
    	width: 100%;
	}
	
	.front-page-row {
		display: block;
	}
	
	a.ecm {
		width: 100%;
	}
	
	a.log-btn{
		width: 100%;
	}
	
	.album-pictures{
		width: 100% !important;
	}

	.album-controls {
		width: 100% !important;
	}
}
/* Adjust content width */

/* Login Page Changes */

/* Hide Header Title */

.page-id-0 .entry-header {
    display: none;
}

.singular .entry-header{
	padding-bottom: 0 !important;
    margin-bottom: 20px;
}

/* Remove Register Button */
li.tml-register-link {
    display: none;
}


/* Custom Template CSS */

section.custom-template-section {
    margin: 20px;
}

/* Albums Page CSS */



/* Add this CSS to your stylesheet */
.thumbnail-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.thumbnail-item {
    position: relative;
    overflow: hidden;
}

.thumbnail-item img {
    max-width: 100%;
    height: auto;
    display: block;
	width: 100%;
}


.register-exhibiting-cue-makers-and-collectors{
    font-weight: 100;
    margin-bottom: 20px !important;
}