/*
Theme Name: WWT
Theme URI: https://wwt.do
Author: Fernando De Leon
Author URI: https://ferdeleon.com
Description: Template para World Wide Trainings
Version: 2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wwt
*/

:root{
	--yellow-bg:#f29830;
}
body{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
a, a:hover, a:focus, a:visited, a:active{
	text-decoration:none !important;
}
.yellow, form#payment .btn{
	background-color:var(--yellow-bg) !important;
	color:#fff !important;
	text-transform:uppercase;
	font-weight:500;
}
.yellow:hover, form#payment .btn:hover{
	background:#ebebeb !important;
	color:#444 !important;
}
.padding{
	padding:16px 0px;
}
.padding-30{
	padding:30px 0px;
}
section .section-title{
	color:#333;
}
.section-title{
	color:var(--yellow-bg) !important;
}
iframe{
	max-width:100%;
}
iframe.youtube-embed{
	max-height:242px;
}
h1.post-title{
	color:#2295CE;
	font-size:1.9em;
}
.single-post h1.post-title{
	font-size:1.5em;
}
/* ---- Icons Colors ---- */
i.fa-whatsapp-square{
	color:#1bd741;
}
i.fa-facebook-square{
	color:#1774eb;
}
i.fa-linkedin{
	color:#007bb6;
}
i.fa-youtube{
	color:#d02122;
}
.hover i.fa-whatsapp-square:hover{
	color:#1ac53d;
}
.hover i.fa-facebook-square:hover{
	color:#166ede;
}
.hover i.fa-linkedin:hover{
	color:#006ea2;
}
.hover i.fa-youtube:hover{
	color:#c31e1f;
}
/* ---- Flex Properties ---- */
.flex-container{
	display:flex;
	flex-flow:row;
	justify-content:space-between;
}
.flex-container.space-between-none{
	justify-content:flex-start;
}
/* ---- CF7 ---- */
.wpcf7-not-valid-tip{
	clear: left !important;
    font-size: 0.85em !important;
    font-weight: 500 !important;
    color: #868686 !important;
    padding: 8px 0px 0px 0px !important;
}
.wpcf7 form .wpcf7-response-output{
	margin: 0 !important;
    font-size: 0.85em !important;
    text-align: center !important;
    border: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
	background: #494949 !important;
    color: #fff !important;
}
.wpcf7 form.sent .wpcf7-response-output{
	background-color:#f29830 !important;
}
div.wpcf7 .ajax-loader{
	display:block !important;
}
/* ---- Header ---- */
header .topbar{
	display:flex;
	justify-content:end;
}
header .topbar .links-area{
	display:flex;
	position: relative;
}
header .topbar .links-area a{
	display: flex;
    align-items: center;
    margin-left:24px;
}
.links-area .with-children > a i{
	position: relative;
    top: 1.3px;
    margin-left: 4px;
    margin-right:0;
}
header .topbar .links-area .submenu{
	position: absolute;
    z-index: 10000;
    display: none;
    width: fit-content;
    background: #fff;
    border: 1px solid #ebebeb;
    right: 0;
    margin-top: 17px;
}
header .topbar .links-area .submenu a{
	display: block;
    margin: 0;
    padding: 10px 14px;
    text-align: right;
}
header .topbar .links-area .submenu a:hover{
	background-color:#fbfbfb;
}
header .topbar .links-area .submenu.show{
	display:block;
}
header .topbar .links-area i{
	margin-right:6px;
}
header .topbar .links-area .cart-count{
	margin-left: 6px;
    background: #444;
    color: #fff;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    border-radius: 50%;
}
header .topbar .links-area .cart-count span{
	width: 100%;
	text-align: center;
}
header .topbar a{
	display:inline-block;
	color:#444;
	padding:26px 0px 0px 0px;
	font-size:0.80em;
	font-weight:700;
}
header nav .navbar-toggler{
	font-size:2em;
	padding:11px 16px;
    border:1px solid transpatent;
}
header nav .navbar-toggler:hover{
	border:1px solid #e8e8e8;
}
header nav ul{
	list-style:none;
	padding:0px;
	margin:0;
}
header nav .navbar-nav{
	border-bottom:2px solid #F7BB6F;
}
header nav.navbar.margin-by-menu{
	margin-top:80px;
}
header nav .navbar-nav i{
	color:#444;
}
header nav .navbar-nav li a{
	display: block;
    color: #444;
    font-size:0.69em;
    text-transform: uppercase;
    padding:20px 10px !important;
}
header nav .navbar-nav li:last-child a{
	padding-right:0 !important;
}
header nav .navbar-nav li a:hover, header nav .navbar-nav li.current-menu-item a{
	color:#48A9DE;
}
header nav .navbar-nav li .sub-menu{
	display:none;
	position: absolute;
    width: fit-content;
    min-width: 230px;
    background: #F3F5F6;
    z-index:20;
    border-bottom: 2px solid #F7BB6F;
}
header nav .navbar-nav li .sub-menu li a{
	text-transform:inherit;
	padding: 13px 23px !important;
}
/* ---- Main Banner ---- */
#main-banner-carousel .carousel-caption, .page-header .page-header-caption{
	background: rgba(34,149,211,.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width:39%;
    padding: 20px 15px;
    bottom: inherit;
    top:23%;
    right: inherit;
    left: 6%;
    color:#fff;
    text-align: left;
    z-index:10;
}
#main-banner-carousel .carousel-caption p, .page-header .page-header-caption p{
    font-size: 0.88em;
    line-height: 18px;
}
#main-banner-carousel .carousel-caption h5, .page-header .page-header-caption h5{
	text-transform:uppercase;
}
/* ---- Pages Links ---- */
.page-links .column{
	width:19%;
}
.page-links .column h5{
	color:#f29830;
	font-size:0.8em;
	text-transform:uppercase;
}
.page-links .column img{
	max-width:100%;
	width:100%;
	margin-bottom:10px;
}
.page-links .column p{
	color:#828282;
	font-size: 0.8em;
}
/* ---- WooCommerce ---- */
.woocommerce-MyAccount-navigation ul{
	list-style:none;
	padding:0;
}
.woocommerce-MyAccount-navigation ul a{
	color: #444;
    display: block;
    padding: 5px 0px;
}
.single-product .single-post h1.post-title{
	color: var(--yellow-bg) !important;
}
.woocommerce-loop-product__title{
	color: #444;
    font-size: 1.15em !important;
    font-weight: 600;
}
.woocommerce ul.products li.product .price{
	font-size:1.1em !important;
}
.woocommerce ul.products li.product .price ins{
	text-decoration:none;
}
.woocommerce form .password-input, .woocommerce-page form .password-input{
	width:100% !important;
}
/* ---- Cart ---- */
.woocommerce-cart table.cart td.actions .coupon .input-text{
	min-width:147px;
}
.woocommerce-cart-form .product-name a{
	color:#eb912a;
}
.wc-proceed-to-checkout a{
	width:100%;
}
.woocommerce-account-fields .crear-cuenta{
	display: flex;
    align-items: center;
}
.woocommerce-account-fields .crear-cuenta input{
	width: 17px;
    margin-right: 10px;
}
.woocommerce-account-fields .crear-cuenta input:focus{
	box-shadow:none !important;
}
.woocommerce-account-fields .crear-cuenta label{
    margin-bottom:0px;
}
/* ---- Page Header --- */
.page-header{
	position:relative;
}
.page-header .page-header-caption{
	position:absolute;
	width:40%;
}
.page-header .page-header-caption.contacto{
	top:inherit;
	bottom:44px;
	left:3%;
}
.page-header .page-header-caption.contacto h5{
	font-size: 1em;
    font-weight: 600;
}
/* ---- Page Contacto ---- */
.wrap-celeste{
	background-color:#DEF0F9;
	padding:30px 0px;
}
.wrap-celeste form{
	width:400px;
}
input, textarea, option{
	font-size:0.9em !important;
}
/* ---- Newsletter ---- */
section.newsletter .section-title{
	font-size:1.4em;
}
section.newsletter .description{
	font-size:0.9em;
}
section.newsletter input[type=text], section.newsletter input[type=email]{
	width:244px;
    margin-right:4px;
}
section.newsletter .redes li, .redes-compartir li{
	display:inline-block;
	font-size:2.3em;
}
section.newsletter .redes li a{
	padding:0px 8px;
}
section.newsletter .redes li:last-child a{
	padding-right:0;
}
/* ---- Single Page ---- */
.single-page article{
	width:60%;
}
.single-page aside{
	width:40%;
}
aside .section-title{
	font-size:1.4em;
}
.single-page aside .widget{
	margin-bottom:9px;
}
.single-page .the-content{
	font-size:0.9em;
}
.single-page .the-content, .single p, .excerpt, .single-post .the-content{
	color:#4b4b4b;
}
/* ---- Blog ---- */
section.blog article{
	display:flex;
	flex-flow:row;
	width:100%;
	justify-content:space-between;
	padding-bottom: 40px;
    border-bottom: 1px dotted rgba(204, 204, 204, 0.43);
    margin-top: 40px;
}
section.blog article:first-child{
	margin-top:0;
}
section.blog article:last-child{
	padding-bottom:0;
	border-bottom:0;
}
section.blog article .img{
	width:100%;
}
section.blog article .img img{
	width:100%;
	height: 100%;
    object-fit: cover;
}
section.blog article .caption h3, section.blog article .caption h3 a{
	color:#428bca;
	font-size:1.2em;
    margin-bottom:11px;
}
section.blog article .caption .actions .read-more{
	float:left;
	font-size:0.8em;
	margin:12px 20px 0px 0px;
}
/* ----- Checkout ----- */
.woocommerce-billing-fields .woocommerce-input-wrapper, .woocommerce-additional-fields .woocommerce-input-wrapper{
	width:100%;
}
/* ---- Footer ---- */
footer{
	background:#494949;
	color:#fff;
	padding:18px 0px;
}
footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
footer a{
	color:#fff;
}
footer .columns{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
footer .columns .column{
	width:fit-content;
}
footer .widget .widget-title{
	font-size:0.79em;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:20px;
}
footer .widget .blue-title{
	color: #B8E5F9;
    font-size:0.89em;
    font-weight:400;
    text-transform: uppercase;
}
footer .widget a, .under-footer a{
	color:#fff;
	font-size:0.85em;
}
footer .skillsoft-logo{
	width: 164px;
    margin-top:84px;
}
.under-footer{
	background:#424242;
	color:#fff;
	padding:15px 0px;
	font-size:0.75em;
}
.under-footer .powered-by a{
	font-size:inherit;
	transition:color 0.3s ease;
}
.under-footer .powered-by a:hover{
	color:#390080;
}

@media screen and (min-width:769px){
	header nav .navbar-nav li:hover .sub-menu{
		display:block;
	}
	.single-page article{
		margin-right:40px;
	}
	section.blog article .img{
		min-width:400px;
		max-width:400px;
	}
	section.franja-azul .flex-container:last-child .column{
		margin-bottom:0;
	}
}

@media screen and (min-width: 992px){

	.widget-title.institucional{
		margin-top:63px;
	}
}

@media screen and (max-width:1200px){
	footer .widget{
		width:33% !important;
	}
}

@media screen and (max-width:992px){

	header .topbar{
		justify-content:center;
		border-bottom: 1px solid #ebebeb;
	}

	header .topbar .links-area{
		position:inherit;
	}

	header .topbar .links-area .submenu{
		width:100%;
	}
	header .topbar .links-area .submenu a{
		text-align:center;
	}
	section.newsletter input{
		margin:0 auto;
	}
	section.blog article .caption{
		width:100%;
	}
	.page-links .column{
		width:49%;
		margin-bottom:20px;
	}
}

@media screen and (max-width:769px){
	.flex-container.mobile-100{
		flex-flow:column;
	}
	#main-banner-carousel .carousel-item{
		height:390px;
	}
	#main-banner-carousel .carousel-caption, .page-header .page-header-caption{
		background:rgba(34,149,211,.8);
	}
	#main-banner-carousel .carousel-caption{
		width:80%;
		top:15%;
	    left:0;
	    right:0;
	    margin:0 auto;
	}
	.page-links .column, section.newsletter input[type=text], section.newsletter input[type=email]{
		width:100%;
	}
	/* ---- Menu ---- */
	header nav .navbar-nav li .sub-menu{
		position:relative;
		width:100%;
	}
	/* ---- Page Header ---- */
	.page-header .page-header-caption{
		width: 80%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.page-header img{
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.woocommerce-additional-fields{
		margin-top:30px;
	}
	/* ---- Contacto ---- */
	.wrap-celeste form{
		width:100%;
	}
	/* ---- Newsletter ---- */
	section.newsletter .flex-container, section.blog article{
		flex-flow:column;
	}
	/* ---- Footer ---- */
	footer .columns{
		flex-flow:column;
	}
	footer .columns .column{
		text-align:center;
	}
	.single-page article, .single-page aside, footer .columns .column, section.franja-azul .column{
		width:100% !important;
	}
	section.franja-azul .column{
		margin-bottom:20px;
	}
	section.franja-azul .flex-container:last-child .column:last-child{
		margin-bottom:0;
	}
}

.grecaptcha-badge { left: 0 !important; }