/*

 Theme Name:   Rockstar Theme Child

 Theme URI:    www.startupactive.com

 Description:  Rockstar Theme Child Theme

 Author:       Startup Active

 Author URI:   http://startupactive.com

 Template:     rockstar_theme

 Version:      1.0.0

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  rockstar-theme-child

*/





/* Theme customization starts here

-------------------------------------------------------------- */

a, h1, h2, h3, h4 {

    font-family: 'Open Sans', sans-serif !important;

}

.overlay-scale,

.overlay-scale.open {

    -webkit-transform: none;

    transform: none;

}

.overlay-scale.open { z-index: 9999 !important; }

.overlay-menu ul {

    padding:30px 0 0;

}

figure.effect-ruby p {

    -webkit-transform: translate3d(0,20px,0) scale(1.1);

    -ms-transform: translate3d(0,20px,0) scale(1.1);

    -moz-transform:translate3d(0,20px,0) scale(1.1);

    -o-transform: translate3d(0,20px,0) scale(1.1);

    transform: translate3d(0,20px,0) scale(1.1);

}

figure.effect-ruby:hover p {

    -webkit-transform: translate3d(0,35px,0) scale(1.1);

    -ms-transform: translate3d(0,35px,0) scale(1.1);

    -moz-transform:translate3d(0,35px,0) scale(1.1);

    -o-transform: translate3d(0,35px,0) scale(1.1);

    transform: translate3d(0,35px,0) scale(1.1);

}

.testimonial-success-block h3 {

    font-size: 3.2rem;

    text-transform: none;

}

.testimonial-success-block h2 {

    font-size: 5.7rem;

    text-transform: none;

    padding-bottom:25px;

}

#service-boxes-wrap-2 h3.top-text,

#service-boxes-wrap-2 h4,

.service-wrap h3 {

    text-transform:none !important;

}

#service-boxes-wrap-2 .panel p {

    font-size: 1.4rem;

}

textarea#input_10_7{

     text-transform:none !important;

}

.single-post .story-content p {

    color: #333;

}

@media screen and (min-width: 90.063em) {

#show-site h1.medium-header-trans {

	font-size: 10rem !important;

	font-weight: 600;

}

}



#dark-option .testimonial {

    background-color: #001B2C;

}



.testimonials-block h3 , .testimonials-block h2{ text-transform:none !important; }



@media only screen and (max-width: 40em) {

    .slider-nav {

        min-height: 72px;

    }

    body .bg-contain {

        min-height: 250px;

    }

}



figure.effect-ruby:hover p {

    transform: translate3d(0,35px,0) scale(1.1);

}



.bg-contain {

    background-size: contain !important;

    background-repeat: no-repeat !important;

    width: 100%;

    height: 100px;

    min-height: 350px;

}



#services-popup-1 .limitWidth,

#services-popup-2 .limitWidth,

#services-popup-3 .limitWidth,

#services-popup-4 .limitWidth,

.service-wrap .limitWidth {

    max-width: 100% !important;

}

.header-main.active .logo-bg {

	height:44px;

	transition: all 1s;

}

.header-main .logo-bg {

	transition: all 1s;

}

/* body .header-main.active #nav.bg-on {

	padding-top: 10px;

} */

#footer input[type=submit] {

	margin-top:0;

}



@media only screen and (max-width: 64em) {

	#dark-option .tablet-menu.active {

		background-color: #001628 !important;

	}

	#dark-option .tablet-menu .light-logo {

    	background-color: rgba(0, 22, 40, 0.7) !important;

    }

	.overlay-menu ul li {

		display: block;

		width: 100%;

	}

	.slick-prev, .slick-next {

		width: 66px;

		height: 66px;

		margin-top: -30px;

	}

	.tablet-menu { height: 70px; }

	.tablet-menu.active .logo-bg { height: 60px; }

	.menu-button { margin: 8px 0 0 0; }

}

@media only screen and (min-width: 40.063em) and (max-width:64em) {

	/* body  {border: 1px solid red;} */

	#footer #footer-middle {

		padding-top:50px;

	}

	#team-members-wrap .slick-next, #team-members-wrap .slick-prev {

		height:66px;

		width:66px;

		margin-top:-28px;

	}

	#dark-option .tablet-menu .light-logo {

		background-color: rgba(0, 22, 40, 0.7) !important;

	}

}



body #banner h1#main-heading {

word-spacing: 1px;

}



@media only screen and (min-width: 64.063em) {

body #banner .left-text h1 {

    max-width: 50%;

}

}



@media only screen and (max-width: 40em) {

    #dark-option #why-us p {

        padding: 0.5rem 0 !important;

    }

}



#why-us h3 {

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    text-transform: Capitalize;

}

#why-us h4 {

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 0.5px;

}

#dark-option #why-us p {

    padding: 0.5rem 0.9rem;

    font-size: 1.4rem;

    line-height: 1.8;

}

@media only screen and (max-width: 64em) and (orientation: landscape) {

.overlay-menu ul li:last-child {

	display: block;

}

}