/*
Theme Name: Cranford Hopsice
Author: MRD Web
Author URI: http://www.mrd.co.nz
Version: 2.3.7
License: GNU General Public License
License URI: license.txt
Text Domain: Metrika
Domain Path: /languages/
Tags: white, two-columns, right-sidebar, custom-header, custom-menu, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Metrika is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=latin,cyrillic);*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);


/* General */

body  {
/* 	transform: scale(1.2); */
}

.outer-wrapper {
    background-image: url(/wp-content/uploads/2016/08/cranford-icon-flower.png);
    background-size: 50% !important;
    background-repeat: no-repeat;
    background-position: left center;
}

header {
	padding-top: 20px;
}

.gridster li {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.pt-page-current {
background: url(/wp-content/uploads/2016/06/Cranford-Background.jpg);
}

.submenu {
    display: none;
}

header h1 {
	max-width: 999px;
}

h2 {
	letter-spacing: 1px;
}

table.education h3 {
    margin: 15px 0;
    font-weight: bold;
    letter-spacing: 1px;
    margin-right: 20px;
}

table.education h4 {
    font-weight: normal;
    margin: 10px 0;
}

table.education td {
    padding: 4px 5px;
}

p {
    margin-bottom: 20px;
    line-height: 1.8;
}

ul {
    margin-left: 30px;
    margin-bottom: 25px;
}


li {
    margin-bottom: 10px;
}

p a {
    border-bottom: 1px solid;
}

span.author, span.comments {
    display: none;
}

span.title {
    display: none;
}

.white-bg {
    background-color: #8A171F;
    /*background-image: url(http://cranfordkiosk.mrdsecureweb.com/wp-content/uploads/2016/05/cranford-icon.png);
    background-size: 93% !important;
    background-repeat: no-repeat;
    background-position: top 70% left 8%;*/
    position: relative;
}


ul.unstyled li {
    box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.62);
    border-radius: 10px;
}


ul.unstyled{
	transform: scale(1.2);
}

.home-color {
   /* background: rgba(255, 255, 255, 0.5);*/
    width: 100%;
    height: 100%;
   /* opacity: 0.8;*/
    position: absolute;
    background-image: url(/wp-content/uploads/2016/06/Cranford-Background.jpg);
    background-size: cover;
}

.gridster li .title {
	font-weight: 100;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size: 93%;
    margin-bottom: 6px;
}

[data-sizex="2"][data-sizey="2"] .title {
	font-size: 22px;
    bottom: -6px;
    left: 0px;
    right: 0px;
    /*background: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 0px 15px;*/
    padding: 10px;
}


/* Events */

#event-board-items {
	width: 100% !important;
}

#event-board-items .eo-eb-event-box {
    background: #449B9E !important;
    }

#event-board-items .eo-eb-event-title a {
font-weight: 100 !important;
}

/*
#event-board-items .eo-eb-event-title a{
	font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
*/

/* Education */

.container.comments, .container.comment-form {
    display: none;
}

/* Gallery  */

/*
.pt-page-scaleDown {
	-webkit-animation: none;
    -moz-animation: none;
    animation: none;
}
*/

textarea#jp-carousel-comment-form-comment-field, .jp-carousel-image-meta {
    display: none;
}




@media (min-width: 1180px) {
	
	[data-sizex="1"] {
		width: 145px !important;
	}
	
	[data-sizey="1"] {
		height: 145px !important;
	}
	
	[data-sizex="2"] {
    width: 309px !important;
	}
	
	[data-sizey="2"] {
		height: 309px !important;
	}

}

@media (max-width: 767px) {

.gridster {
	text-align:center;
	margin:auto;
	max-width:400px;
}

ul.unstyled {
	transform:none;
}

[data-sizex="1"][data-sizey="1"], [data-sizex="1"][data-sizey="2"] {

	width: 150px;
	margin: 0px 2.4% 4% 0;
	height: 150px;

}

[data-sizex="1"][data-sizey="1"]:nth-child(1) {
    margin-right: 3%;
    margin-left: 0;
}

[data-sizex="1"][data-sizey="1"]:nth-child(2) {
    margin-left: 3%;
    margin-right: 0;
}

[data-sizex="2"][data-sizey="1"], [data-sizex="3"][data-sizey="1"], [data-sizex="4"][data-sizey="1"], [data-sizex="5"][data-sizey="1"], [data-sizex="6"][data-sizey="1"] {
height: 146px;
    margin-bottom: 3px;
    max-width: 326px;
}

[data-sizex="2"][data-sizey="2"], [data-sizex="3"][data-sizey="2"], [data-sizex="4"][data-sizey="2"], [data-sizex="5"][data-sizey="2"], [data-sizex="6"][data-sizey="2"] {
    width: 322px;
    height: 322px;
    margin-bottom: 3px;
}


}