/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

.header-slogan b, .header-slogan {
	color: #888eff !important;
}

.team-member_image {
    height: 250px;
    width: 250px;
		display: block;
    position: relative;
    overflow: hidden; 
		border: 4px solid #888eff;
    border-radius: 100%;
    margin: 0 auto;
}

.team-member_image img {
		display: block;
   	-webkit-filter: grayscale(100%);
   	filter: grayscale(100%);
}

.team-member_image:hover img {
	-webkit-filter: none;
   	filter: none;
}

.studios-wrapper img {
		-webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}

.team-member_title {
    text-align: center;
    margin-bottom: 0;
    margin-top: 25px;
}

.team-member_title {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
}

.team-member_subtitle {
    text-align: center;
    font-size: 10px;
    letter-spacing: -0.8px;
}

button.btn.btn-default {
		background-color: #888eff;
		border: 0px;
}

.wrap.team-member_wrap {
	display: none;
}

#studio-orbs .wrap.team-member_wrap {
	display: block;
	position: absolute;
	top: -20px;
}

input.placeholder, input::placeholder, textarea.placeholder, textarea::placeholder {
	color: #6A696C;
	font-size: 27px;
	font-weight: 800;
}

.contact-form.outline input[type="text"], .contact-form.outline input[type="password"], .contact-form.outline input[type="number"], .contact-form.outline input[type="email"], .contact-form.outline input[type="tel"], .contact-form.outline select, .contact-form.outline .select-styled, .contact-form.outline textarea, .subscribe-form.outline input[type="text"], .subscribe-form.outline input[type="password"], .subscribe-form.outline input[type="number"], .subscribe-form.outline input[type="email"], .subscribe-form.outline input[type="tel"], .subscribe-form.outline select, .subscribe-form.outline .select-styled, .subscribe-form.outline textarea, .subscribe-widget.outline input[type="text"], .subscribe-widget.outline input[type="password"], .subscribe-widget.outline input[type="number"], .subscribe-widget.outline input[type="email"], .subscribe-widget.outline input[type="tel"], .subscribe-widget.outline select, .subscribe-widget.outline .select-styled, .subscribe-widget.outline textarea {
	border-bottom: 3px solid #6A696C;
	border-radius: 0;
	border-top: unset;
	border-right: unset;
	border-left: unset;
}

.dark-scheme #home-logo, .dark-scheme-logo, .dark-scheme #artist-logo {
	filter: invert(1);
}

.dark-scheme p.subtitle {
	color: #fff !important;
}

.dark-scheme input.placeholder, .dark-scheme input::placeholder, .dark-scheme textarea.placeholder, .dark-scheme textarea::placeholder {
	color: #fff;
	opacity: 1;
}

.dark-scheme .swiper-slide-image {
	filter: invert(100) grayscale(100%);
}

.clb-hamburger-holder {
	color: #fff;
}

.clb-hamburger-holder:hover ._shape {
	color: #888eff !important;
}

.btn-round-light .ion {
	background-color: #888eff;
}

.btn-round-light:hover {
	color: #888eff !important;
}

.btn-round-light:hover .ion {
	background-color: #000 !important;
}

.spotify-container a {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.spotify-container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
	flex-wrap: wrap;
}

footer .site-info-holder {
	text-align: center;
}

.overlay-bg {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

.hamburger-nav-info-item .socialbar {
	display: block !important;
}

.hamburger-nav-info-item .socialbar a {
	color: #000 !important;
}

.hamburger-nav-info-item .socialbar a:hover {
	color: #888eff !important;
}

.hamburger-nav-info-item img {
	width: 90px;
}

#studio-1, #studio-3, #studio-4, #studio-5 {
	opacity: 1;
	position: absolute;
	top: 0;
} 

.elementor-editor-active #studio-1, .elementor-editor-active #studio-3, .elementor-editor-active #studio-4, .elementor-editor-active #studio-5 {
	opacity: 1 !important;
	position: relative;
	top: auto;
}

.hover-scale-img {
	-webkit-mask-image: -webkit-linear-gradient(white, black);
	-webkit-clip-path: content-box;
}

#slider-sport_wrapper .hades .tp-arr-allwrapper {
	display: none !important;
}

#upload-demo-here img {
	cursor: pointer;
}

.upload-demo-message {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	font-size: 14px;
	background: #888eff;
	border-radius: 10px;
	padding: 5px;
	color: #fff;
	opacity: 0.9;
	display: none;
}

.team-member.inner .team-member_title {
	margin-top: 20px;
}

/* popup styles */
.cp_responsive {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.cp-overlay-close {
	right: 90px !important;
	top: 15px !important;
}

.modal-logo img {
	width: 160px;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
}

.modal-logo, .modal-head {
	width: 50%;
	float: left;
	padding: 20px;
}

.modal-head {
	background: #8288f0d6;
	height: 340px;
}

.modal-head h3, .modal-head h4 {
	color: #fff;
	font-family: "Space Grotesk Bold", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 800;
}
.modal-head h3 {
	font-size: 40px;
	margin: 0;
	line-height: 40px;
	margin-top: 10px;
}

.modal-head #mc-embedded-subscribe {
	background-color: #888eff;
	border: 0px;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 150px;
}

.modal-head h4 {
	font-size: 34px;
	line-height: 34px;
	margin: 0;
}

#mc-embedded-subscribe-form {
	margin-top: 20px;
	width: 270px;
}

#mc-embedded-subscribe-form #mce-EMAIL {
	border-radius: 150px;
	background: #fff;
	color: #8288f0;
	font-size: 20px;
}

#mc-embedded-subscribe-form #mce-EMAIL::placeholder {
	color: #8288f0;
	font-size: 20px;
}

.elementor.elementor-23456 {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	background: #fff;
	z-index: 10;
}

.elementor.elementor-23456 #mc-embedded-subscribe-form {
	margin-top: 0px !important;
	width: 100%;
}

.elementor.elementor-23456 #mc-embedded-subscribe-form #mce-EMAIL::placeholder {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}

.elementor.elementor-23456 #mc-embedded-subscribe-form #mce-EMAIL {
	border-radius: 150px;
	background: rgba(0,0,0,0.1);
	color: #000;
	font-size: 20px;
	border: 1px solid;
	padding: 10px 15px;
	width: auto;
	float: left;
}

.elementor.elementor-23456 #mc-embedded-subscribe {
	border-radius: 150px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 19px;
}

footer {
	padding-bottom: 85px;
}

@media only screen and (max-width: 768px) {
	.modal-logo, .modal-head {
		width: 100% !important;
	}
	
	#mc-embedded-subscribe-form {
		margin: 0 auto !important;
		margin-top: 20px !important;
	}
}

/* modal end */

@media only screen and (max-width: 1400px) {
	body .team-member_image {
		height: 180px;
		width: 180px;
	}
}

@media only screen and (max-width: 1024px) {
	.title {
		text-align: center;
	}
	.elementor.elementor-23456 #mc-embedded-subscribe-form #mce-EMAIL,
	.elementor.elementor-23456 #mc-embedded-subscribe {
		width: 100%;
	}
	.elementor.elementor-23456 #mc-embedded-subscribe {
		margin-left: 0;
	}
	.elementor.elementor-23456 #mc-embedded-subscribe-form #mce-EMAIL {
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#site-navigation .mbl-overlay-container {
		display: none !important;
	}
}

@media only screen and (max-width: 910px) {
	body .team-member_image {
		height: 140px;
		width: 140px;
	}
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
	body .team-member_image {
		height: 280px;
		width: 280px;
	}
	.spotify-container.items_12 a {
		flex: 1 0 30%;
	}
	.overlay-bg {
		z-index: 0;
	}
}

@media only screen and (max-width: 694px) {
	.spotify-container.items_12 a {
		flex: 1 0 40%;
	}
	
	.spotify-container.items_4 a {
		flex: 1 0 47%;
	}
	.overlay-bg {
		z-index: 0;
	}
}

@media only screen and (max-width: 580px) {
	.modal-head h3 {
		font-size: 30px !important;
		line-height: 30px !important;
	}
	.modal-head h4 {
		font-size: 24px !important;
		line-height: 24px !important;
	}
	.cp-modal-content {
		border-radius: 30px !important;
	}
	body .cp-overlay-close {
		right: 26px !important;
		top: 25px !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.spotify-container.items_4 a {
		flex: 1 0 32%;
	}
	.header-slogan {
		font-size: 13px;
		max-width: 160px;
	}
	.header-slogan b {
		float: right;
	}
}

@media only screen and (max-width: 320px) {
		
}