/* Responsive
--------------*/


@media (min-width:751px) {
  div#wrapper {
  	background:url('../images/back-header-rings-desktop-2016.png') no-repeat center 40px;
  }
}

@media (max-width:750px) {
  
	div.homepage-intro .container {
		padding: 4.98%;
	}
	div.homepage-intro .container .content {
		padding: 0;
		width: 100%;
		border: 0;
		margin: auto;
		text-align: center;
	}

  div.homepage-intro {
    background: url('../images/homepage-banner-mobile.jpg') no-repeat 50% 33%;
    background-size: cover;
    display: table;
    height: 350px;
    table-layout: fixed;
    width: 100%;
  }
  div.homepage-intro .container:before {
    background: url('../images/homepage-banner-we-are-ifes-mobile.png') no-repeat;
    content: '';
    width: 265px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-top: 0;
    margin-left: -132px;
  }
  div.homepage-intro .container .content p + p {
    margin-bottom: -85px;
    margin-top: 25px;
  }
  body.front .homepage-our-vision .content {
    padding-left: 0;
    padding: 20px;
    background: url('../images/homepage-our-vision.png') no-repeat center top;
    min-height: initial;
    padding-top: 100px;
    text-align: left;
  }
  body.front div#trailer .homepage-world-map .content {
    width: 100%;
    height: 265px;
    background: url('../images/world-map-color-lg.png') no-repeat;
    background-size: cover;
    margin-top: 40px;
  }
  body.front div#trailer .homepage-world-map .content:before {
    background: url('../images/homepage-ifes-connects.png') no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    height: 144px;
    top: 50%;
    left: 50%;
    margin-left: 0;
    background-size: contain;
    margin-top: -72px;
    margin-left: -230px;
  }

	div.mission-statement .container .title {
		width: 100%;
		display: table-row;
	}
	div.mission-statement .container .content {
		width: 100%;
		display: table-row;
		text-align: center;
	}
	body.front div#content div.block-menu-block ul.menu li {
		float: none;
		width: 100%;
	}
	
	div#trailer div.block {
	  width:88.24%;
	  margin:5.8824% 5.8824% 0;
	}
	div#trailer div.block + div.block {
		margin-left: 2.49%;
	}
	div#trailer div.block + div[id^='block-views-blog-latest'] {
		margin-left: 2.49%;
	}
	
	form#tobermory-wizard fieldset {
		margin: auto;
	}
	
	form#tobermory-wizard fieldset[id*='info'] {
		float: none;
		width: 100%;
		max-width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	form#tobermory-wizard fieldset p {
		float: none;
		width: 100%;
	}
	
	div.view-staff div.views-row {
		text-align: center;
	}
	
	div.view-staff div.views-row div.views-field-picture {
		float: none;
		margin: 0 0 10px;
		border-bottom: 1px solid #f3f3f5;
		padding-bottom: 10px;
	}
	
	div#content div.block-col-3 {
		width: 100%;
		margin: 0;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  div.homepage-intro .container .content {
    padding-left: 60px;
  }

  div.homepage-intro .container:before {
    background: url('../images/homepage-banner-we-are-ifes.png') no-repeat;
    content: '';
    width: 404px;
    height: 152px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -76px;
  }
  div.homepage-intro .container .content .button + .button {
    margin-left: 0;
    margin-top: 15px;
  }
  body.front div#trailer .homepage-world-map .content {
    width: 100%;
    height: 370px;
    background: url('../images/world-map-color-lg.png') no-repeat;
    background-size: contain;
  }
  body.front .homepage-our-vision .content {
    padding-left: 45%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

  div.homepage-intro .container:before {
    left: 80px;
  }
  div.homepage-intro .container .content .button + .button {
    margin-left: 15px;
    margin-top: 0;
  }
}

@media (min-width:511px) and (max-width:750px) {

div.tabs {
  margin-left:4%;
  margin-right:4%;
}

div#wrapper {
	background:url('../images/back-header-rings-tablet-2016.png') no-repeat center 40px;
}


/* Main */

div#menu {
  width:28%;
  margin:0 0 0 4%;
}

div#content {
  width:60%;
  margin:0 4%;
}
div.layout-menu_content div#content,
div.layout-content_aside div#content,
div.layout-full div#content {
  width:92%;
}

div#aside {
  width:92%;
  margin:4% 4% 0 4%;
}
div#aside div.block {
  clear:left;
}
div#aside div.view-signposts {
  width:auto;
  margin-left:0;
}
div#aside div.view-signposts div.views-row {
  float:left;
  width:28%;
  margin-right:4%;
}
div#aside div.view-signposts div.views-row-3,
div#aside div.view-signposts div.views-row-6,
div#aside div.view-signposts div.views-row-9,
div#aside div.view-signposts div.views-row-12 {
  margin-right:0;
}
div#aside div#block-views-links-block h2 span {
  padding:0.6667% 1.6667%;
}

div#trailer div.view-signposts {
  margin:4% 0 0 0;
}
div#trailer div.view-signposts div.views-row {
  margin:0;
  float:left;
  width:28%;
  margin:0 0 0 4%;
}


}

@media (max-width:510px) {

  div.homepage-intro {
    background: url('../images/homepage-banner-mobile.jpg') no-repeat 50% 33%;
    background-size: cover;
    display: table;
    height: 350px;
    table-layout: fixed;
    width: 100%;
  }
  div.homepage-intro .container:before {
    background: url('../images/homepage-banner-we-are-ifes-mobile.png') no-repeat;
    content: '';
    width: 265px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-top: 0;
    margin-left: -132px;
  }
  div.homepage-intro .container .content p + p {
    margin-bottom: -85px;
    margin-top: 25px;
  }
  body.front .homepage-our-vision .content {
    padding-left: 0;
    padding: 20px;
    background: url('../images/homepage-our-vision.png') no-repeat center top;
    min-height: initial;
    padding-top: 100px;
    text-align: left;
  }
  body.front div#trailer .homepage-world-map .content {
    width: 100%;
    height: 162px;
    background: url('../images/world-map-color-lg.png') no-repeat;
    background-size: cover;
    margin-top: 40px;
  }
  body.front div#trailer .homepage-world-map .content:before {
    background: url('../images/homepage-ifes-connects.png') no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    height: 90px;
    top: 50%;
    left: 50%;
    margin-left: 0;
    background-size: contain;
    margin-top: -45px;
    margin-left: -150px;
  }

div.tabs {
  margin-left:5.8824%;
  margin-right:5.8824%;
}

div#wrapper {
	background: none;
}

div#header {
	background:url('../images/back-header-rings-mobile-2016.png') no-repeat center 0px;
  height: 100px;
}

div#header div.social-header {
	float: left;
  margin-top: 5px;
  margin-bottom: 15px;
}

div#header div.social-header a.social-link {
	float: none;
	display: inline-block;
}

div#banner div.region-banner {
	margin: 0 0 2.49%;
}

/* Menu */

div#masthead {
	display: none;
}

div.mobile-menu {
	display: block;
}
div.mobile-menu.toggled + div#masthead {
	display: block;
}

div#masthead ul.menu li {
	display: block;
	width: 100%;
}
div#masthead ul.menu li a {
	float: none;
	display: block;
}
div#masthead ul.menu li a:hover {
	background-color:#534f71;
}
div#masthead ul.menu li.expanded {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	height: 40px;
	overflow: hidden;
}
div#masthead ul.menu li.expanded ul.menu {
	display: block;
	position: relative;
}
div#masthead ul.menu li.expanded ul.menu:before {
	content: '+';
	text-align: center;
	line-height: 33px;
	height: 40px;
	width: 40px;
	display: block;
	top: -40px;
	position: absolute;
	right: 0px;
	cursor: pointer;
	font-size: 30px;
	-webkit-transition: all 30ms linear;
	-ms-transition: all 30ms linear;
	-moz-transition: all 30ms linear;
	transition: all 30ms linear;
	-webkit-font-smoothing: antialiased;
}
div#masthead ul.menu li.expanded.toggleDropdown {
	height: auto;
}
div#masthead ul.menu li.expanded.toggleDropdown ul:before {
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
div#masthead ul.menu li.expanded.toggleDropdown:hover > a:hover {
	background: rgba(0,0,0,0.25);
}
div#masthead ul.menu li.collapsed > a,
div#masthead ul.menu li.expanded > a {
	background-image: none;
	padding-right: 5px;
	border-right: 40px solid rgba(255,255,255,0.05);
}
div#masthead ul.menu li ul {
	position: relative;
	top: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
div#masthead ul.menu li:hover ul {
	display: none;
}
div#masthead ul.menu li.toggleDropdown ul {
	display: block;
}
div#masthead ul.menu li:hover ul li {
	margin: 0;
	padding: 0;
}
div#masthead ul.menu li:hover ul li a {
	padding: 5px;
}

div#masthead div#utility {
	float: none;
}
div#masthead div#utility div.panel {
	float: none;
	margin: 0;
}
div#masthead div#utility div.panel div.title {
	display: none;
}
div#masthead div#utility div.panel div.content {
	display: block;
	background: none;
	position: relative;
	margin: 0;
	top: 0;
}
div#masthead div#utility div.panel div.content ul.menu {
	background: none;
}
div#masthead div#utility div.panel div.content ul.menu li {
	float: left;
	width: 33.33%;
	margin: 0;
}

div#masthead div#utility div.menu-block-wrapper {
	float: none;
}

div#masthead div#utility div#panel-search,
div#masthead div#utility div#panel-language {
	margin-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.3);
	padding-top: 15px;
}	
div#masthead div#utility div#panel-search {
	padding: 0;
	border-top: 1px solid rgba(255,255,255,0.1);
}

div#masthead div#utility div.panel:hover div.content.search-active,
div#masthead div#utility div.panel div.content.show-search {
	display: block;
}

div#masthead div#utility div#panel-search form {
	padding: 0;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}
div#masthead div#utility div#panel-search form div.form-item {
	float: left;
}
div#masthead div#utility div#panel-search form div.form-actions {
	float: left;
	margin-top: 5px;
}

div#content div.block-menu-block ul.menu li a {
	padding: 10px;
}

/* Main */

.field-name-body iframe {
	width: 100%;
}

div#menu {
  float:none;
  width:88.2352%;
  margin:0 5.8824% 5.8823% 5.8824%;
}

div#content,
div.layout-menu_content div#content,
div.layout-content_aside div#content,
div.layout-full div#content {
  width:88.2352%;
  margin:0 5.8824%;
}

a#logo {
  float:none;
  display:block;
  margin:3% 5.8824% 3% 3%;
  text-align:center;
}
a#logo img {
  float:none;
}

form#search-block-form {
  padding:0 5.8824% 0 5px;
}

ul#social {
  float:left;
  padding:0 5px 0 5.8824%;
}

nav#navbar {
  clear:both;
  float:none;
  padding:3% 5.8824%;
}

div#banner {	
 padding: 0 5.8824%;
}

div#banner ul.menu {
 clear: both;
 float: none;	
}

div#views_slideshow_cycle_main_homepage_slideshow-block div.views-field-field-image {
  float:none;
  width:auto;
  margin:0 1% 5.8824% 1%;
}
div#views_slideshow_cycle_main_homepage_slideshow-block div.views-field-field-introduction {
  float:none;
  width:auto;
  margin:0 0 3% 0;
}
div#views_slideshow_cycle_main_homepage_slideshow-block div.views-field-field-button-link {
  float:none;
  width:auto;
  margin:0;
}

body.front div#block-views-signposts-block_1 {
  padding:5.8824% 0 0 0;
}
body.front div#block-views-signposts-block_1 div.views-row {
  float:none;
  width:auto;
  margin:0 0 5% 0;
}
div#block-views-blog-homepage,
div#block-views-news-homepage,
div#block-views-events-homepage {
  float:none;
  width:auto;
  margin:0 5.8824%;
  padding:5.8824% 0 0 0;
}

div#content div.block-menu-block ul.menu li {
	width:47.7826%;
}
div#content div.block-menu-block ul.menu li:nth-child(2n) {
	margin-right:0;
}
div#content div.block-menu-block ul.menu li:nth-child(2n+1) {
	clear:left;
}
div#content div.block-menu-block ul.menu li:nth-child(3n) {
	margin-right:4.3478%;
}
div#content div.block-menu-block ul.menu li:nth-child(3n+1) {
	clear:none;
}
div#content div.block-menu-block ul.menu li a span.title {
	line-height:22px;
	font-size:18px;
}

div#aside {
  width:88.2352%;
  margin:5.8824% 5.8824% 0 5.8824%;
}
div#aside div.block {
  clear:left;
}
div#aside div.view-signposts {
  width:auto;
  margin-left:0;
}
div#aside div.view-signposts div.views-row {
  float:left;
  width:47.2222%;
  margin-right:5.5556%;
}
div#aside div.view-signposts div.views-row-last {
  margin-bottom:20px;
}
div#aside div.view-signposts div.views-row-3,
div#aside div.view-signposts div.views-row-5,
div#aside div.view-signposts div.views-row-7,
div#aside div.view-signposts div.views-row-9,
div#aside div.view-signposts div.views-row-11 {
  clear:left;
}
div#aside div.view-signposts div.views-row-2,
div#aside div.view-signposts div.views-row-4,
div#aside div.view-signposts div.views-row-6,
div#aside div.view-signposts div.views-row-8,
div#aside div.view-signposts div.views-row-10,
div#aside div.view-signposts div.views-row-12 {
  margin-right:0;
}
div#aside div#block-views-links-block h2 span {
  padding:1.3333% 3.3333%;
}

body.node-type-webform div.field-name-body,
body.node-type-webform form.webform-client-form {
  float:none;
  width:auto;
}

div#trailer div.block,
div#trailer div[id^='block-views-blog-latest'],
div#trailer div[id^='block-views-events-upcoming'] {
	width: 88.24%;
	margin: 0 5.8824%;
}

div#trailer div#block-block-7,
div#trailer div.block + div.block,
div#trailer div.block + div[id^='block-views-blog-latest'] {
	margin: 5.8824% 5.8824% 0;
}

div#trailer div.view-signposts {
  margin:5.8824% 0 0 0;
}
div#trailer div.view-signposts div.views-row {
  margin:0;
  float:left;
  width:88.2352%;
  margin:0 0 0 5.8824%;
}

/* Resources */

body.books div.book div.image,
body.emails div.email div.image {
	float: none;
	margin: auto;
	text-align: center;
}

div.giving-statistics div.stat {
	display: table-row;
	min-height: 135px;
	vertical-align: middle;
}
div.giving-statistics div.stat.funds p {
	border-bottom: none;
	border-left: 20px solid #f3f3f5;
	text-align: left;
	padding: 30px 15px;
}
div.giving-statistics div.stat.governence p {
	border-bottom: none;
	border-left: 10px solid #f3f3f5;
	text-align: left;
	padding: 30px 15px;
}

div.view-staff div.views-row {
	margin-right: 0;
	width: 100%;
}

/* Type */

blockquote {
	padding: 20px 30px;
	font-size: 18px;
}

blockquote footer {
	margin: 0;
	font-size: 24px;
}

}