/*
Theme Name: Porto Child
Theme URI: http://www.portotheme.com/wordpress/porto
Author: SW-THEMES
Author URI: http://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

*/

/*
Theme Name: Porto
Theme URI: http://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: http://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 4.5
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor {}

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/*Formulario CF7 a 2 columnas responsive*/
#responsive-form{
 max-width:900px /*-- change this to get your desired form width --*/;
 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;
}
 
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
}
#header .searchform button{color:#b21f2a;}
/*#header .searchform {width: 240px;}*/
#header .header-contact {border:none;}
#header .header-main .header-center {text-align: right;}
/*Footer  Columnas*/
.fcoleft{
text-align: left;
width: 70%;
margin: auto;
float:left;
}
.fcolright{
text-align: left;
width: 30%;
margin: auto;
float:left;
}
 	.fcolright ul {
		list-style: none;
	}
 
	.fcolright ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.fcolright ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.fcolright ul li .icon-twitter {background: #00abf0;}
	.fcolright ul li .icon-googleplus {background: #d95232;}
 
	.fcolright ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
/*CTA'S ufesa solo texto color link*/
.cta-ufesa{color:#b21f2a; text-align:center;font-family: Bariol; font-size:18px;}
.cta-ufesa a{color:#38393b; text-align:center;font-family: Bariol;font-size:18px;}
.cta-ufesa a:hover{color:#b21f2a; text-align:center;font-family: Bariol;font-size:18px;}
/*Boton ufesa*/
.boton-ufesa {background:#b21f2a; color:#fff; padding:10px; width:100%; border-radius:20px; text-align:center; font-size:18px; line-height:18px;}
.boton-ufesa a{color:#fff;}
/*Footer página*/
.o-footer{background: url(//www.ufesa.es/wp-content/uploads/2018/08/dot.svg) repeat-x;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-color: transparent;
    background-position: 0 top;
    background-size: 8px;
    border: none;
    content: "";
    margin-top: 20px;
    padding-top: 30px;
}
@media screen and (min-width: 950px){
    .footer-text a{margin-left:50px;}
}