/*
 Theme Name:   katodica
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Katodica Estudio
 Author URI:   http://example.com
 Template:     salient
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  salient
*/



/* LINKS */

	.main-content a:link {
		text-decoration: underline;
		color: #222;
		}

/* NAV */

	#header-outer[data-lhe="default"] #top nav > ul > li > a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		font-family: "Roboto Flex", serif;
		font-weight: 400;
	}

/* TYPE */ 

	p {
		font-family: "Roboto Flex", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		line-height: 22px;
	}

	strong {
		font-family: "Roboto Flex", serif;
		font-weight: 700;
	}

	h1 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 48px;
		line-height: 1em;
		letter-spacing: -1px;
	}

	h2 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 38px;
		line-height: 1.25em;
		letter-spacing: -0.5px;
	}

	h3 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 28px;
		line-height: 1.25em;
		letter-spacing: -0.5px;
	}

	h4 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 22px;
		line-height: 1.25em;
		letter-spacing: -0.5px;
	}

	h5 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 14px;
		line-height: 1em;
		text-transform: uppercase;
		padding-bottom: 1em;
		letter-spacing: -0.5px;
	}


	.white h1,h2,h3 {
		color:#FFF;
	}


	.hero h1 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 850;
		font-size: 120px;
		line-height: 0.9em;
		letter-spacing: -0.5px;
		color: #f54747;
	}

	.service h1 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 850;
		font-size: 120px;
		line-height: 0.9em;
		letter-spacing: -0.5px;
		color: #47f578;
	}





	.portfolio-home h2 {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 42px;
		line-height: 1em;
		letter-spacing: -0.5px;
	}

	.portfolio-home p {
		padding-bottom: 0.5em;
		font-family: "Roboto Flex", sans-serif;
		font-weight: 400;
		font-size: 14px;
		background-color: #47f578;
		max-width: fit-content;
		padding: 10px 15px;
		margin-bottom: 20px;
		color: #222;
		line-height: 30px;
	}



/* BUTTONS */

	body.material .nectar-button.large {
		font-family: "Roboto Flex", sans-serif;
	   	padding: 12px 24px !important;
		min-width: 150px;
		opacity: 100%;
		border-radius: 15px;
		color: #222;
		font-size: 16px;
		font-weight: 400;
		text-transform: normal;
		text-align: center
		}

	body[data-form-submit=regular] .container-wrap input[type=submit] {
		padding: 12px 24px !important;
		font-size: 14px;
		color: #FFF !important;
		text-transform: none;
		min-width: 150px;
		
}

	.portfolio-filters-inline ul li, .portfolio-filters-inline ul ul {
		display: inline;
		border: 1px solid grey;
		border-radius: 5px;
		padding: 7px 15;
		font-size: 16px !important;
		font-weight: 400 !important;
		color: 222 !important;
		margin: 0px 5px;
		padding: 12px 24px;
	}



/* BLOG */

.post-header h3 {
    margin-bottom: 1em;
    font-size: 24px !important;
    line-height: 1.25em !important;
    }

.post-header h3 a:link {
    text-decoration: none;
    }


.meta-category {
	background-color: #c3e341;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
	background-color: #c3e341;
	max-width: fit-content;
	padding: 5px 10px;
	border-radius: 5px;
}

.meta-category a:link {
	color:#222222;
	text-decoration: none;
}

.meta-category a:hover {
	color:#222222;
	text-decoration: none;
}

.post-header {
	color:#222222;
}

#author-bio {
    display: none;
}




img  {
	border-radius:5px;
}


.max-1200 {
	max-width: 1000px;
	margin: 0 auto;
}

swiper-slide .content h2 {
    font-size: 72px !important;
    line-height: 80px;
    letter-spacing: -1px;
    display: block;
    color: #fff;
    font-weight: 400;
}


.swiper-slide .content h2 {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
    display: block;
    color: #fff;
    font-weight: 400;
}

/* PORTFOLIO */



.portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul #sort-label {
    padding: 0px;
    /margin: 0px; 
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

#portfolio-extra img {
    display: block;
    border-radius: 5px;
}

.portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul #sort-label {
    padding: 0px;
    font-weight: 4;
    font-weight: 400;
    color: #333;
    text-decoration: none;
   	font-family: "Roboto Flex", serif;
}




.portfolio-filters-inline ul li, .portfolio-filters-inline ul ul {
    display: inline;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 7px 15;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: black !important;
    margin: 0px 5px;
}

body.material.single-portfolio .comment-wrap {
    margin-top: 30px;
    display: none !important;
}



#copyright p {
    font-size: 14px;
}


.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
background-color:#333;
}

/* FORM */

	#responsive-form{
		max-width:100%  /*-- cambiar esto para conseguir el ancho de la forma deseada --*/;
		margin:0 auto;
			width:100%;
	}

	.form-row{
		width: 100%;
	}

	.column-half, .column-full{
		float: left;
		position: relative;
		padding: 0.65rem;
		width:100%;
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
	}

	.clearfix:after {
		content: "";
		display: table;
		clear: both;
	}

	.wpcf7 form.sent .wpcf7-response-output {
		border-color: white;
		font-size: 18px;
		font-family: 'basic-sans' sans-serif;
		font-weight: 700;
		padding: 0px;align-content
	}




/* OFF CANVAS */

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a {
    -webkit-transition: color .37s cubic-bezier(.52,.01,.16,1);
    transition: color .37s cubic-bezier(.52,.01,.16,1);
    display: inline-block;
    font-size: 36px;
    font-family: 'basic-sans';
    font-weight: 400;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
	
	.column-third {
    width: 33%;
    float: left;
    padding: 0.5em;
	}
	
}


@media only screen and (max-width: 480px) { 
	
	.container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
    max-width: 100% !important;
    padding: 0px 10px !important;
	}
	
	p {
	font-size: 16px;
	line-height: 1.25em;
	}
	
	h1 {
	font-size: 36px !important;
	line-height: 1.25em;
	}
	
	h2 {
	font-size: 30px !important;
	}
	
	h3 {
		font-size: 24px !important;
	}
	
	h4 {
		font-size: 16px !important;
	}

	
	.hero h1 {
	font-size: 42px !important;
	}
	

	.full-width-content .vc_col-sm-12 .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content {
    padding: 20px !important;
	}
	
	body.material #page-header-wrap, body[data-header-resize="0"] #page-header-wrap {
		min-height: 400px !important;
	}
	
	.portfolio-filters-inline ul li, .portfolio-filters-inline ul ul {
    padding: 10px !important;
	font-size: 14px;
	padding: 10px;
	}
	
	.nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a {
		 font-size: 16px;
		 padding: 15px 35px;
		 border-radius: 5px;
		letter-spacing: normal;
	}
	
	.max-1200 {
	max-width: 100%;
	}



}