/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* vars */
:root {
	
}

.vc_empty_space.main-separate {
	height: 145px !important;
}

.visible-xs {display: none;}

@media screen and (max-width: 767px) {
	.vc_empty_space.main-separate {
		height: 70px !important;
	}
	.vc_empty_space.half-separate {
		height: 40px !important;
	}
	.hidden-xs {display: none !important;}
	.visible-xs {display: block;}
}

header.sticky .header_bottom {padding: 10xp 0;}
header.dark .q_logo img.dark, header.sticky:not(.header_style_on_scroll) .q_logo img.sticky {max-height: 60px;margin-top: 15px;}

.light.header_style_on_scroll nav.main_menu>ul>li.active>a, .light.header_style_on_scroll nav.main_menu>ul>li:before, .light.header_style_on_scroll nav.main_menu>ul>li>a:hover, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:before, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:hover {color: #000;font-size: 15px;}

nav.main_menu>ul>li>a {color: #000;}
nav.main_menu>ul>li.active>a {font-weight: 700;}

.mobile_menu_button span {font-size: 36px; color: #000;}

h1, h2, h3, h4, h5, h6, p, ul {margin-bottom: 1.1em;}

.title h1 {margin: 0;font-size: 50px;font-family: 'Playfair Display', sans-serif;}

.title.title_size_small h1 {font-size: 50px;}

p {line-height: 2.1em;}

.section-title h2 {margin-bottom: 40px !important;}

.section-subtitle p {padding: 0 15%;}

a:hover, p a:hover, aside .widget a:hover {
	color: #616161;
}

/* BUTTONS */
.qbutton {
	background-color: #000;
	color: #FFF;
	border: 2px solid #000;
	height: auto !important;
	border-radius: 0;
	
	font-size: 14px;
	line-height: 1em;
	padding: 1.5em 3.5em;
	
	margin-top: 50px;
	
	transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 768px) {
	body:not(.qode_disabled_responsive_button_padding_change) .qbutton {padding: 1.5em 3.5em;}
}

.qbutton.no-margin {
	margin-top: 0;
}

.qbutton:hover {
	background-color: #FFF !important;
	color: #000 !important;
	border: 2px solid #000;
}
.qbutton.centered-button {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.q_elements_holder.two_columns > div:last-child {padding-left: 45px;}

/* HOMEPAGE */
@media screen and (min-width: 768px) {
	.q_elements_holder.two_columns > div:first-child {padding-right: 45px;}
	.q_elements_holder.two_columns > div:last-child {padding-left: 45px;}
}

.grid-list p {line-height: 1.5em;}

.grid-list p a {font-weight: 500;}

.q_masonry_blog, .q_masonry_blog article .title-text-wrapper .q_masonry_blog_excerpt, .full_width .grid_section .q_masonry_blog article, .q_masonry_blog article {margin-bottom: 0;}

.q_masonry_blog article .q_masonry_blog_post_text {padding-top: 32px;padding-bottom: 0;}

.q_masonry_blog article .title-wrapper {display: flex;}

.q_masonry_blog article .title-wrapper .date {margin-bottom:auto;margin-top: 4px;text-align: center;box-sizing: border-box;padding-right: 15px;margin-right: 15px;border-right: 1px solid #000;}	
.q_masonry_blog article .title-wrapper .date span {display: block;font-weight: 200;}
.q_masonry_blog article .title-wrapper .date span.day {display: block;font-size: 30px;}
.q_masonry_blog article .title-wrapper .date span.month {display: block;}

.q_masonry_blog article .title-text-wrapper h4 {font-family: 'Playfair Display', sans-serif;font-size: 22px;font-weight: bold;margin-bottom: 22px;}

.q_masonry_blog article .title-text-wrapper .q_masonry_blog_excerpt {font-size: 15px;line-height: 1.5em;}

.custom-homenaje-image-small {width: 60%;margin: 0 auto;}

/* BLOG SINGLE */
.blog_single article .title-wrapper {display: flex;}
.blog_single article .title-wrapper .date {margin-bottom:auto;margin-top: 4px;text-align: center;box-sizing: border-box;padding-right: 15px;margin-right: 15px;border-right: 1px solid #000;}
.blog_single article .title-wrapper .date span {display: block;font-weight: 200;}
.blog_single article .title-wrapper .date span.day {display: block;font-size: 30px;}
.blog_single article .title-wrapper .date span.month {display: block;line-height: 0.7em;}
.blog_single article .title-text-wrapper h2 {font-family: 'Playfair Display', sans-serif;font-size: 50px;font-weight: bold;margin-bottom: 22px;line-height: 0.85em;}
.blog_single article .title-text-wrapper .q_masonry_blog_excerpt {font-size: 15px;line-height: 1.5em;}

.blog_single.blog_holder article .post_text .post_text_inner {padding-top: 60px;}
.blog_single .post_text_inner .post_info {margin-bottom: 45px;color: #000;font-weight: 300;}
.blog_single .post_text_inner .post_info a {color: #000;}
.blog_single .post_text_inner .post_info a:hover,
.blog_like a.liked i, .blog_like a:hover i, .blog_like a:hover span {color: #818181;}

body.post-template-default.single.single-post .default_template_holder {margin: 100px auto;}

aside.sidebar h5 {font-family: 'Playfair Display', sans-serif;font-size: 25px;font-weight: bold;margin-bottom: 22px;line-height: 0.85em;}
aside.sidebar .widget #searchform {border: 2px solid #000;}
.widget.widget_search form input[type=submit] {color: #fff;background-color: #000;padding: 0 10px;}

aside.sidebar .widget a {font-weight: 300;}

aside.sidebar .latest_post_inner h5 a {font-family: 'Playfair Display', sans-serif;font-size: 20px;font-weight: bold;margin-bottom: 22px;line-height: 0.85em;}
aside.sidebar .latest_post_inner .post_infos {font-weight: 300;font-size: 13px;}

aside.sidebar .recentcomments {font-weight: 300;}
aside.sidebar .recentcomments a {font-family: 'Playfair Display', sans-serif;font-weight: bold;}
aside.sidebar .recentcomments a.url {font-family: 'Montserrat', sans-serif;font-weight: normal;}

aside.sidebar .recentcomments a:hover,aside .widget.posts_holder li:hover {color: #818181;}
.comment_holder .comment .text .comment-reply-link, .comment_holder .comment .text .replay {color: #818181;}


#respond textarea {border: 2px solid #000;}
#submit_comment {border-radius: 0;color: #fff;background-color: #000;border: 2px solid #000;}
#submit_comment:hover {color: #000;background-color: #fff;border: 2px solid #000;}
/* Footer */
.footer_top .two_columns_50_50 {display: flex; align-items: center;}

/* Bio Page */
.bio-text .vc_column-inner > .wpb_wrapper {
	padding: 0 11%;
	box-sizing: border-box;
}

/* New Portfolios as "Trabajos" to download as product */
.portfolio-item {}
.portfolio-item h3 {font-size: 23px;}
.portfolio-item p {
	font-size: 16px;
    line-height: 1.6em;
}
.portfolio-item p.date {
	margin-top: 1.4em;
    font-size: 0.8em;
    opacity: 0.7;
}

@media screen and (max-width: 1399px) {
	p {
		font-size: 17px;
		line-height: 1.9em;
	}
	aside.sidebar h5 {font-size: 21px;letter-spacing: 0;}
}

@media screen and (max-width: 1200px) {
	
	aside.sidebar .latest_post_inner h5 a {font-size: 16px}
	aside.sidebar .latest_post_inner .post_infos {font-size: 12px}
	
	.blog_single article .title-text-wrapper h2 {font-size: 40px;}
	.blog_single .post_text_inner .post_info {font-size: 15px;}
	.blog_single article .title-wrapper .date {font-size: 15px;margin-top: 1px;}
	.blog_single article .title-wrapper .date span.day {font-size: 22px;}
}

@media screen and (max-width: 1000px) {
	.q_masonry_blog article {width: 100% !important;position: relative !important;top: 0 !important;left: 0 !important;margin-bottom: 40px !important;}
}

@media screen and (max-width: 767px) {
	p {font-size: 15px;}
	h2, .h2, h2 a, body.qode-overridden-elementors-fonts .elementor-widget-heading h2.elementor-heading-title {font-size: 30px;}
	
	.vc_empty_space.top-separate[style="height: 100px"] {height: 40px !important;}
	
	.title.title_size_small h1 {font-size: 22px;}
	
	.section-subtitle p {padding: 0;}
	.half-text-wrapper {text-align: center;}
	
	.q_elements_holder.two_columns > div:last-child {padding-left: 0;/*margin-top: 50px;*/}
	
	.grid-list .vc_column-inner {max-width: 270px;margin: 0 auto;}
	
	.qbutton {font-size: 12px;}
	
	.grid_section .q_masonry_blog article {padding-bottom: 40px !important;box-sizing: border-box;}
	
	.q_masonry_blog article .title-text-wrapper .q_masonry_blog_excerpt {font-size: 13px;}
	.q_masonry_blog article .title-wrapper .date span {font-size: 13px;}
	.q_masonry_blog article .title-wrapper .date span.day {font-size: 24px;}
	.q_masonry_blog article .title-wrapper .date span.month {line-height: 1em;}
	
	
	.footer_top .two_columns_50_50 {flex-flow: column;}
	.two_columns_50_50 .column1, .two_columns_50_50 .column2 {text-align: center;}
	.footer_top #media_image-2 {width: 115px;margin: 0 auto !important;}
	
	
	aside.sidebar .latest_post_holder .latest_post_image {display: none;}
	aside.sidebar .latest_post_holder .latest_post_text {padding: 0;}
}

@media screen and (max-width: 560px) {
	.portfolio-item h3 {font-size: 16px;}
}