/* 
Theme Name: Crewshield
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Crewshield is a custom child theme of Hello Elementor
Author: Alvin Clint
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */





#ct-main-header {
    position: absolute;
    width: 100%;
    z-index: 999;
}
.ct-gallery .gallery-icon img {
	width: 100%;
	object-fit: cover;
    height: 280px;
}

.ct-pagination .page-numbers {
    padding: 16px 25px;
    border: 1px solid #373737;
    color: #373737;
    font-weight: bold;
    font-size: 20px;
    transition: all 250ms ease-in-out;
}

.ct-pagination .page-numbers:hover, span.page-numbers.current { 
    background-color: #373737;
    color: #fff;
}



/* Tablet above */
@media screen and (min-width: 767px) {
	.ct-gallery .gallery-icon img {
		height: 125px;
	}
}

/* Tablet Only */
@media screen and (min-width: 767px) and (max-width: 1024px) {
	.ct-horizontal-icon-top {
		right: -20px;
		top: -10px;
		left: auto !important;
		bottom: auto !important;
	}
}

/* Desktop only */
@media screen and (min-width: 1025px) {
    #ct-menu .sub-arrow {
        display: none;
    }
	.ct-gallery .gallery-icon img {
		height: 354px;
	}
	
	#scrolling-wrapper {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		display: block;
	}

	 #scrolling-wrapper .scrolling-wrapper-row {
	   display: inline-block;
	 }


	/* Works on Chrome, Edge, and Safari */
	 #scrolling-wrapper::-webkit-scrollbar {
		width: 10px; /* Width of the scrollbar */

	}

	 #scrolling-wrapper::-webkit-scrollbar-track {
		background: var( --e-global-color-accent ); /* Color of the track */
	  border-radius: 30px;
	}

	 #scrolling-wrapper::-webkit-scrollbar-thumb {
		background: #fff; /* Color of the scroll thumb */
	  border-radius: 30px;
	}

	 #scrolling-wrapper::-webkit-scrollbar-thumb:hover {
		background: #fff; /* Color of the scroll thumb on hover */
	}

	/* Works on Firefox */
	 #scrolling-wrapper {
		scrollbar-width: thin; /* Width of the scrollbar */
		scrollbar-color: #fff #fff; /* Color of the thumb and track */
	}

}

/* Tablet and Mobile */
@media screen and (max-width: 1025px) {
  
}

/* Mobile Only */
@media screen and (max-width: 767px) {
	.ct-horizontal-icon-top {
		top: -10px;
		bottom: auto !important;
		left: -20px !important;
	}
	
	.ct-pagination .page-numbers {
		padding: 4px 14px;
		font-size: 18px;
		display: inline-block;
		margin-bottom: 10px;
	}
}