/*
Theme Name: Med In Heaven 10/2016
Theme URI: http://www.medinheaven.co.uk/about/
Author: Phillip Temple
Author URI: http://www.progressivepublishing.com
Description: 
Version: 0.2
License: (c) Med In Heaven
License URI: http://www.medinheaven.co.uk/about/
Text Domain: medinheaven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url("stylesheets/foundation.min.css");

/* Over-ride column width to fill most of the page */
.row {
     width: 95%;
  	max-width:100%;
}

.areaimg, .areaimg2 {
  border-radius: 25px;
  box-shadow: 4px 2px 4px #888888;
  width: 48%;
  max-width: 300px;
  float: right;
  clear: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.areaimg2 {
  float: left;
  clear: left;
  margin-left: 0px;
  margin-right: 20px;
}

.pageimg-left, .pageimg-right, .pageimg {
  border-radius: 25px;
  box-shadow: 4px 2px 4px #888888;
  width: 20%;
}

.pageimg-left {
  float: left;
  margin-right: 12px;
}

.pageimg-right {
  float: right;
  margin-left: 12px;
}


/* Push top down so breadcrumbs line starts after the fixed topbar */
body { margin: 0; }
div.header { position: fixed; height: 17px; width: 100%; }
.top-bar {
margin-bottom:0;
}

.creativegrid a {
  width:100%;
  display:block;
  position:relative;
}
.creativeinline label {
  float:left;
margin-right:10px;
	margin-top:10px;
  }
.ui-widget input[type="text"]{
margin:0;
}
.creativegrid li {
  padding-bottom:10px;
  }
.creativegrid {
  border: solid 1px #dddddd;
  padding: 10px 0 0;
}
.creativegrid img {
  width:100%;
  }

.creativeli {
position:relative;
}
.creativegrid span,.creativeli span{
  display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  width:100%;
  position:absolute;
  bottom:0;
background-color: #000;
color: #FFF;
font: bold 11px verdana;
padding-left: 10px;
padding-top: 7px;
  padding-bottom: 7px;
text-shadow: 1px 1px 0 #222;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 0.7;
  }
.img-list{
list-style:none;
}
.li-img {
padding-right:0!important;
}
.li-text{
padding-left:10px!important;
}

	@media only screen and (max-width: 769px){
	  .page-id-753 .custom label {
 			 text-align:left;
			float:left!important;
		  }
	}

/* foldertab Styles */
.foldertab {
  width: 100%;
  min-width: 400px;
  margin: 0 auto;
  border-bottom: 4px solid #bbb;
  overflow: hidden;
  transition: border 250ms ease;
}
.foldertab ul {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  float: left;
  padding-left: 48px;
  list-style-type: none;
}
.foldertab ul * {
  margin: 0px;
  padding: 0px;
}
.foldertab ul li {
  display: block;
  float: left;
  padding: 10px 24px 8px;
  background-color: #FFF;
  margin-right: 46px;
  z-index: 2;
  position: relative;
  cursor: pointer;
  color: #FFF;

  text-transform: uppercase;
  font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;

  transition: all 250ms ease;
}
.foldertab ul li:before,
.foldertab ul li:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 44px;  
  background-color: #FFF;
  transition: all 250ms ease;
}
.foldertab ul li:before {
  right: -24px;
  transform: skew(30deg, 0deg);
  box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.foldertab ul li:after {
  left: -24px;
  transform: skew(-30deg, 0deg);
  box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}
.foldertab ul li:hover,
.foldertab ul li:hover:before,
.foldertab ul li:hover:after {
  background-color: #F4F7F9;
  color: #444;
}
.foldertab ul li.active {
  z-index: 3;
}
.foldertab ul li.active,
.foldertab ul li.active:before,
.foldertab ul li.active:after {
  background-color: #bbb;
  color: #fff;
}

/* Round Tabs */
.foldertab.round ul li {
  border-radius: 8px 8px 0 0;
}
.foldertab.round ul li:before {
  border-radius: 0 8px 0 0;
}
.foldertab.round ul li:after {
  border-radius: 8px 0 0 0;
}

/* News feed from Facebook on front page */
.newsfeed {
    padding: 20px;
    margin: 20px;
    border: 1px #000 solid;
    box-shadow: 10px 10px 5px #888888;
}

/* Add inline-block to stop divs overlapping on mobile */
.mypanel {
  display: inline-block;
    margin: 20px;
    padding: 20px;
    border: 1px #000 solid;
    box-shadow: 10px 10px 5px #888888;
  width: 95%;
}