/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* COLOURS

light blue = #AFDAF6
medium blue = #62AAE2
dark blue = #262576

dark purple = #5654A9
light purple = #AAA6D0

*/

/* MAIN */

body {
	font-family: times,'Merriweather Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #444;
	margin-top: 20px;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-word;
}

 h1, h2 {
  text-align: left;
  font-family: Merriweather, serif;
  font-variant: small-caps;
 }
 
 h6 {
  text-align: left;
    font: bolder;
    font-size: 4.5em;
    font-family: serif;
 }

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	font-family: 'Merriweather Sans', sans-serif;
}

h3, h4, h5 {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 0.5em;
}

a, a:link, a:visited {
	color: #5654A9;
	text-decoration: none;
	font-weight: 700;
}

a:hover {
	color: #AAA6D0;
}

img {
	max-width: 200%;
	height: auto !important;
	  vertical-align: middle !important;
}

.logo-img {
	max-width: 100%;
}

table {
	border: none;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
	background: none;
}

.field-name-node-link,
.node-readmore {
	float: right;
}

.field-name-node-link a {
	background: #5654A9;
	color: white;
	text-transform: uppercase;
	padding: 3px 8px;
}

.field-name-node-link a:hover {
	background: #AAA6D0;
}

.field-name-field-author,
.views-field-field-author {
  	font-family: 'Merriweather', serif;
	font-style: italic;
	font-style: bold !important;
	font-weight: 700;
	color: #000000;
	margin-bottom: 0.2em;
	font-size: 17px;
}


.field-name-field-issue-name-if-applicable,
.views-field-field-issue-name-if-applicable{
  text-align: left;
  font-family: 'Merriweather', serif;
  font-variant: small-caps;
	font-size: 20px;
	font-style: bold;
}

.field-name-field-issue,
.views-field-field-issue{
  text-align: left;
  font-family: 'Merriweather', serif;
	font-size: 30px;
	font-style: bold;
}
/* BUTTON */

input#edit-submit,
.node-readmore a {
	border: none !important;
	text-shadow: none !important;
}

a.button,
input#edit-submit,
.node-readmore a {
	background: #5654A9 !important;
	color: white !important;
	text-transform: uppercase !important;
	padding: 3px 8px !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

a.button:hover,
input#edit-submit:hover,
.node-readmore a:hover {
	background: #AAA6D0 !important;
}

/* FRONT PAGE */

.front h1#page-title {
	display: none;
}

.flexslider {
	border: none;
}

.slidetitle {
	display: block;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	position: absolute;
	bottom: 8%;
	color: #fff;
	font-size: 1.6em;
	line-height: 1.2em;
	background: #333;
	zoom: 1;
}

.slidetitle-inner {
	padding: 0.5em 1em;
}

.slidemore {
	font-size: 0.85em;
	font-style: italic;
}

#field_issue {
    float: left;
    font-family: Tahoma;
    font-size: 5.1em;
    font-weight: bold;
    margin: 10px 0;
}

#issue_header {
    float: left;
    font-family: Tahoma;
    font-size: 5.1em;
    font-weight: bold;
    margin: 10px 0;
}

/* BLOCKS */

#region-sidebar-second .block {
	margin-bottom: 15px;
	text-align: left;
	color: black;
}

#region-sidebar-second .block-inner {
	padding: 10px 20px;
}

#block-views-front-page-editorial-block-1 .block-inner,
#block-views-front-page-editorial-block-2 .block-inner,
#block-views-front-page-editorial-block-3 .block-inner,
#block-views-front-page-editorial-block-4 .block-inner,
#block-views-issue-block-1 .block-inner,
#block-views-issue-block-2 .block-inner,
#block-views-issue-block-3 .block-inner,
#block-views-issue-block-4 .block-inner {
	padding: 10px 20px 55px 30px;
}

#block-views-issue-block-5 .block-inner,
#block-views-issue-block-6 .block-inner {
	padding: 10px 20px;
}

#region-sidebar-second h2 {
	text-transform: uppercase;
	color: white;
	font-size: 1.5em;
	letter-spacing: -1px;
}

#region-sidebar-second a {
	color: white;
}

#region-sidebar-second a:hover {
	color: #dedede;
}

#block-block-4 {
	background: #454d9f;
}

#block-block-5 {
	background: #62AAE2;
}

#block-views-front-page-editorial-block-1,
#block-views-issue-block-1 {
	background: url('../images/focus2.png') no-repeat 3% 97% #454d9f;
	padding-bottom: 50px;
}

#block-views-front-page-editorial-block-2,
#block-views-issue-block-2 {
	background: url('../images/perspectives.png') no-repeat 3% 97% #62AAE2;
	padding-bottom: 50px;
}

#block-views-front-page-editorial-block-3,
#block-views-issue-block-3 {
	background: url('../images/resourcereview.png') no-repeat 3% 97% #AAA6D0;
	padding-bottom: 50px;
}

#block-views-front-page-editorial-block-4,
#block-views-issue-block-4 {
	background: url('../images/viewpoint.png') no-repeat 3% 97% #6867a8;
	padding-bottom: 50px;
}

#block-views-issue-block-5,
#block-views-issue-block-6 {
	background: #262576;
}

#region-sidebar-second #block-views-issue-block-5 a:hover,
#region-sidebar-second #block-views-issue-block-6 a:hover {
	color: #AAA6D0;
}

#block-views-front-page-editorial-block {
  background: #d4d4d4;
  padding-left: 5px;
  padding-right: 5px;
}

#block-views-front-page-editorial-block .block-inner {
	padding: 10px 20px;
}

#block-views-issue-block-5 .views-field-field-author,
#block-views-issue-block-6 .views-field-field-author {
	color: #dedede;
}

#block-views-download-entire-issue-block a {
	color: #5654A9;
	float: right;
}

#block-views-download-entire-issue-block a:hover {
	color: #AAA6D0;
}

#block-views-front-page-editorial-block {
	margin-bottom: 20px;
}

.view-download-entire-issue .views-field-nothing-1 img {
	margin-right: 4px;	
}

.view-download-entire-issue .views-field-nothing-1 {
	font-size: 2.9em;
}

#block-views-issue-links-block-1 {
	padding: 10px 20px;
	background: #262576;
	color: #CCC !important;
}

/* MENU BLOCKS */

ul.menu li {
	list-style: none;
}

/* HEADER */

#zone-branding {
	padding: 15px 0;
}

#zone-branding, 
#zone-menu {
	background: white;
}

/* CONTENT */

#zone-content {
	background: white;
}

.addtoany_list {
	float: right;
}

.field-name-click-to-download {
	clear: both; 
	float: right;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.node-focus-article .field-name-body {
	clear: both;
}

.cap {
	text-transform: capitalize;
}

.view-events .views-row {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #5654A9;
}

.view-events .views-row-last {
	border-bottom: none;
	margin-bottom: 30px;
}

.view-publications .views-row {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #5654A9;
}

.view-publications .views-row-last {
	border-bottom: none;
	margin-bottom: 30px;
}

.view-publications .group-left {
	width: 35%;
	margin-right: 3%;
}

.view-publications .group-left img {
	max-width: 100% !important;
}

.view-publications .group-right {
	width: 62%;
}

/* FOOTER */

#zone-footer-wrapper {
	background: #333;
	color: white;
	font-size: 0.9em;
	padding: 10px 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

#zone-footer a {
	color: white;
}

#zone-footer a:hover {
	color: #698DB3;
}

#block-block-3 img {
	max-width: 30%;
	margin: 0 0.5em;
}

/* SEARCH */

#block-search-form .block-inner {
	border: none;
}

#block-search-form.block .content {
	padding: 0;
}

#search-block-form #edit-submit {
	background: #5654A9;
	text-transform: uppercase;
	color: white;
	border: solid;	text-shadow: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#search-block-form #edit-submit:hover {
	background: #AAA6D0;
}

#edit-search-block-form--2 {
	width: 250px;
	border: 5px solid #5654A9;
	font-size: 20px;
	font-style: bold !important;
}

/* ISSUE */

.page-issue h1#page-title {
	text-transform: capitalize;
}

/* MOBILE MENU */

.responsive-layout-mobile #block-superfish-1 {
	margin-bottom: 15px;
}

.sf-accordion-toggle {
	background: #5654A9;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 10px 15px;
	margin-top: 15px;
}

.sf-accordion-toggle a {
	color: white;
}

#superfish-1-accordion {
	margin-top: 10px;
	background: #AAA6D0;
	text-transform: uppercase;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
}

#superfish-1-accordion li {
	margin-left: 15px;
}

#superfish-1-accordion a {
	color: white;
	margin-bottom: 0.5em;
}

#superfish-1-accordion a:hover,
#superfish-1-accordion li.active-trail a {
	color: #2E4A67;
}

#superfish-1-accordion li li {
	margin-left: 30px;
	text-transform: none;
}

#superfish-1-accordion li.sf-clone-parent {
	display: none;
}