/*
Theme Name: catch fullscreen child theme
Theme URI: https://alhikmaco.com
Description: Additional configuration for catch full screen
Author: ALHIKMA GROUP
Template: catch-fullscreen
Version: 1.0
*/
/* change pause button on video location*/
.custom-header-media .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	border-radius: 50%;
	font-size: 18px;
	font-size: 1.125rem;
	overflow: hidden;
	padding: 10px 16px;
	position: absolute;
	left: 80%;
	bottom: 175px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	z-index: 100;
	margin: 25px;
}
/* mute and unmute button */
.custom-header-media .wp-custom-header-video-button1 { /* Specificity prevents .color-dark button overrides */
	border-radius: 50%;
	font-size: 18px;
	font-size: 1.125rem;
	overflow: hidden;
	padding: 10px 16px;
	position: absolute;
	left: 80%;
	bottom: 300px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	z-index: 100;
}
/* leave space between video and banner */
.custom-header-media video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 85%;
}

/* Banner color change */
/* Secondary Background Color */
.fluid-layout #header-content,
.boxed-layout #header-content .wrapper,
.site-primary-menu.toggled-on,
#tertiary,
#footer-menu-wrapper,
.site-footer {
	background-color: #18344e;
}

@media screen and (min-width: 64em) {
	.search-social-container,
	.site-navigation ul ul,
	.site-navigation ul ul li {
		background-color: #18344e;
	}
}

/* Footer Background Color */
#site-generator {
	background-color: #18344E;
}

/*justify class */
p.justify-class {
  text-align: justify; 
}