/*****
Theme Name: MH Newsdesk Child Theme
Theme URI: http://www.mhthemes.com/themes/mh/newsdesk/
Description: This is a child theme for MH Newsdesk WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh_newsdesk
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/


/* Fonts */

.content-slide-category { font-family: 'Oswald', Helvetica, Arial, sans-serif; }

/* animation */

.flex-control-thumbs li img { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.pagination a.page-numbers:hover, .dots:hover, .footer-widget a:hover { color: #fff; }

/***** FlexSlider *****/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.flexslider { margin: 0; padding: 0; position: relative; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }

/***** FlexSlider Icon Fonts *****/

@font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }

/***** FlexSlider Custom Theme *****/

.flex-viewport { max-height: 2000px; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }

/***** FlexSlider Direction Nav *****/

.flex-direction-nav { *height: 0; text-align: right; }
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; position: absolute; top: 7%; z-index: 10; overflow: hidden; opacity: 0.3; cursor: pointer; }
.flex-direction-nav .flex-prev { right: 130px; }
.flex-direction-nav .flex-next { right: -30px; }
.flexslider:hover .flex-direction-nav a { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 28px; font-size: 1.75rem; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }

.flex-control-thumbs { padding: 16px 16px 6px; background: #003d60; overflow: hidden; }
.flex-control-thumbs li { float: left; border: 5px solid #fff; margin: 0 10px 10px 0; }
.flex-control-thumbs li:hover img { opacity: 0.9;  }
.flex-control-thumbs li img { max-width: 73px;  cursor: pointer; opacity: 0.3; }

.flex-control-thumbs img.flex-active { opacity: 1; }

/***** Content-Slide *****/

.home-main-widget.mh_squared_slider { background: #1f1e1e; }
[id*='mh-slider-'] .flex-direction-nav a { color: #fff; height: 50px; opacity: 1; }
[id*='mh-slider-'] .flex-direction-nav a:hover { background: transparent; }
[id*='mh-slider-'] .flex-prev { right: 65px; }
[id*='mh-slider-'] .flex-next { right: 25px; }
.slide-wrap { position: relative; }
.content-slide-thumb { position: relative; }
.content-slide-thumb img { width: 100%; }

.content-slide-contents { position: absolute; bottom: 0; left: 0; padding: 15px 30px; background: rgba(8, 89, 142, 0.9); color: #fff; }


.content-slide-category { font-weight: 700; font-size: 14px; text-transform: uppercase; }


.content-slide-title { font-size: 28px; margin: 10px 0; }
.content-slide-title a, .content-slide-title a:hover { color: #fff; }

.content-slide-excerpt { font-size: 14px; }

.content-grid-date { font-size: 12px; text-transform: uppercase; font-weight: 700; margin-top: 5px; color: #b11818; }



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

.flex-control-thumbs li img { max-width: 71px; }
	
}

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

.flex-control-thumbs li img { max-width: 67px; }
	
}

@media only screen and (max-width: 720px) {
	
	.flex-control-thumbs li img { max-width: 52px; }
	
	.content-slide-title { font-size: 22px; }
	.content-slide-category { display: none; margin: 0; }
	.content-slide-contents { padding: 12px; }
	
	}
	
	@media only screen and (max-width: 560px) {
	
	.flex-control-thumbs li img { max-width: 36px; }
	
	.content-slide-title { font-size: 18px; }
	
	}