/*
Theme Name: MKS Style Theme
Theme URI: https://www.mkscolombia.com/
Description: Tema Oficial para wordpress del sitio web de Marketing Services de Colombia.
Author: Ikol Soluciones Creativas 
Author URI: https://www.ikol.com.co/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
    font-family: "webly-MKS";
    src: url(https://www.mkscolombia.com/wp-content/uploads/2020/04/wsksl.ttf) format("truetype");
}
@font-face {
    font-family: "webly-MKS-l";
    src: url(https://www.mkscolombia.com/wp-content/uploads/2020/04/wskl.ttf) format("truetype");
}
@font-face {
    font-family: "webly-MKS-b";
    src: url(https://www.mkscolombia.com/wp-content/uploads/2020/04/wsksb.ttf) format("truetype");
}
a {text-decoration:none;}
body, .entry-content{ 
	font-family: "webly-MKS-l", sans-serif; 
	background:#e0dada;
}
body *{	letter-spacing:normal;}
.bg-image{
	background-size:150%;
	background-position: center top;
}

.cover-header{
	background-color:#0f1a38;
	display:block;
	overflow:initial;
}
.overlayer{
	background-color:#0f1a38;
	position:absolute;
	top:0;
	bottom:20px;
	left:0;
	right:0;
	opacity:0.8;
}

h1{
	font-family: "webly-MKS-l", sans-serif;
	font-size:3rem;
	font-stretch:expanded;
	font-weight:normal;
	/*text-align:left;*/
	text-transform:uppercase;
}
#site-header {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
}

#mks_entradas article .eael-grid-post-holder-inner{
	position:relative;
	
}
#mks_entradas .eael-entry-wrapper{
	position:absolute;
	bottom:0;
}
#mks_entradas .eael-meta-posted-on, #mks_entradas .eael-entry-wrapper{z-index:2;}
#mks_entradas .eael-grid-post-holder{padding:5px;}
#mks_entradas .eael-entry-thumbnail {
	background:#0F1A38;
	border-radius: 10px;
}
#mks_entradas .eael-entry-thumbnail img{opacity:0.3;}
.mks_overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.video-header-wrap{
	padding:4rem 0;
	width:100%;
}
.video-header{
	top:5%;
	height:100%;
	width:100%!important;
}
.to-the-content-wrapper{
	top:90vh!important;
	z-index:1;
}
.entry-categories-inner{
	display:block;
}
.entry-content h2, .entry-content h3, .entry-content h4{
	color:#0f1a38;
	font-family: "webly-MKS", sans-serif;
}
.entry-content{
	margin:auto;
}
.entry-content h3, .entry-content h4{
	font-family: "webly-MKS-l", sans-serif;
}
.entry-header-inner{
	display:flex;
	left:2rem;
	position:absolute;
	bottom:0;
}
.entry-title{
	text-align:left;
}
.entry-header-inner .entry-title{
	height:25vh;
	max-width:70%;
}

.sm, .primary-menu-wrapper li.menu-item-type-custom a, .aut-lin i, .shares, .shares li a{
  background: url("https://www.mkscolombia.com/wp-content/uploads/2020/05/social-assets.png");
	background-size: 240px;
}
.entry-content .content-narrow{
	max-width:90%!important;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.content-narrow) {
	max-width:100%;
	position:relative;
	width:100%;
}
.entry-content h2{
	font-size: 3.4rem;
	text-transform: uppercase;
	margin:auto;
}

.cover-header-inner:after, .archive-header:after {
  content: url("https://www.mkscolombia.com/wp-content/uploads/2020/04/waves.svg");
	display:block;
	margin-bottom:-6px;
}
.cover-header-inner {
	/*padding:2rem 0;*/
	padding:0!important;
	position:absolute;
	bottom:0;
	width:100%;
}
.cover-header-inner-wrapper{
	display:block;
}
.site-title a{
	display:inline-block;
	height:48px;
	width:100px;
}
.site-title a:before{
	content: url(https://www.mkscolombia.com/wp-content/uploads/2020/05/mks-logo.svg);
}

/*elementos del menu*/
.primary-menu-wrapper li.menu-item-type-custom a:not(#menu-item-1032){
	display:inline-block;
	height:60px;
	width:60px;
	color:transparent;
}
.primary-menu-wrapper #menu-item-1032 a{
	padding-top:2rem;
}
.primary-menu-wrapper #menu-item-1032 a, .modal-menu a{
	color:#fff;
	text-decoration:none;
}
.expanded-menu{
		display:block;
	}
	.mobile-menu {
	display: none;
	}
.menu-modal.active .menu-modal-inner{
	opacity:0.9;
	color:#fff;
}
/*end elementos del menú*/
/*búsqueda*/
.search-bar{
	display:block;
	text-align:center;
}
.search-bar input{
	background:none;
	border:solid 2px #da3627;
	border-radius:25px;
	display:inline-block;
	margin:auto;
}
.search-bar label, .search-bar button[type=submit]{
	display:none;
}
.search-bar button[type=submit]{
	background-color: #da3627;
	border-radius:15px;
}

/*end búsqueda*/
/*contacto*/
.mapo {
    overflow: hidden;
}
.mapo iframe{
	margin-top: -50px;
	min-height:600px;
}
.waves-middle{
	margin-bottom:-2px;
}
/*contact form*/
.bg-contact-form{
		margin-bottom:0;
		margin-top:0;
	}

.entry-content h2.title-form{
	margin-bottom:5rem;
	margin-top:3rem;
	text-align:center;
}
div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form button[type=submit] {
	border-color:#272765;
	border-radius:20px;
	background:rgba(255,255,255,0.2);
	color:#fff;
	font-family:webly-MKS;
	font-size:2rem;
	height:auto;
	padding:10px;
	width:100%;
}

div.wpforms-container-full .wpforms-form button[type=submit], .wpforms-form button[type=submit]:hover{
	background:none!important;
	border:none!important;
	font-size:3rem;
	text-align:center;
	width:100%;
}
.wpforms-form button[type=submit]:hover{
	font-size:3.5rem!important;
}
/*end contact form*/
/*end contacto*/
/*footer elements*/

.footer-nav-widgets-wrapper{
	background-color:transparent;
}
.footer-top-visible .footer-nav-widgets-wrapper{
	margin-top:0;
}
.footer-nav-widgets-wrapper:before {
  content: url("https://www.mkscolombia.com/wp-content/uploads/2020/04/waves2.svg");
}
.footer-nav-widgets-wrapper .section-inner{
	background-color: #da3627;
	margin-top:-10px;
	width:100%;
	max-width:initial;
}
.footer-inner aside{
	margin:auto;
	max-width: 120rem;
	width: calc(100% - 4rem);
}
.footer-inner h2{
	font-size: 1.8rem;
	text-transform: uppercase;
}
#face, .primary-menu-wrapper #menu-item-30 a{background-position: -60px -80px;}
#instagram, .primary-menu-wrapper #menu-item-32 a{background-position: 0 -80px;}
#lkin, .primary-menu-wrapper #menu-item-31 a{background-position: -120px -80px;}
.primary-menu-wrapper #menu-item-33 a{background-position: -180px -80px;}
#wpp{background-position: -180px -80px;}
.social-shares{
	padding:3rem 0;
}
.social-shares span{
	vertical-align:middle;
	margin: 2rem; 
}
.aut-lin i{
	height:40px;
	width:40px;
	background-position: -125px -385px;
}
.aut-lin{
	background-color: #839cca;
	border-radius:10px;
	display:inline-block;
	padding:10px;
	font-weight:bold;
}
.aut-lin a{
	color:#fff;
}
.aut-lin *{
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}
.shares ul{
	display:flex;
	justify-content:space-between;
}
.shares li{
	display:inline-block;
}
.shares li a{
	display:inline-block;
	height: 60px;
	vertical-align:top;
	width: 60px;
}
.shares{
	display:inline-block;
	background-position: 0 -442px;
	height:60px;
	width:200px;
}
.shares *{
	margin:0;
	padding:0;
}
#s-share a{background-position: -60px -382px}
#s-face a{background-position: -60px -322px}
#s-lin a{background-position: -120px -322px}
#site-footer{
	background-color: #da3627;
	border:none;
}
#site-footer a, .footer-inner a{
	color:#fff;
}
.footer-nav-widgets-wrapper{
		background-color:#e0dada;
	}
.footer-nav-widgets-wrapper aside{
	border:none;
}
	.data-row{
		margin-top:0.5rem;
		width:100%;
	}
.data-row span{
		display:inline-block;
	padding:5px;
	}
.data-row .label-data{
		font-family: "webly-MKS-b", sans-serif;
	}
/*end footer content*/
.wf-desktop{
	display:none;
}
.post-inner {
	padding: 0;
}
.header-inner {
	max-width:100%!important;
}
.header-inner .toggle {
	margin-top:-4rem;
	}
.header-titles-wrapper {
	justify-content: space-between!important;
}
.banner-home-two{
	min-height:300px;
	overflow:hidden;
	text-align:center;
}
.banner-home-two img{
	min-height:300px;
	min-width: 800px;
	max-width:initial;
	width:100%;
}
.banner-home-two .banner-caption{
	display:flex;
	position:absolute;
	top:0;
	bottom:0;
	z-index:205;
	width:100%;
}

.banner-caption h2{
	color:#fff;
}
.blog-link {
	border-top:1px solid #fff;
	/*border-bottom:1px solid #fff;*/
	display:inline-block;
	width:100%;
}
.blog-link{
	padding:2rem;
	max-width:90%;
}
.blog-link img{
	max-width:50%;
	margin:auto;
}
.cloudy-footer{
	min-height:2rem;
	position:absolute!important;
}
.cloudy-footer img{
	width:100%;
}
.c-footer-low{
	min-height:0;
}
.cloudy-header{
	position:relative;
	text-align:center;
}
.cloudy-header img{
	display:inline;
}
.orange-text{
	color:#da3627!important;
}
.socialMedia{
	padding:0;
	margin:0;
}
.socialMedia span{
	display:none;
}
.socialMedia li, .socialMedia .sm {
	display:inline-block;
	list-style-type:none;
	height:60px;
	width:60px;
}
.summary{
	font-size:2.4rem;
	margin: 5rem auto;
}
.widget-content {
		box-sizing:initial;
	}

.services-col, .whyus-col, .cust-group, .wp-show-posts-columns{
	max-width:90%!important;
}

.s-blocks, .w-blocks{
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:auto;
	margin-right:auto;
	max-width:790px;
	padding:10px;
}
.s-blocks, .cust-item, .wp-show-posts article{
	border:solid 2px #da3627;
	border-radius:20px;
	cursor:pointer;
	display:flex;
	min-height:200px;
}
.s-blocks p{
	display:none;
	font-size:2.5rem;
	line-height:120%;
	padding:20px;
}
/*servicios*/
.s-blocks .s-block-title{
	font-size:6rem;
	line-height:100%;
	margin-top:3.5rem;
	text-align:center;
	width:100%
}
.btl-block{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela1.png);
}
.com-block{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela2.png);
}
.trade-block{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela3.png);
}
.personal-block{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela4.png);
}
.pro-block{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela5.png);
}
.md-block{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela1.png);
}
/*end servicios*/
/*experiencia*/
.w-blocks .bg-box-head{
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:0;
	min-height:150px;
}

.bg-box-head h4{
	color:#da3627!important;
	font-size:4.5rem;
	font-stretch:normal;
}
.ex-block .bg-box-head h4, .focus-block .bg-box-head h4{
	margin-top:10rem;
}
/*end experiencia*/
/*customers*/
.cust-group{
	text-align:center;
}
.cust-item{
	display:inline-block;
	height:250px;
	margin:1rem!important;
	max-width:250px!important;
	min-height:250px;
	padding:15px;
	text-align:left;
	vertical-align:top;
}
.cust-item .cust-image img{
	margin:0;
	vertical-align:middle;
}
.cust-item .cust-text{
	background-image:url(https://www.mkscolombia.com/wp-content/uploads/2020/05/acuarela4.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:none;
	font-size:small;
	height:220px;
	overflow-y: auto;
}
/*end customers */
/*contacto*/
.header-contact-data{
	padding:8rem 0;
}
.header-contact-data .header-contact-column{
	margin:auto;
	width:100%;
}
.header-contact-column span, .header-contact-column a{
	color:#da3627!important;
	display:inline-block;
	font-family: 'webly-MKS-b', sans-serif;
	font-size:2rem;
	vertical-align:middle;
}
.contact-icon{
	height:60px;
	width:60px;
}
#address{background-position:0 -322px;}
#email{background-position:-180px -322px;}
#phone{background-position:0 -382px;}
/*end contacto*/
/*blog*/
.post-meta-wrapper{
	display:none;
}
.wp-show-posts{
	justify-content:center;
	margin:auto!important;
	text-align:center;
}
.wp-show-posts article{
	display:inline-block!important;
	margin: 1%;
	padding:10px;
	max-width:400px;
	vertical-align:top;
}
.wp-show-posts-inner{
	background-color:rgba(15,26,56,0.8);
	border-radius:20px;
	margin:auto!important;
	max-height:250px;
	min-height:200px;
	position:relative;
	overflow:hidden;
}
.wp-show-posts-inner .wp-show-posts-entry-title a{
	color:#fff;
	font-stretch:normal;
}
.wp-show-posts-inner .wp-show-posts-entry-summary{
	display:none;
}
.wpsp-load-more{
	max-width:60%!important;
	margin:auto;
	text-align:center;
}
.wp-show-posts-entry-header{
	bottom:5px;
	position:absolute;
	z-index:100;
}
.wp-show-posts-image{
	/*position:absolute;*/
	bottom:-10px;
	left:-10px;
	margin-bottom:0;
	min-height:250px;
	opacity:0.2;
	top:-10px;
	
}
/*end blog*/
/*archive*/
.archive-header{
	padding-bottom:0;
}
/*end archive*/

.s-blocks:hover p, .cust-item:hover .cust-text{
	display:inline-block;
}
.s-blocks:hover .s-block-title, .cust-item:hover .cust-image{
	display:none;
}

@media only screen and (orientation:landscape){
	.bg-image{
		background-position: center;
	}
	.entry-header-inner .entry-title{
		height:22rem;
	}
}

@media (min-width: 700px){
	h1{
		font-size:5rem;
	}
	.blog-link {
		border:none;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	.blog-link img{
		max-width:80%;
	}
	.entry-content h2{font-size:4.5rem;}
	.footer-inner h2{ font-size:2rem;}
	/*.entry-content .content-narrow{
		max-width:70%;
	}*/
	.banner-home-two{
		margin: 10rem 0;
	}
	.to-the-content-wrapper{

	}
	.footer-inner aside{
		width: calc(100% - 8rem);
	}
	.social-shares{
		display:flex;
		justify-content:space-between;
	}
	.single-post-content{
		max-width:80%;
	}
	.entry-content > .alignfull:not(.wp-block-group.has-background){
		margin-bottom:0;
	}
	.header-contact-data{
		padding-top:8rem;
		display:flex;
		width:90%!important;
	}
	.header-contact-column .text-contact, .header-contact-column a{
		font-size:small;
	}
	.wf-desktop{
		display:block;
	}
	.wf-mobile{
		display:none;
	}
	.mapo {
		max-width:90%!important;
	}
	.search-bar{
		max-width:80%!important;
	}
		.search-bar button[type=submit]{
		display:inline-block;
	}
	/*footer elements*/
	.footer-widgets {
		width: 32%;
	}
	.data-row .label-data{
		min-width:80px;
	}
	.data-row .c-data{
		max-width:220px;
	}
	.cloudy-footer{
		min-height:5rem;
	}

	.c-footer-low{
		min-height:0;
	}
	.site-title a{
		background-position: -100px -140px;
		height:67px;
		width:140px;
	}
	.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
		margin-top:initial;
	}
	.waves-middle{
		margin-bottom:-0.5rem!important ;
		margin-top:6rem;
	}
	.s-blocks{
		min-height:240px;
	}
}
@media (max-width: 781px) and (min-width: 600px){
	.wp-block-column.w-blocks {
			flex-basis: calc(100% - 16px)!important;
	}
}
@media (min-width: 1000px){
	#wpp{
		display:none;
	}
	.entry-header-inner .entry-title{
		max-width:50%;
	}
	.mobile-search-toggle, .mobile-nav-toggle {
		float:right;
	display: flex!important;
	}
	.search-bar input{
		max-width: 460px!important;
		width: 100%!important;
	}
	.header-titles-wrapper .mobile-nav-toggle{
		display: none!important;
	}
	.header-titles{
		align-items: center;
	}
	.single-post-content{
		max-width:80%!important;
	}

	/*contact form*/
	.bg-contact-form{
		padding-top:10rem;
		margin-bottom:0!important;
	}
	div.wpforms-container-full{
		max-width:850px!important;
		position:relative;
	}
	.text-control {
	max-width:50%;
}

div.wpforms-container-full .wpforms-form .area-control{
		position:absolute;
		top:0;
		right:0;
		width:48%;
	}
	div.wpforms-container-full .wpforms-form textarea{
		font-size:3rem;
		height:260px!important;
	}
		.header-contact-column .text-contact, .header-contact-column a{
		font-size:2rem;
	}
	.site-title a{
		background-position: 0 -207px;
		height:115px;
		width:240px;
	}

	.s-blocks{
		min-height:260px;
	}
	.s-blocks .s-block-title{
		font-size:8.5rem;
	}
	.s-blocks p, .w-blocks p{
		font-size:3rem;
	}
	
	.bg-box-head h4{
		font-size:6rem;
	}
}
@media (min-width: 1220px){
	.cover-header-inner:after {
		/*margin-bottom:4rem;*/
	}
	h1{
		font-size:6rem;
	}
	.section-inner.medium{
		margin-left:3%;
	}
	.entry-header-inner .entry-title{
		height:30rem;
	}
	.entry-content h2, {font-size:6.5rem;}
	.entry-content .content-narrow{
		max-width:60%;
	}
	.post-inner {
		padding-top:0!important;
	}

		.summary{
		font-size:3.4rem;
		margin: 5rem auto;
	}
	.widget-content {
		font-size: 1.8rem;
	}
	.cloudy-footer{
		min-height:14rem;
	}
	.c-footer-low{
		min-height:0;
	}
	.entry-content > .alignfull{
		margin-top:initial;
	}
	.single-post-content {
		max-width:60%!important;
	}
}
@media (min-width: 1600px){
	h1{
		font-size:10rem;
	}
	.cloudy-footer img{
		max-width:60%;
	}
	.entry-content .content-narrow{
		max-width:70%!important;
	}
	.entry-header-inner .entry-title{
		height:50rem;
	}
	.section-inner.medium{
		margin-left:6%;
		max-width:80%;
	}
	.entry-content h2 {font-size:8rem;}
	.footer-inner h2{ font-size:3rem;}
	.entry-content .content-narrow{
		max-width:50%;
	}.banner-home-two{
		margin: 20rem 0;
	}
	.post-inner {
		}
	#face{background-position: -80px 0;}
	#instagram{background-position: 0 0;}
	#lkin{background-position: -160px 0;}
	.socialMedia li, .socialMedia .sm {
		height:80px;
		width:80px;
	}
	.services-col, .whyus-col, .cust-group{
		max-width:70%!important;
	}
	.s-blocks .s-block-title{
		font-size:10rem;
	}
		.single-post-content{
		max-width:50%!important;
	}
}
/*retina*/
@media (min-width: 2300px){
		.entry-content .content-narrow{
			max-width:50%!important;
		}
	.summary{
		font-size:4rem;
	}
	.cloudy-footer{
		min-height:20rem;
	}
	.c-footer-low{
		min-height:0;
	}
	.services-col, .whyus-col{
		max-width:50%!important;
	}
	.cust-group, .wp-show-posts{
		max-width:60%!important;
	}
}