/*
Theme Name: Samsty
Theme URI: https://simplyairconditioninglondon.co.uk
Description: A child theme of Susty
Author: Sam
Author URI: https://www.atompop.co.uk
Template: susty-master
Version: 1.0
*/

@import url("../susty-master/style.css");
@import url(https://fonts.bunny.net/css?family=lato:300,700|titillium-web:300,700);

body {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Titillium Web', sans-serif;
}
article > header > h1 { font-size:1.8em; font-weight: bold; }
h2 { font-size:1.5em; font-weight: bold; }
h3 { font-size:1.3em; font-weight: bold; }
h4 { font-size:1.1em; font-weight: bold; }
#content {
  	max-width: 100%;
}
.page .post-thumbnail, .post .post-thumbnail, .cat-links {
  display: none;
}
.n2-section-smartslider {  
	width: calc(2em + 100%) !important;
  	margin-left: -1em;
}
.logo {
	flex: auto;
}
.nav {
	width: 100%;
}
.main-menu {
  display: inline-flex;
  width: 100%;
}
*,
*:after,
*:before {
	box-sizing: border-box;
}

:root {
	--header-outer-height: 190px;
	--header-inner-height: 111px;
	--header-height-difference: calc(
		var(--header-outer-height) - var(--header-inner-height)
	);
	--header-bg: #fff;
}

.responsive-wrapper {
	width: 100%;
	padding: 0 1em;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.post-5820 h1 {
  display: none;
}
/* Sticky header */
.header-outer {
	/* Make it stick */
	height: var(--header-outer-height);
	position: sticky;
	top: calc(
		var(--header-height-difference) * -1
	); /* Multiply by -1 to get a negative value */
	display: flex;
	align-items: center;

	/* Other */
	background-color: var(--header-bg);
	box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	  z-index: 999;
}

.header-inner {
	/* Make it stick */
	height: var(--header-inner-height);
	position: sticky;
	top: 0;

	/* Other */
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Styling of other elements */
.header-logo img {
	display: block;
	height: calc(var(--header-inner-height) - 0px);
}
.header-navigation {
	display: flex;
	flex-wrap: wrap;
	float: right;
	min-width: 10em;
}

.header-navigation a,
.header-navigation button {
	font-size: 1.125rem;
	color: inherit;
	position: relative;
	font-weight: 500;
}

.header-navigation a {
	display: none;
	font-size: 1.125rem;
	color: inherit;
	text-decoration: none;
}

.header-navigation button {
	border: 0;
	background-color: transparent;
	padding: 0;
}

.header-navigation a:hover:after,
.header-navigation button:hover:after {
	transform: scalex(1);
}

.header-navigation a:after,
.header-navigation button:after {
	transition: 0.25s ease;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: currentcolor;
	transform: scalex(0);
	position: absolute;
	bottom: -2px;
	left: 0;
}
#header-left {
  	width: 30%;
}
#header-right {
  	width: 70%;
	text-align: right;
}
h1.site-title {
  	font-size: 1em;
  	margin: 0;
}
h2.site-description {
  	font-size: 0.9em;
  	margin: 0;
}
h1.site-title a, h2.site-description {
	color: #bbb;
}
input[type="search"] {
  color: #666;
  border: 1px solid #bbb;
  border-radius: 0.4em;
  padding: 0px 25px 2px 6px;
  font-size: 0.9em;
}
ul#top-menu {
  	list-style-type: none;
  	margin: 0;
  	padding: 0 0 0 5px;
  	overflow: hidden;
  	background-color: #fff;
	display:table;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
ul#top-menu li {
	display:table-cell;
}
ul#top-menu li a {
  	display: block;
  	color: #555;
  	text-align: center;
	text-align: left;
  	padding: 6px 6px 6px 10px;
  	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size:80%;
}
#top-menu li a {
  background-color: #fff;
}
ul#top-menu li a:hover, ul#top-menu li a:active {
	color: #555;
}
.dropbtn {
  	display: inline-block;
  	text-align: center;
  	padding: 14px 16px;
}
li.dropdown {
  	display: inline-block;
}
.dropdown-content {
  	display: none;
  	position: absolute;
  	min-width: 160px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 	z-index: 1;
}
.dropdown-content a {
 	padding: 12px 16px;
  	text-decoration: none;
  	display: block;
  	text-align: left;
	background-color: #e6e6e6 !important;
}
.dropdown-content a:hover {
	color: #fff;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/* mobile nav */
ul.menu-items {
  	list-style-type: none;
  	margin: 0;
  	padding: 3em 0 0;
  	overflow: hidden;
  	background-color: #fff;
}
ul.menu-items li {
	float: left;
}
ul.menu-items li a {
  	display: block;
  	color: #555;
  	text-align: center;
  	padding: 6px 12px;
  	text-decoration: none;
}
ul.menu-items li a:hover, ul.menu-items li a:active {
	color: #555;
}
.navbar .dropdown-content {
  	width: 100%;
}
.navbar {
  width: 100%;
  box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
	z-index: 12;  
	position: relative;
}
.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
}
.navbar .menu-items {
  display: flex;
}
.navbar .nav-container li {
  list-style: none;
}
.navbar .nav-container a {
  text-decoration: none;
  color: #555;
  font-weight: 500;
  font-size: 1.2rem;
}
.navbar .nav-container a:hover{
    font-weight: bolder;
}
.nav-container {
  display: block;
  position: relative;
	background-color: #fff;
}
.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 3.7em;
  width: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 8px;
  left: 40px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 80%;
  border-radius: 22px;
  background: #555;
	margin: 2px 22px;
}
.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}
.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}
.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}
.navbar .menu-items {
  height: 100vh;
  width: 100%;
  transform: translate(150%);
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  text-align: center;
}
.navbar .menu-items li {
  font-size: 1.5rem;
}
.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}
.nav-container input[type="checkbox"]:checked ~ .logo {
  display: none;
}

#two-col-sidebar {
  display: inline-block;
}
article {
  width: 65%;
  float: left;
}
.home article {
  width: 100%;
}
.home .main-sidebar-widgets {
  display: none;
}
.main-sidebar-widgets {
  width: 32%;
  float: right;
	clear: inline-end;
}
#footer-widget {
  padding: 0 1em;
}
.four-footer-widgets {
	width: 33%;
  	float: left;  
	padding-right: 1em;
}
@media (min-width: 800px) {
	.header-navigation a {
		display: inline-block;
	}

	.header-navigation button {
		display: none;
	}
}
@media screen and (min-width: 1095px) {
	ul#top-menu li a {
		font-size:90%;
	}
}
@media screen and (min-width: 650px) {
	.navbar {
		display: none;
	}
}
@media screen and (max-width: 650px) {
  	ul#top-menu li, ul#top-menu li.dropdown, ul#top-menu li.dropdown div  {
	  	float: none;
		width: 100%;
	}
	ul#top-menu, h1.site-title, h2.site-description  {
		display:none;
	}
	.header-navigation {
  		width: 14em;
  		right: 0;
  		position: absolute;
  		margin-top: -0.35em;
	}
	search {
  		position: absolute;
  		top: 0.2em;
  		right: 1em;
	}
	.logo {
		flex: auto;    
		margin: -0.5em 0 0 2.1em;
    	font-size: 150%;
	}
	input[type="search"] {
  		padding: 1px;
	}
	article, #main-sidebar, .four-footer-widgets {
  	width: 100%;
  	float: none;
	}
}
/* imported css from old site: 
#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;
}
.home .dpsb-post:nth-of-type(1), .home .dpsb-post:nth-of-type(2), .home .dpsb-post:nth-of-type(3) {
  text-align: center;
}
.home .dpsb-post:nth-of-type(1) .dpsb-date-author, .home .dpsb-post:nth-of-type(2) .dpsb-date-author, .home .dpsb-post:nth-of-type(3) .dpsb-date-author {
  display: none;
}

.home .dpsb-post:nth-of-type(1) img.wp-post-image, .home .dpsb-post:nth-of-type(2) img.wp-post-image, .home .dpsb-post:nth-of-type(3) img.wp-post-image  {
  width: 74px !important;
  text-align: center;
  object-fit: contain !important;
  height: 74px !important;
  float: right !important;
}

@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%;
	}
}
*/