body {
		font-family: Montserrat;
		background-position: center top;
		padding: 0;
		margin: 0;
		background-color: #f5f5f5;  
	}

@media print{
	body{
				background-color: white; 
	}	
}

	#content {
		width: 100%;
		max-width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		background-color: #ffffff;
		padding: 0px 0px;
	}
	a,
  a:hover,
	a:active,
	a:focus {
		text-decoration: none !important;
		outline: none;
    color: #333333;
	}
	ul {
		margin: 0px;
		padding: 0px;
	}
	li {
		list-style-type: none;
	}
	header {
		width: 100%;
		/*max-width: 1200px; */
		/*overflow: hidden; */
		height: auto;
		margin: 0 auto;
		background-color: #ffffff;
	}

	#logo img {
		width: 100%;
		height: auto;
		max-height: 200px;
	}


	 .gi-standard-page-wrap {
	    background-repeat: repeat;
	    background-image: url(../images/background.png);
	}
@media print{
		 .gi-standard-page-wrap {
	    background-image: none;
	}
}

	.bespoke-description{
		color: #6D6E71;
	    font-size: 1.1em;
	    line-height: 2em;
	    margin-top:0px;	
	    font-family: 'Merriweather', serif !important;
	}

	.bespoke-title{
		font-weight: bold;
		color: #DE2666;
		margin-bottom: 0px;
		font-size: 3.5em;
		font-family: 'Merriweather', serif !important;
	}

.gi-heading-text{
	font-family: Merriweather;
    color: #de2666;
    font-weight: bold;
}
.gi-heading-subtitle{
			color: #6D6E71;
	    font-size: 1.1em;
	    line-height: 2em;
	    margin-top:0px;	
	    font-family: 'Merriweather', serif !important;
}

.gi-above-heading-text {
    color: grey;
}

.gi-button-filled {
    padding: 0.5% 2%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight:bold;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    background-color: #de2666;
    color: white;
    border-radius: 4px;
    border: 2px solid #de2666;
}

.gi-button-filled:hover {
    background-color: white;
    color: #de2666;
}


.gi-divider{
  	  height: 2px;
	    width: 100%;
	    background-color: #eaeaea;	
}

.gi-button-empty {
    padding: 0.5% 2%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight:bold;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    background-color: white;
    color: #de2666;
    border-radius: 4px;
    border: 2px solid #de2666;
}

.gi-button-empty:hover {
    background-color: #de2666;
    color: white;
    
}

.btn.btn-primary {	
	background-image: none;
	background: #db4c7c; /* Old browsers */
	background: -moz-linear-gradient(top,  #db4c7c 0%, #de2666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #db4c7c 0%,#de2666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #db4c7c 0%,#de2666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4c7c', endColorstr='#de2666',GradientType=0 ); /* IE6-9 */
    border-color: #DE2664;
	outline: none;
}
.btn.btn-primary:hover
{
	background: none;
	background-color: #de2666;
	outline: none;
	border-color: #a21b49;
}


.gi-team img {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: #de2666;
    width: 180px;
    max-width: 180px;
    height: 180px;
    max-height: 180px;
    overflow: hidden;
}

.gi-team .name{
    color: grey;
    padding: 1em 0 0 0;
    font-weight: normal;
}


.gi-team .job{
	text-transform:uppercase;
    font-style: italic;
    color: grey;
}


.gi_post_thumbnail{
	display: inline-block;
}
.gi_post_thumbnail img{
	display: inline-block;
}
.gi_post_excerpt{
		display: inline-block;
}

.gi_post_excerpt p{
		display: inline-block;
}


/*
* modifying the login page
*/

#login h1 a {
    background-image: url(http://granniesinc.co.uk/wp-content/themes/grannies/css/wp-content/themes/grannies/images/logo.png) !important;
    -webkit-background
}


/*
*		vertical tabs
*/

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}