/*
Theme Name: Samvas
Theme URI: http://simplyac.co.uk
Description: A child theme of Canvas
Author: Sambo
Author URI: http://www.atompop.co.uk
Template: canvas
Version: 1.0
*/

@import url("../canvas/style.css");

.home .dpsb-post img {
    width: 100%;
}

#header.shrink {
  position:fixed;
  clear:both!important;
  width:96%;
  height:75px!important;
  max-height:75px!important;
  min-height:75px!important;
  z-index:999999999;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  background-color: #fff;
  padding: 1em 2%  !important;
}
#header {
	padding: 1.618em 1.618em 1em  !important;
	border-bottom: #efefef 3px solid !important;
}
#header.shrink img {
  height:75px!important;
  max-height:75px!important;
}
#logo {
	max-width: 30% !important;
}
#header.shrink #nav-container {
    padding: 0.5em 0 0;
    max-width: 70% !important;
	float:right;
}
#nav-container hgroup h2 {
    margin: 0.1em 0 0;
}
#header.shrink #nav-container hgroup h2 {
    margin: 0;
}
#navigation {
    position: relative;
    right: 0;
    max-width: 70%;
    border: none;
	background-color:transparent;
    padding-top: 0;
    clear: right;
    margin-top: 0.3em;
}
header.shrink #navigation {
    margin-top: 0.1em;
	clear: right;
    padding-top: 0.5em;
}
#navigation ul {
    margin: 0;
    float: right;
}
#navigation ul.nav li a {
    padding: .5em !important;
}
#navigation ul.nav li:last-of-type a {
    padding: .5em 0 .5em 1em !important;
}
#navigation ul.nav li:last-of-type.current_page_item a {
    padding: 0.5em !important;
}
header.shrink #navigation ul.nav li:last-of-type.current_page_item a {
    padding: 0.2em 0.35em !important;
}
#navigation ul.nav li ul li:last-of-type a {
    padding: .5em !important;
}
header.shrink #navigation ul.nav li ul li:last-of-type a {
    padding: 0.2em 0.35em !important;
}
#navigation ul.nav > li a:hover {
    background-color: #fff;
    color: #0087cd;
}
#navigation .nav li.parent > a::after {
    text-align: center;
}
#navigation ul.nav > li#menu-item-111 a:hover {
    background-color: #e6e6e6;
}
ul.nav li ul li a:hover {
    text-decoration: none;
    color: #0087cd !important;
}
ul.nav li ul li a {
	font-size: 18px;
}
#nav-container {
	background-color:transparent;
	margin:0;
}
#nav-container hgroup {
    width: 70%;
    float: right;
    text-align: right;
}
#nav-container hgroup h1 {
	display: none;
}
#nav-container.shrink {
	max-height:50px;
}
search {
    width: 70%;
    float: right;
}
.searchform, #searchform {
    margin-bottom: 10px;
    border-width: 1px;
    border-radius: 10px;
}
.search_main {
    max-width: 50%;
    float: right;
}
h2.site-description {
    font-size: 40px;
}
.searchform input.s, #searchform input#s {
    color: #ccc;
}
header.shrink #logo {
    width: auto;
    display: contents;
}
header.shrink #navigation ul.nav li a {
    padding: 0.2em 0.35em !important;
}
header.shrink #navigation .nav li.parent > a:after {
    display: none !important;
}
header.shrink search, header.shrink hgroup, header.shrink #nav-container, header.shrink #navigation {
    max-height: 50px;
    width: auto !important;
}
header.shrink h2.site-description {
    font-size: 30px;
    float: right;
}
header.shrink .search_main {
    max-width: 90%;
}
header.shrink .searchform, #searchform {
    width: 99%;
    margin: -1px 0 0;
    border-width: 1px;
    border-radius: 10px;
}
#n2-ss-1item5 {
	text-shadow: #000 1px 1px 0px !important;
}
#n2-ss-1item5 a {
	text-shadow: #fff 1px 1px 0px !important;
}
.n2-ow h3, .n2-ow p {
    max-width: 100%;
    white-space: normal !important;
}
body.full-width #content {
    padding: 1.618em;
}
body.home.full-width #content {
    padding: 0;
}
.home .widget_woothemes_testimonials, .home .widget_woothemes_features, #grw_widget-2 {
	margin: auto;
	max-width:1100px;
	padding: 1em;
}

#grw_widget-2, #text-13 {
    background-color: #f7f7f7;
}
.widget_woothemes_features .feature, .widget_woothemes_testimonials .quote {
    text-align: center;
    width: 31%;
    padding: 1%;
    float: left;
}
#text-12, #text-16 {
    width: 40%;
    float: left;
    padding: 1em 5%;
    text-align: center;
}
h2.grw-widget-title.widget-title {
    text-align: center;
	font-size: 18px;
    color: #555555;
	padding-bottom: 1em;
}
.wp-gr .wp-google-list .wp-google-place {
    display: inline-block;
}
.wp-gr .wp-google-url {
    color: #0087cd !important;
    font-family: 'Titillium Web', arial, sans-serif !important;
    font-size: 20px !important;
}
#text-13 {
    display: inline-block;
}
#text-13 h3 {
    max-width: 450px;
    margin: auto;
    text-align: center;
	padding-top: 1em;
}
#text-13 .textwidget {
    padding: 0 3em;
}
#text-13 .dpsb-post {
    width: 30%;
    float: left;
    margin: 1.66%;
}
.dpsb-post h2 a {
    font-size: 20px;
    line-height: 26px !important;
}
.dpsb-date-author {
    color: #ccc;
    float: left;
    width: 100%;
}
.home #text-14, .home #custom_html-4 {
	margin: auto;
	max-width: 43%;
	padding: 0 3.5%;
	float: left;
}
#text-15 {
    clear: both;
}
.page-id-2431 .quote {
    width: 100%;
    text-align: left;
    margin-top: 1em;
}
#custom_cf7-9 h3 {
    color: #fff;
    background-color: #5cba3c;
    text-align: center;
    padding: 0.5em;
    font-size: 24px;
	border-radius: 10px;
	font-weight: normal;
}

@media screen and (max-width:1090px) {
	h2.site-description {
    	font-size: 30px;
	}
	ul.nav li a {
		font-size: 18px !important;
	}
}

@media screen and (max-width:990px) {
header.shrink h2.site-description {
    	font-size: 24px;
	}
	header.shrink .searchform, #searchform {
		margin: -5px 0 0;
	}
}

@media screen and (max-width:800px) {
	#header.shrink #nav-container {
		max-width: 75%;
	}
}

@media screen and (max-width:767px) {
	.nav-toggle.icon {
    	display: none;
}
	.csstransforms3d.csstransitions #navigation {
    	left: 0;
    	-webkit-transform: translate3d(0, 0, 0);
    	-moz-transform: translate3d(0, 0, 0);
    	-ms-transform: translate3d(0, 0, 0);
    	-o-transform: translate3d(0, 0, 0);
    	transform: translate3d(0, 0, 0);
    	-webkit-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
    	-ms-backface-visibility: hidden;
    	-o-backface-visibility: hidden;
    	backface-visibility: hidden;
		float: left;
		width: 100%;
	}
	#navigation ul {
    	margin: 0;
    	float: left;
    	width: 100%;
	}
	#navigation ul.nav li:last-of-type a {
	    padding: .5em !important;
	}
	#navigation ul#main-nav li a, #navigation ul#main-nav li ul li a 	{
    	color: #0087cd !important;
		clear: both;
	}
	#navigation ul#main-nav li a:hover, #navigation ul#main-nav li ul li a:hover 	{
    	color: #ed1b34 !important;
		text-decoration: none;
		background-color: #e6e6e6 !important;
	}
	#nav-container hgroup {
    	width: 100% !important;
	}
	#header.shrink {
  		position:relative;
  	 clear:none!important;
 	 width:100%;
 	 height:auto!important;
 	 max-height: auto !important;
 	 min-height: auto !important;
 	 z-index:999999999;
 	 transition: all 0.5s ease-in-out;
 	 -moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	background-color: #fff;
  	padding: 1.618em 1.618em 1em !important;
}
	
#header.shrink img {
  height: auto !important;
  max-height: auto !important;
}


#header.shrink #nav-container {
    padding-top: 0.5em;
    max-width: 100% !important;
	float: none;
}

header.shrink #navigation {
    margin-top: 0.1em;
	clear: none;
    padding-top: 0.5em;
}


header.shrink #nav-container {
    padding: 1em 0 0 0;
}
header.shrink #navigation ul.nav li a {
    padding: 0.2em 0.35em !important;
}
header.shrink #navigation .nav li.parent > a:after {
    display: none !important;
}
header.shrink search, header.shrink hgroup, header.shrink #nav-container, header.shrink #navigation {
    max-height: auto;
    width: auto !important;
}
header.shrink h2.site-description {
    font-size: 24px;
    float: right;
}
header.shrink .search_main {
    max-width: 100%;
}
header.shrink .searchform, #searchform {
    width: 100%;
    margin: 0;
    border-width: 1px;
    border-radius: 10px;
}
	#wrapper #header-container #header {
		padding: 1.618em 1.618em 1em !important;
    	margin: 0;
	}
	
	#nav-container {
    	padding: 0;
}
	#logo {
		width: 100%;
    	max-width: 100% !important;
}
	#nav-container hgroup {
    	width: auto;
    	float: left;
    	text-align: left;
}
	search {
    	width: 100%;
    	float: left;
}
	.search_main {
    	max-width: 100%;
    	float: left;
}
	.widget_woothemes_features .feature {
		width: 97%;
	}
	.wp-gr .wp-google-review, #text-12, #text-16, #text-13 .dpsb-post, .home #text-14, .home #custom_html-4 {
    	width: 100% !important;
    	max-width: 100% !important;
		padding: 0;
		margin: 1em 0 0;
	}
	 .home #text-12 h3, .home #text-13 h3, .home #text-14 h3, .home #text-16 h3, .home #custom_html-4 h3, .home #text-12 div, .home #text-13 div, .home #text-14 div, .home #text-16 div, .home #custom_html-4 div {
		margin: 0 1.618em 1.618em;	 
	}
	.home .widget {
	    text-align: center;
	}
	.home #custom_html-4 .wp-caption.alignright {
    	margin: 0 0 0.1em;
	    max-width: 50% !important;
	    padding: 0.1em;
	}
	.home #custom_html-4 .wp-caption.alignright p.wp-caption-text {
    	font-size: 14px;
	    font-style: italic;
	    color: #ccc;
	}
	.home #custom_html-4 .wp-caption.alignright img {
	    height: auto;
	}
	#text-13 .textwidget {
	    padding: 0 3em 0 0;
	}
	.home #text-13 .dpsb-post .alignright.wp-post-image {
    	width: 100%;
    	height: auto;
	}
}

@media screen and (max-width:400px) {
	#content section.entry img {
		width: 100%;
	}
}