/*
Theme Name: Meth Child Theme
Theme URI: http://codestag.com/themes/meth
Description: Child theme for customizing Meth.
Version: 1.0
Author: Codestag
Author URI: http://codestag.com/
Template: meth
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url('../meth/style.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;700;800&display=swap');


/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
	background: blue;
}
*/

@media screen and (max-width: 1210px){
	.display-intro .site-branding, .has-header-image .site-branding {
	    width: 250px!important;
	}

	.redes {
	 	float: right;
	}

	.siguenos {
		margin-right: 15px;
	}
}

@media screen and (max-width: 400px){
	.redes {float:none!important;}
}

.main-navigation ul>li>a {
	text-decoration: none;
}


/*Landings*/
#landing {
	font-family: 'Poppins', sans-serif!important;
	font-weight: 400!important;
}

#landing #header {
	padding:60px 0;
}

#landing #header h1 {
	text-transform: uppercase;
	font-size: 20px;
}

#landing #header h2 {
	font-size: 56px;
	font-weight: 500;
	
}

#landing #header .typed {
	font-weight: 600;
}



#landing #header .typed {
	color:#009ed8;
}

#landing #gallery {

}

#landing #testimonial {
	padding:60px 0;
}

#landing #testimonial .item {
	text-align: center;
}

#landing #testimonial .item .img {
	width: 120px;
	height: 120px;
	display: block;
	margin:20px auto;
	background-size: cover;
	border-radius: 50px;
	background-repeat: no-repeat;
}

#thanks {
	padding:60px 0;
}

#gallery .item .img {
	width: auto;
    height: 220px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

#gallery h4 {
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	margin:15px 0;
}

#gallery .owl-prev {
	font-size: 14px;
	color:black;
	margin-right: 20px;
}

#gallery .owl-prev:hover, #gallery .owl-next:hover {
	background-color: transparent;
	color:#009ed8;
}

#gallery .owl-next {
	font-size: 14px;
	color:grey;
	margin-left: 20px;
}

#landing #testimonial .item h2 {
	font-size: 28px;
	margin:0;
}

#landing #testimonial .stars {
	width: 120px;
	display: block;
	margin:10px auto;
}

#landing #testimonial .item p {
	font-weight: 300;
}

#landing #testimonial .item .name {
	font-weight: 300;
	color:#ff5a60;
}


#contact {
	padding:40px 0;
}

#contact h2 {
	text-align: center;
	font-size: 50px;
	margin-bottom: 40px;
}

#contact .btn-submit  input {
	background-color:#009ed8;
	border-radius: 0;
	text-transform: Initial;
	color:#fff;
	font-size: 17px;
	padding:25px;
	font-weight: 300;
	max-width: 80%;
	letter-spacing: 0;
	margin: 0 auto;
	font-family: 'Poppins', sans-serif!important;
	font-weight: 300!important;
}

#contact .form-control {
	background-color:#f3f4f8;
	border:0;
	padding:15px 10px;
	color:#838385;
	font-weight: 300;
	border-radius: 0;
}

#contact h2 span {
	color: #009ed8;
}

#contact #form {

}

footer {
	padding:30px 0;
}

footer ul {
	text-align: center;
	margin-bottom: 30px;
}

footer li {
	display: inline-block;
	margin-right: 30px;
}

footer li:last-child {
	margin-right: 0;
}

footer a {
	color:#393939;
	font-size: 17px;
	font-weight: 500;
}

footer p {
	font-size: 16px;
	color: #dbdbdb;
	font-weight: 400;
	text-align: center;
}



@media screen and (max-width: 768px){
	#landing #header h1, #contact h2 {
	    font-size: 35px;
	}	
}