@charset "UTF-8";
@import url("Bookerly_Regular/stylesheet.css");
/*
Template Name: Global Magazine
Template URI: http://www.os-templates.com/
Description: Designed and Built by <a href="http://www.os-templates.com/">OS Templates</a>. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes.
Version: 1.0
Author: OS-Templates.com
Author URI: http://www.os-templates.com/
Licence: Single Site
Licence URI: http://www.os-templates.com/template-terms
File: Media Queries CSS
*/

@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */


/* 
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:180px) and (max-width:615px) {
	#topbar, #header, #topnav, #pageintro, #intro, .container, #p-footer, #copyright{max-width:90%; margin:0 auto;}
	.imgl, .imgr, .fl_left, .fl_right{display:inline-block; float:none;}
	[class^="col-"], [class*=" col-"], [class^="col-"].nogutter, [class*=" col-"].nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	.starrating [class^="col-"], .starrating [class*=" col-"]{margin:0; padding:0;}

	#topbar{padding:10px 0;}	
	#topbar .fl_left, #topbar .fl_right{display:block; width:100%; margin:0 0 20px 0; padding:0;}
	#topbar .fl_left ul{margin:0;}
	#topbar .fl_left ul li{display:inline-block; margin:0 8px 8px 0; padding-right:8px; border:solid; border-width:0 1px 0 0;}
	#topbar .fl_left ul li:last-child{margin:0; padding:0; border:none;}
	
	#p-footer{padding:30px 0;}
	
}

@media screen and (min-width:180px) and (max-width:360px) {
	#header{padding:30px 0;}
	#header h1{margin-bottom:5px; font-size:42px; line-height:36px; letter-spacing:normal;}
	#header p{font-size:14px;}
	
	#newsticker .marquee{padding:0;}
	#newsticker .marquee span{display:none;}
}

@media screen and (min-width:180px) and (max-width:850px) {
	#topnav ul{display:none;}
}


/* Framework Sizing
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:361px) {
	#topbar, #header, #topnav, #pageintro, #intro, .container, #p-footer, #copyright{
	max-width: 95%;
	margin: 0 auto;
	font-size: 16px;
	font-family: "Bookerly Regular";
	font-variant: normal;
	line-height: normal;
}
}

@media screen and (min-width:1140px) {
	html.boxed .wrapper, #topbar, #header, #topnav, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright, .boxedslider{
	max-width: 1140px;
	margin: 0 auto;
	font-size: 16px;
}
	html.boxed .wrapper{max-width:1200px;}
	html.boxed #topbar, html.boxed #header, html.boxed #topnav, html.boxed #pageintro, html.boxed #intro, html.boxed .container, html.boxed .linkblock, html.boxed #p-footer, html.boxed #copyright{max-width:95%; margin:0 auto;}
}

/* Other
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:851px) and (max-width:10000px) {
	/* Hide The Jquery Generated Navigation Form from 851px upwards */
	#topnav form{display:none;}
}

@media screen and (max-width:850px) {
	.flex-homepage .flex-caption{position:absolute; top:20%; left:0; margin:0; padding:0;}
	.flex-homepage .flex-caption .fc-hpage *{margin:0 0 4px 0;}
	.flex-homepage .flex-caption .fc-hpage .font-xl{font-size:1.4em;}
	.flex-homepage .flex-caption .fc-hpage .font-small{font-size:.85em;}
	.flex-homepage .flex-caption .fc-hpage .button{margin:0;}	
}

@media screen and (max-width:650px) {
	/* Creates A Container For Tables To Be Scrolled In  */
	.res-table{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.res-table table, .res-table .table{margin:0; padding:0; white-space:nowrap;}
	/* Sliders - Hide Captions */
	.flex-caption{visibility:hidden; opacity:0; filter:alpha(opacity=0);}
}