/*–
Theme Name: Trascendiendo WP
Theme URI: http://www.brandhouse.com.mx/
Version: 1 
Description: Trascendiendo (based on Twenty Twenty)
Parent Twenty Twenty
Author: Brandhouse Marketing
Author URI: http://www.brandhouse.com.mx/
Template: twentytwenty
*/ @import url("../twentytwenty/style.css");

 @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700&display=swap');

body{
	font-family: 'Nunito Sans', 'Arial', 'Helvetica', sans-serif;
	color: #525354;
	overflow-x: hidden;
}

/* 	COLORES */
/*
	TEXTO
	#525354	

	AMARILLO
	#f3c715	

	MORADO
	#7d5ca8
*/


/** MENU **/
@media ( min-width: 800px ) {
	.primary-menu > li{
		margin: 0.8rem 0 0 5rem;
	}
}
.primary-menu > li > a, .modal-menu a { 
	color: #525354!important;
	font-weight: 400;
	letter-spacing: 1px;
}
.primary-menu li.current-menu-item > a, .modal-menu li.current-menu-item > .ancestor-wrapper > a {
	color: #f3c715!important;
	font-weight: 700;	
}

.social-icons a, #site-footer button:not(.toggle), #site-footer .button, #site-footer .faux-button, #site-footer .wp-block-button__link, #site-footer .wp-block-file__button, #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"]{
	background-color: #7d5ca8!important;
}

@media ( min-width: 640px ) {
	.primary-menu-wrapper + .header-toggles { display: none; }
}



/** TYPOGRAPHY **/
h1, .heading-size-1 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.138888889;
}
h2, .heading-size-2 { font-size: 2.8rem; }
h3, .heading-size-3 { font-size: 2.4rem; }
h4, .heading-size-4 { font-size: 2.1rem; }
h5, .heading-size-5 { font-size: 1.6rem; }
h6, .heading-size-6 { font-size: 1.3rem; letter-spacing: 0.03125em; text-transform: uppercase; }

h1, h2, h3, h4, h5, h6, .faux-heading{
	margin: 0 0 2rem;
}


/** SETUP **/
html{ margin-top: 0!important; }
body { background: #fff; }


/** VISUAL COMPOSER COMPABILITY **/
/*body.template-full-width .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	max-width: 100%!important;
}
.entry-content{
	width: 80%;
	margin-left: 10%;
}*/
.vc_section{ margin: 0 auto!important; }
.vc_col-has-fill > .vc_column-inner {padding-top: 0!important;}


.txt-acc1{ color:#7d5ca8; }
.txt-acc2{ color:#f3c715; font-weight: 700; }
.txt-bold{ font-weight: bold; }
.txt-upp { text-transform: uppercase; }

/** HEADER **/
.header-page h1{
	color: #fff;
	font-size: 5.2rem;
}

@media (max-width: 780px) {
	.header-page h1{
		font-size: 3.2rem;
	}
}
.header-page h1 strong{
	color: #f4c715 ;
}


/** BACKGROUNDS **/

.bg1{
	background: url("https://trascendiendo.mx/new/wp-content/uploads/2020/03/bg01.jpg");
    background-position: center right!important;
    background-size: 150px 341px;
    background-repeat: no-repeat;
}
.bg2{
	background: url("https://trascendiendo.mx/new/wp-content/uploads/2020/03/bg02.jpg");
    background-position: center left!important;
    background-size: 180px 405px;
    background-repeat: no-repeat;    
}


/** FORMULARIO **/
.form-div{
	clear: both;
	display: block;
	width: 100%;
}

.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"], .form-div input[type="url"], .form-div input[type="date"], .form-div input[type="month"], .form-div input[type="time"], .form-div input[type="datetime"], .form-div input[type="datetime-local"], .form-div input[type="week"], .form-div input[type="number"], .form-div input[type="search"], .form-div input[type="tel"], .form-div input[type="color"], .form-div textarea{
	border-radius: 10px;
	border: 2px solid #7d5ca8;
}
.form-div textarea{
	height: 245px;
}

.form-div .half {
	display: inline-block;
	width: 45%;
	margin-right: 5%;
	float: left;
}
.form-div .half.last{
	margin-right: 0!important;
	margin-left: 5%;
} 

@media (max-width: 780px) {
	.form-div .half {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.form-div .half.last{
		margin-left: 0;
		margin-right:0;
		margin-bottom: 35px;
	}
}


.vc_btn3.vc_btn3-color-warning, .vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat{
	background: #f3c715!important;
	border-radius: 4px;
	text-transform: capitalize!important;
}


.button-set{
	padding-top: 35px;
	width: 100%;
	display: block;
	clear: both;
	text-align:center;
}
.button-set input[type="submit"]{
	margin: 0 auto!important;
	background: #f3c715!important;
	border-radius: 4px;
	color: #fff;
	text-transform: capitalize!important;
}

.button-set input[type="submit"]:hover{
	color: #d7d7d7;
}



/** FOOTER **/
.footer-nav-widgets-wrapper{
	background: #7d5ca8;
	padding: 35px 50px 15px;
}

.widget_text p, .widget_text a, .footer-widgets a, .widget_text ol, .widget_text ul, .widget_text ul li a, .widget_text dl, .widget_text dt, .widget-content .rssSummary{
	font-family: 'Nunito Sans', 'Arial', 'Helvetica', sans-serif;
	font-size: 14px;
	color: #fff!important;	
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt{
	font-family: 'Nunito Sans', 'Arial', 'Helvetica', sans-serif;
}


footer.wp-trasc{
	background: #7d5ca8;
	padding: 35px 50px 15px;
}

@media (max-width: 780px) {
	.footer-widgets-outer-wrapper .top-footer {
		margin-bottom: 50px;
	}
}

@media (min-width: 782px) {
	.footer-widgets-outer-wrapper .top-footer {
		display: flex;
		width: 100%;
		margin-bottom: 35px;
	}
	.footer-widgets-outer-wrapper .top-footer .footer-logo{
		width: 60%;
		margin-left: 20%;
		text-align: center!important;
		flex-direction: column;
  		justify-content: flex-end;
	}
	.footer-widgets-outer-wrapper .top-footer .footer-logo img { margin: 0 auto;} 
	.footer-widgets-outer-wrapper .top-footer .top-link{
		width: 20%;
		flex-direction: column;
  		justify-content: flex-end;
	}
}





.footer-top{
	border-bottom: 0;
}
.footer-widgets-outer-wrapper{
	padding: 25px 0;
	border-bottom: 3px solid #fff;
}

@media (min-width: 782px) {
	.footer-widgets.column-one { 
		font-family: 'Nunito Sans';
		font-size: 14px;
		text-align: left; 
		width: 20%;
		font-weight: 700;
	}
	.footer-widgets.column-two { 
		text-align: center ; 
		width: 60%;
		font-weight: 700;
	}
	.footer-widgets.column-three ul li { 
		font-weight: 700;
	}
	.footer-widgets.column-three {
		width: 20%;
		font-weight: 700;
	}
}
@media (max-width: 780px) {
	.footer-widgets.column-one, .footer-widgets.column-two, .footer-widgets.column-three ul li { text-align: center; }
}


#site-footer{
	background: #7d5ca8;
	font-size: 14px;
	padding: 15px 35px 30px;
	width: 100%;
}
#site-footer .section-inner{
	width: 99%;
	max-width: 99%!important;
}
#site-footer .section-inner .float{
	color:  #fff;
}
@media (min-width: 780px) {
	#site-footer .section-inner .float{
		float: right;
		display: inline-block;
		position: absolute;
		right: 50px;
	}
}
@media (max-width: 780px) {
	#site-footer .section-inner .float{
		margin-top: 35px;
		float: none;
		display: block;
	}
}
#site-footer .section-inner .float span{
	margin-right: 15px;
}
#site-footer .section-inner .float span.link{
	color:#7d5ca8;
	background: #fff;
	border-radius: 500px;
	font-size: 16px;
	width: 25px;
	height: 25px;
}

#site-footer .section-inner .float span.link::before{
	position: relative;
	top: 20%;
	left: 20%;
	transform: translate(-50%, -50%);
}

.to-the-top{
	font-size: 36px;
	color: #ffffff!important;
	margin-left: 15px;
}
@media (max-width: 780px) {
	.to-the-top-long{ display: none; }
}

@media (max-width: 780px) {
	.to-the-top-short{
		display: block;
		text-align: center;
	}
}

.footer-top-visible .footer-nav-widgets-wrapper{
	margin-top:0!important;
}

/* ERROR 404 PAGE */
.error404-content{
    padding-bottom: 8rem;
}