/*
Theme Name: Loveshape
Theme URI: http://www.loveshape.co.uk
Description: This is a wordpress theme for Loveshape
Version: 1.0
Author: design reaction
Author URI: http://www.designreaction.co.uk
Tags: 2 column, CMS, white, blue, clean, responsive, flat, health,

	Loveshape v1.0
	http://www.loveshape.co.uk
*/

html, body, p, ul, ol, li, h1, h2, h3
{
	margin: 0;
	padding: 0;
}

img
{
	border-style: none;
}

body
{
	background-color: #ffffff;
	font-family: 'Roboto Slab', serif;
}

h1
{
	font-size: 34px;
	font-weight: bold;
    color: #c6fc00;
	margin-bottom: 30px;
}

h2
{
	font-size: 26px;
	font-weight: bold;
    color: #c6fc00;
	margin-bottom: 15px;
}

h3
{
	font-size: 24px;
	font-weight: bold;
    color: #ffffff;
	margin-bottom: 30px;
}

#sitecontainer
{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	width: 100%;
}

#branding
{
	padding: 25px 10px;
	border-bottom: 2px solid #6d54d4;
	overflow: auto;
}

#logo
{
	z-index: 1;
	width: 25%;
	float: left;
}

#logo img
{
	width: 100%;
	height: auto;
}

#headernav
{
	width: 70%;
	float: right;
}

#headerconnect
{
	text-align: right;
	margin-top: 5px;
}

.telephone-link
{
	color: #bbbbbb;
	font-size: 40px;
	font-weight: 300;
	text-decoration: none;
	margin-right: 20px;
	vertical-align: bottom;
}

.social-icon
{
	margin-left: 5px;
}

#access
{
	margin-top: 25px;
}

#access ul
{
	text-align: right;
}

#access li
{
	display: inline;
	color: #6d54d4;
	padding-left: 40px;
	font-size: 22px;
}

#access a
{
	color: #6d54d4;
	text-decoration: none;
}

#access a:hover
{
	color: #c6fc00;
}

#homebanner img
{
	width: 100%;
	height: auto;
}

#mobilehomebanner
{
	display: none;
}

#content
{
	background-color: #6d54d4;
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 60px 7% 40px 7%;
}

#content p
{
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 25px;
}

#content ul
{
	color: #ffffff;
	margin-bottom: 25px;
	margin-left: 25px;
}

#content li
{
	margin-bottom: 15px;
}

#content a
{
	color: #ffffff;
	text-decoration: underline;
}

#content a:hover
{
	color: #C6FC00;
}

#footer
{
	width: 100%;
	overflow: auto;
}

#topfooter
{
    color: #666666;
    font-size: 17px;
    padding: 30px 10px;
    border-bottom: 2px solid #6d54d4;
    overflow: auto;
}

#footerlogo
{
    width: 25%;
    float: left;
}

#footerinfo
{
	width: 75%;
	float: right;
}

#footernavigation
{
	margin-top: 5px;
	margin-bottom: 20px;
}

#footernavigation li
{
	display: inline;
	color: #6d54d4;
	padding-right: 20px;
	font-size: 16px;
}

#footernavigation a
{
	color: #6d54d4;
	text-decoration: none;
}

#footernavigation a:hover
{
	color: #c6fc00;
}

.footer-social-icon
{
	margin-right: 3px;
}

#bottomfooter
{
	padding: 10px 10px 40px 10px;
	color: #6d54d4;
	font-size: 13px;
}

#bottomfooter a
{
	color: #6d54d4;
	text-decoration: none;
}

#bottomfooter a:hover
{
	text-decoration: none;
	color: #c6fc00;
}

#copyright
{
	width: 65%;
	float: left;
}

#webdesign
{
	width: 35%;
	float: right;
	text-align: right;
}

.purple p
{
	color: #6d54d4 !important;
}

.roundedcorners
{
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.bandagallery
{
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.bandagallery img
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.map a
{
	color: #ffffff !important;
}

.map a:hover
{
	color: #6d54d4 !important;
}

#gform_wrapper_1 label
{
	font-weight: 400;
	color: #ffffff;
}

.ginput_container input
{
	border: 0;
	background-color: #ffffff;
	padding: 5px !important;
	font-size: 12px !important;
	margin-bottom: 10px;
	font-weight: 400;
}

.attachment-thumbnail
{
	border: 3px solid #ffffff;
}

.attachment-medium
{
	background-color: #ffffff;
	border: 3px solid #ffffff;
	min-height: 90px;
}

.gform_confirmation_wrapper
{
	color: #ffffff;
}

.cookies td
{
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 4px;
}

.wpb_btn-success
{
	background-color: #c6fc00 !important;
	color: #6d54d4 !important;
}

.wpb_btn-success a:hover
{
	background-color: #ffffff !important;

}




/* Media Queries */
	@media screen and (max-width: 1024px) {

#logo
{
	margin-left: auto;
	margin-right: auto;
	float: none;
}

#headernav
{
	width: 100%;
}

#headerconnect
{
	text-align: center;
}

#access ul
{
	text-align: center;
}

#footerlogo
{
	float: none;
	text-align: center;
	width: 100%;
}

#footerinfo
{
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 20px;
}


}



/* Media Queries */
	@media screen and (max-width: 768px) {


#access li
{
	padding-left: 5%;
}

#access a
{
	font-size: 17px;
}

#logo
{
	width: 35%;
}

#footernavigation li
{
	font-size: 12px;
	padding-right: 12px;
}

}






/* Media Queries */
	@media screen and (max-width: 568px) {

#branding
{
	padding-top: 10px;
	overflow-x: hidden;
	border-bottom: 0;
}

#logo
{
	width: 50%;
}

#access li
{
	display: block;
	padding: 0;
}

.telephone-link
{
	display: inherit;
	text-align: center;
	margin-right: 0;
}

.social-icon
{
	margin-left: 3px;
	margin-right: 3px;
}

#homebanner
{
	display: none;
}

#mobilehomebanner
{
	display: block;
}

#mobilehomebanner img
{
	width: 100%;
	height: auto;
}

#footerlogo
{
	width: 100%;
	text-align: center;
}

#footernavigation ul
{
	display: none;
}

#footerinfo
{
	width: 100%;
	text-align: center;
}

#copyright
{
	width: 65%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

#webdesign
{
	width: 65%;
	text-align: center;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

}









/* Media Queries */
	@media screen and (max-width: 350px) {

h1
{
	text-align: center;
}

h2
{
	text-align: center;
}

#logo
{
	width: 100%;
}

#headernav
{
	width: 100%;
}

#headerconnect
{
	text-align: center;
}

#access
{
	margin-bottom: 50px;
}

#access ul
{
	display: none;
}

#content
{
	padding-top: 30px;
}

#content p
{
	text-align: center;
}

.vc_btn
{
    font-size: 1.4em !important;
    line-height: 30px !important;
    text-align: center;
}

.bagall ul
{
	margin-left: 35px !important;
}

.celebgall ul
{
	margin-left: 60px !important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium
{
	width: 96% !important;
}

.gform_wrapper .ginput_complex .ginput_left
{
	width: 100% !important;
}

.gform_wrapper .ginput_complex .ginput_right
{
	width: 100% !important;
}

.vc_row
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

}