/*
 Theme Name:   Rekam Child
 Theme URI:    http://rekam1.themesawesome.com/
 Description:  Rekam Child Theme
 Author:       Themes Awesome
 Author URI:   http://www.themesawesome.com
 Template:     rekam
 Version:      1.0.0
 Tags:         custom-colors, custom-menu, featured-images, theme-options
 Text Domain:  rekam-child
*/

@import url("../rekam/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
body {
	color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
	color: #FFF;
}
.nowrap {
	white-space: nowrap;
}

body .gallery-caption {
	background: none;
	text-align: center;
}

body [class^='imghvr-fade']:hover > img, 
body  [class*=' imghvr-fade']:hover > img {
	opacity: 1;
}
body .sticky-header-wrap.show {
	display: block;
}
#header nav#primary-menu {
    margin-top: 0;
}
#header.header-expanded  nav#primary-menu {
	margin-top: 30px;
}
body .container.page-title-wrap {
	text-align: center;
    margin-bottom: 50px;
}

.contact-form-style-1 .item-column.clearfix.half {
	width: 49%;
	margin-right: 2%;
}
.contact-form-style-1 .item-column.clearfix.no-mr {
	margin-right: 0;
}
.contact-form-style-1 .contact-bordered input, 
.contact-form-style-1 .contact-bordered textarea {
	background: #1a1a1a;
}
.contact-form-style-1 .contact-bordered input::placeholder,
.contact-form-style-1 .contact-bordered textarea::placeholder {
	color: #ececec;
}
.contact-form-style-1 .center-btn {
	width: 100%;
	text-align: center;
}
.foot-col.item-col-1 .foot-col-item:first-child, .foot-col.item-col-1 .foot-col-item:last-child  {
	display: block;
	margin-left: 0 !important;
    margin-right: 0 !important
}
ul.casting-logos {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%;
}
ul.casting-logos li {
	margin: 0 15px;
}
ul.casting-logos li img {
	border-radius: 10px;
	width: 40px;
}

#header .logo {
	max-width: 175px;
}

.gallery {
    display: inline-flex;
    flex-wrap: wrap;
}
.gallery .gallery-item.mobile-column-1 {
	width: 100%;
	text-align: center;
}
html body {
	--glsr-input-bg: #1a1a1a;
    --glsr-input-color: #fff;
	--glsr-input-radius: 0;
	--glsr-input-b: 1px solid #FFF;
    --glsr-star-empty: url(/wp-content/themes/rekam-child/img/star-empty.svg);
    --glsr-star-error: url(/wp-content/themes/rekam-child/img/star-error.svg);
    --glsr-star-full: url(/wp-content/themes/rekam-child/img/star-full.svg);
    --glsr-star-half: url(/wp-content/themes/rekam-child/img/star-half.svg);
	--glsr-form-success: #00e39b;
	--glsr-label-weight: 500;
}
.glsr-default .glsr-review {
	border: 1px solid #ffffff;
    padding: 25px 25px;
}
.glsr-default .glsr-form-success {
	text-align: center;
}
.glsr-field.glsr-field-rating.glsr-required {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.glsr-default form.glsr-form .glsr-field-toggle {
    display: flex;
    justify-content: CENTER;
    margin-top: 20px;
}
form.glsr-form div[data-field="submit-button"] .is-layout-flex {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
form.glsr-form div[data-field="submit-button"] .wp-block-button__link {
    background-color: #da0e2b;
    width: auto;
    max-width: 100%;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    height: 40px;
    padding-left: 100px;
    padding-right: 100px;
    border-radius: 0px;
}
form.glsr-form div[data-field="submit-button"] .wp-block-button__link:hover {
	color: #000000;
	background-color: #ffffff;
}
.glsr-reviews p.glsr-no-margins {
	text-align: center;
}
.glsr-default form.glsr-form.glsr-review-form input.glsr-input::placeholder, 
.glsr-default form.glsr-form.glsr-review-form textarea::placeholder {
	color: #ececec;
}
.glsr-default .glsr-review-content {
	font-style: italic;
}
.glsr-default .glsr-review-author {
	margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #da0e2b;
}
.glsr-default form.glsr-form.glsr-review-form input.glsr-input, 
.glsr-default form.glsr-form.glsr-review-form select.glsr-select, 
.glsr-default form.glsr-form.glsr-review-form textarea.glsr-textarea {
	min-height: 50px !important;
	border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.glsr-pagination.glsr-ajax-pagination {
    color: #fff;
    text-align: center;
}
.glsr-pagination.glsr-ajax-pagination .nav-links {
    display: flex;
    justify-content: center;
	gap: 15px;
}
.glsr-pagination.glsr-ajax-pagination span.page-numbers.current {
    text-decoration: underline;
    font-weight: bold;
}
.glsr-pagination.glsr-ajax-pagination a {
    color: #fff;
    font-weight: 500;
}

#lightgallery.gallery-columns-5 {
    display: flex;
	justify-content: stretch;
}
#lightgallery.gallery-columns-5 .item-wrap {
	height: 100%;
}
#lightgallery.gallery-columns-5 .item-wrap figure {
	height: 100%;
}
#lightgallery.gallery-columns-5 .item-wrap figure img {
    object-fit: cover;
    height: 100%;
}
#lightgallery.gallery-columns-5 .mobile-column-2.tablet-column-2.gallery-item {
	text-align: center;
    width: 50%;
}

body .elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
    width: 260px;
    max-width: 100%;
}

#footer .footer-wrap {
	border-top: 1px solid #fff;
}
#footer .logo-footer img {
	width: 180px;
}

#footer .footer-bottom .social-footer ul li {
    margin: 0 20px;
}
#footer .footer-bottom .social-footer ul li a {
	font-size: 30px;
}
#footer .copyright-text a {
	text-decoration: underline!important;
}
@media screen and (min-width: 769px) {
/* 	#header nav#primary-menu {
		display: block;	
	} */
	#header .header-clear {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.gallery .gallery-item.tablet-column-3 {
		width: 32%;
	}
	#header .header-clear:before, #header .header-clear:after {
		display: none;
	}
	body .container.page-title-wrap {
		margin-bottom: 80px;
	}
  	#footer .footer-bottom .container > .row {
		text-align: center;
	}
	#footer .footer-bottom .column.column-3 {
		float: none;
		vertical-align: middle;
		width: 33%;
	}
}
@media screen and (min-width: 1024px) {
	#lightgallery.gallery-columns-5 .mobile-column-2.tablet-column-2.gallery-item {
 	   width: 20%;
	}
}
@media screen and (min-width: 1500px) {
	body.elementor-page {
		background-attachment: fixed;
	}
}
@media screen and (max-width: 768px) {
	#header .logo-image, #header .logo-title {
		max-width: 140px;
	}
}
@media screen and (max-width: 1500px) {
	body.elementor-page.page-id-23 {
		background-image: none!important;
	}
}