/*

Theme Name:     Latin American News Digest Child

Theme URI:      http://hogash-demo.com/kallyas_wp/

Description:    A subsidiary theme for the theme Kallyas 

Author:         Skyhaq Agency

Author URI:     http://skyhaq.com

Template:       kallyas

Version:        1.5

*/



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

@import "css/font-awesome.min.css";



body {

}

header#header{

	background-color: #fff;

	height: auto;

}

#footer #nav_menu-6 h3.m_title{

	color: rgba(0, 0, 0, 0);

}

#logo a{

	padding: 0;

}

header#header #logo a img{

	height: auto;

}

.top-header-section{

	background-color: #808285;

	padding: 8px 2.65%;	

}

.bottom-header-section{

	padding: 15px 2.65% 0;

	position: relative;

}

nav#main_menu {

    float: right;

    margin-top: 30px;

}

nav#main_menu > ul{

	margin: 0;

}

.topnav,

#search .searchBtn{

	margin: 0;

}

.topnav > li > a,

.issue-date li a{

	line-height: 33px;	

}

.topnav.issue-date li{

	margin-left: 25px;

}

#search{

	clear: none;

	margin-left: 25px;

}

.issue-date.topnav.navRight{

	margin-bottom: 0;

}

.issue-date li{

	margin: 0;

}

.issue-date li a{

	height: auto;

	background: none;

	padding: 0;	

}

.issue-date li a:hover {

    background:none;

    box-shadow: none;

    padding: 0;

}

.bottom-header-section nav#main_menu > ul > li{

	margin: 0;

	position: inherit;

}

.bottom-header-section nav#main_menu > ul > li > a{

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	color: #2f2f2f;	

	font-weight: 600;

	margin-bottom: 0;

	padding-top: 30px;

	padding-bottom: 55px;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	position: relative;

}

.bottom-header-section nav#main_menu > ul > li > a:hover,

.bottom-header-section nav#main_menu > ul > li.current-menu-item>a{

	background-color: #e6e7e8;

	margin: 0;

}

.bottom-header-section nav#main_menu > ul > li:hover > a{

	background-color: #e6e7e8;

	margin-top: 0;

}

nav#main_menu > ul > li > ul.sub-menu{

	left: 0;

	right: 0;

	width: auto!important;

	top: 100%;

	text-align: center;

	padding: 45px 0;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	background-color: #e6e7e8;

	border: none;

	margin-left: 0;

}

nav#main_menu > ul > li > ul.sub-menu li{

	display: inline-block;

	width: auto!important;

	float: none!important;

	max-width: 220px;

	margin: 0 40px;

	text-align: left;

	font-size: 24px;

	color: #2f2f2f;

	font-weight: 600;

	vertical-align: top;

	position: relative;

	line-height: 40px;

}

nav#main_menu > ul > li > ul.sub-menu li.titleA{

	max-width: 140px;

}

nav#main_menu > ul > li > ul.sub-menu li a{

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	font-weight: 600;

	padding: 0;

}

nav#main_menu > ul > li > ul.sub-menu li a:hover{

	background: none;

	padding: 0;

}

.top-header-section #search,

nav#main_menu > ul > li.menu-item-has-children{

	position: inherit;

}

#search .search{

	width: auto;

	left: 0;

	right: 100%;

	z-index: 1;

	top: 50px;	

	display: block !important;

	padding-left: 0;

	padding-right: 0;

	overflow: hidden;

	opacity: 0;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;	

}

#search .searchBtn.active + .search{

	right: 0;

	padding-right: 30px;

	padding-left: 30px;

	opacity: 1;	

}

#search form input[type="text"]{

	width: 100%;

}

#search form{

	position: relative;

}

#searchform #searchsubmit{

	position: absolute;

	right: 0px;

	top: 7px;

}

body.home #content{

	display: none;

}

body.home #footer{

	border: none;	

}

body.home #action_box{

	border: none;

}

.home #page_header{

	display: none;

}

#myCarousel{

	margin-bottom: 0;

	-webkit-transition: all .3s;

	transition: all .3s;

}



#myCarousel.invisible-carusel{

	opacity: 0;

}



#myCarousel-2 .carousel-inner > .item{

	margin-top: 163px;	

}

.item-description{

	padding: 45px 21% 95px;

}

#myCarousel-2 .item-description{

	padding: 100px 21% 145px;

}

#myCarousel .item-description{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;	

}

.item-description .h1{

	color: #fff;

	font-size: 36px;

	text-transform: uppercase;

	line-height: 50px;

	font-weight: 600;

}

#myCarousel-2{

	margin-bottom: 0;

	background-color: #3f56a6;

}

#myCarousel-2 .item-description .h1{

	font-size: 48px;	

}

.item-description a{

	color: #fff;

	display: inline-block;

	padding: 14px;

	border: 1px solid #fff;

	-webkit-border-radius: 9px;

	-moz-border-radius: 9px;

	border-radius: 9px;

	margin-top: 35px;

	-webkit-transition: all .3s;	

	transition: all .3s;

}

.item-description a:hover{

	background-color: #fff;

	color: #2f2f2f;

}

#myCarousel .carousel-indicators{

	top: auto;

	right: auto;

	position: relative;

	padding-left: 21%;

	padding-right: 21%;

	padding-bottom: 4%;	

	overflow: hidden;	

}

#myCarousel .carousel-indicators li{

	background: none;

	width: 25%;

	height: auto;

	text-indent: inherit;

	margin: 0;

	cursor: pointer;

	font-size: 14px;

	color: #fff;

	padding-left: 25px;

	padding-right: 60px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding-top: 12px;

	padding-bottom: 19px;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	-webkit-transition: all .3s;

	transition: all .3s;

}

#myCarousel .carousel-indicators li:hover{

	padding-top: 0;

}

#myCarousel .carousel-indicators li.random-item{

	border-left-width: 5px;

	border-left-style: solid;

	border-left-color: #3f56a6;	

}

#myCarousel .carousel-indicators li.active{

	border-left-color: #fff!important;

}

#myCarousel .carousel-indicators li .post-categories li{

	width: auto;

	padding: 22px 0 0;

}

#myCarousel .carousel-indicators li .post-categories li a{

	color: #fff;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: 600;

}

#myCarousel .carousel-inner>.item>.post-categories,

#myCarousel-2 .carousel-inner>.item>.post-categories{

	display: inline-block;

	margin-left: 21%;

	padding: 11px 13px;

	background-color: #2f2f2f;

	font-size: 10px;

	text-transform: uppercase;

	list-style: none;

}

#myCarousel .carousel-inner>.item>.post-categories{

	display: none;

}

#myCarousel .carousel-inner>.item>.post-categories a,

#myCarousel-2 .carousel-inner>.item>.post-categories a{

	font-weight: 600;

	color: #fff;

}

.carousel-control{

	top: 60%;

	opacity: 0;

	-webkit-transition: all .3s;	

	transition: all .3s;

	background: none;

	border-width: 2px;

	line-height: 18px;

	z-index: 5;

}



.left.carousel-control:before,

.right.carousel-control:before{

	display: inline-block;

	font-size: 35px;

	font-family: 'FontAwesome';

}

.left.carousel-control:before{

	content: "\f104";

	margin-left: -5px;

}

.right.carousel-control:before{

	content: "\f105";

	margin-right: -5px;

}

#myCarousel:hover .carousel-control{

	opacity: 1;

}

#map-content #map-location #map_canvas{

	display: none;

}

#map_canvas{

	float: left;

}

#map-content{

	float: left;

	width: 340px;

	background-color: #e6e7e8;

	padding: 40px 50px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	min-height: 390px;

	position: relative;

}

#map_canvas:before{

	position: absolute;

	content: "";

	border-top: 37px solid transparent;

	border-right: 37px solid #e6e7e8;

	border-bottom: 37px solid transparent;

	right: 0px;

	top: 50%;

	margin-top: -18px;

	z-index: 2;

}

#map-content #map-location{

	margin-left: 0;	

}

#map-content #map-location h1.page-title{

	font-weight: normal;

}

#map-content .span12,

#map-content .span9{

	width: 100%;

}

.location-region-ajax{

	display: none;

}

#map-content .location-region-ajax{

	display: block;

}

/*#map-content .location-region{

	display: none;

}*/



#map_canvas { 

	overflow:hidden; 

    display: inline-block;

    list-style: outside none none;

    position: relative;

    width: 63%!important;

}

#map_canvas_1 { 

	margin-left: -98%; 

}

#map_canvas_1 { 

	margin-top: -96%; 

}

#map_canvas_1 { 

	width: 265%; 

	height: 265%; 

}

#map_canvas:after { 

	padding-top:137%; 

    content: "";

    display: block;

    padding-top: 65.7%!important;

}

#map_canvas_1 { 

	background-repeat:no-repeat; 

	background-size: 100% 100%; 

}

.minh{

	margin-bottom: 100px;

}

.read-more-link{

	display: block;

	float: left;

	margin: 12px;

	margin-left: 0;

}

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

	#myCarousel-2 .carousel-inner > .item{

		margin-top: 193px;

	}

	#page_header .container{

		padding-top: 190px;

	}

}

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

	header#header #logo a img{

		height: 65px;

	}

	.bottom-header-section nav#main_menu > ul > li > a{

		font-size: 12px;

	}

	nav#main_menu{

		margin-top: 0;

	}

	nav#main_menu > ul > li > ul.sub-menu li a{

		font-size: 14px;

	}

	nav#main_menu > ul > li > ul.sub-menu li{

		font-size: 20px;

		line-height: 36px;

	}

	.item-description,

	#myCarousel-2 .item-description,

	#myCarousel .carousel-indicators{

		padding-left: 10%;

		padding-right: 10%;		

	}

	#myCarousel .carousel-inner>.item>.post-categories,

	#myCarousel-2 .carousel-inner>.item>.post-categories{

		margin-left: 10%;		

	}

}



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

	nav#main_menu > ul > li > ul.sub-menu{

		display: none!important;

	}

	.zn_menu_trigger a::before{

		border-color: #2f2f2f;

	}

	.zn_menu_trigger a,

	.zn_menu_trigger a:hover{

		color: #2f2f2f;

	}

	.zn_menu_trigger{

		background: none;

		text-align: right;

		padding-bottom: 30px;

	}

	nav#main_menu > ul > li > a{

		text-align: right;

	}

	#myCarousel .carousel-indicators{

		display: none;

	}

	#myCarousel-2 .carousel-inner > .item{

		margin-top: 152px;	

	}

	.carousel-control{

		opacity: 1;

		top: auto;

		bottom: 20px;

	}

	.left.carousel-control:before, 

	.right.carousel-control:before{

	    position: absolute;

	    width: 12px;

	    height: 18px;

	    top: 50%;

	    left: 50%;

	    margin-top: -9px;

	}

	.right.carousel-control:before{

	    margin-left: -4px;				

	}

	.left.carousel-control:before{

		margin-left: -8px;

		margin-right: 0;

	}

	.carousel-control.left{

		left: 100%;

		margin-left: -110px;		

	}

	.item-description .h1{

		font-size: 34px;

		line-height: 40px;

	}

	.page-id-18 #content .login-content + .container,

	#map_canvas_2{

		display: none;

	}

	#map-location + .itemListView{

		margin-left: 20px;

	}

}

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

	.bottom-header-section{

		padding-bottom: 15px;

	}

	.zn_menu_trigger a, 

	.zn_menu_trigger a:hover{

		font-size: 20px;

	}

	.zn_menu_trigger{

		padding-bottom: 0;

		margin-top: 15px;

	}

	.zn_menu_trigger a:before{

		border: none;

		content: "\f0c9";

		font-family: 'FontAwesome';

		top: 17%;

	}

	#myCarousel-2 .carousel-inner > .item{

		margin-top: 176px;	

	}

}

@media only screen and (min-width:980px) and (max-width: 1255px)  {

	#logo{

		width: 20%;

	}

	nav#main_menu{

		width: 80%;

	}

	.bottom-header-section nav#main_menu > ul > li > a{

		padding-top: 15px;

		padding-bottom: 15px;

	}

	nav#main_menu > ul > li > ul.sub-menu li{

		max-width: none;

		width: 25%!important;

		margin: 0;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		padding: 0 40px;

	}	

}

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

	#map_canvas_1 {

		display: none;

	}

	#map_canvas {

		display: none;

	}

	#map_canvas:before {

		display: none;

	}

	

	#logo{

		width: 50%;

		float: left;

		text-align: left;

	}

	nav#main_menu.smooth_menu{

		width: 50%;

		clear: none;

	}	

	.issue-date.topnav.navRight,

	.topnav{

	}

	#search .searchBtn{

		z-index: 140;

	}

	.issue-date.topnav.navRight{

		

	}

	#myCarousel-2 .carousel-inner > .item{

		margin-top: 0;

	}

	.zn_menu_trigger{

		margin-top: 5px;

	}

	#nav_menu-3 h3{

		display: none;

	}

	.topnav.issue-date li{

		margin-left: 0;

	}

	.topnav > li{

		margin-right: 0;

		margin-left: 0;

	}

	.top-menu-toggle{

		padding-top: 40px;

		position: relative;

		float: left;

		width: 100%;

		cursor: pointer;	

	}

	#menu-header{

		display: none;

	}

	.top-menu-toggle:before{

		content: "Top Menu";

		position: absolute;

		top: 10px;

		left: 0px;

		color: #fff;

		font-size: 20px;

	}

	.top-menu-toggle:after{

		content: "\f0c9";

		font-family: 'FontAwesome';

		position: absolute;

		top: 10px;

		right: 10px;

		color: #fff;

		font-size: 20px

	}

	#menu-header li{

		margin-left: 0;

		width: 100%;		

	} 

	#search .search{

		z-index: 200;

	}

	#footer [class*="span"],

	#footer .widget{

		margin-bottom: 15px;

	}

	#map-location + .itemListView{

		margin-left: 0px;

	}

	#page_header{

		display: none;

	}

}