*{outline:none;}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body{
padding:0;
margin:0;
height:100%;
width:100%;
min-height:100%; 
font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
body {
color: #ffffff;
font-size: 18px;
line-height:23px; 
}
a {
transition: 0.4s; text-decoration:none ;
}
a:visited  {
color:#AAAAAA;
}
a:hover {
text-decoration: none; color: #27273E
}
a img ,img{
border: none;
}	
a:focus, a:hover, a:active {
outline: none;
}
a.more-link{display:none;}
img,fieldset{border:none;}
img{max-width: 100%;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
select {
-webkit-appearance: none;
}
input {
-webkit-appearance: none;
}
hr{height: 1px; background-color: #F2ECDE; border: none; width: 20%; margin-left: uto; margin-right: auto; margin-bottom: 15px;} h1,h2,h3,h4,h5{
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 5px;
margin: 0;
font-weight: 500;
}
h1{font-size: 70px; line-height:70px; letter-spacing: -2px; padding-bottom: 5px }
h2{font-size: 42px; line-height:42px; letter-spacing: -0.8px  }
h3{font-size: 25px; line-height:25px;  }
p{
padding: 0;
margin: 0px; padding-bottom:10px; 
} 
li{
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0; padding-bottom: 8px
}
ul,ol{padding: 0px; margin: 0px; margin-left: 18px}
ul.widget{
list-style:none;
padding:0;
margin:0;
}
b,strong{
font-weight:700; 
}
blockquote{
padding:0px; margin: 0px
}
blockquote p{font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: -0.7px; } .wrap{	 
max-width: 100%;     margin: 0 auto; padding-left: 5%; padding-right:5%
}
.wrap:after{display: table; clear:both; content:'';}
#wrapper{
background:none;
padding:0;
margin:0;
width:100%;
box-shadow:none;
}
#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;} #headerwrap{width: 100%;
max-width: 100%;
display: block; position: absolute; z-index: 9999; padding-top: 50px;
}
#centredlogo{
text-align: left;  width: auto; float: left
}
#centredlogo a{display: block}
#centredlogo img{  height: auto; height: 68px;  width: auto}
#centredlogo img.text-logo{margin-left: 12px; margin-right: 30px}
.scrolled{ }
@keyframes gentle-rotate {
0% { transform: rotate(0deg); }
30% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); }
}
.animated-image {
animation: gentle-rotate 3s ease-in-out infinite;   filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.8));
} #main-nav{
margin: 0 auto; display:block; float:right;  text-align: right; 
}
#main-nav ul{
list-style:none;
padding:0;
margin:0;
}
#main-nav ul li{
display:inline-block;
margin-left: 3px; margin-right: 3px; padding-bottom: 0px
}
#main-nav ul li span{
}
#main-nav ul li a{
font-size: 15px;
padding: 0px; margin-left: 15px; font-weight: 500; line-height: 97px;
display: block; text-decoration:none; color: #31373E; 
}
#main-nav ul li a:hover{
color: #255B96; 	
}
#main-nav ul li.current-menu-item a{
color: #255B96
}
#main-nav ul li.current-menu-item a{
}
#main-nav ul li.current_page_parent a{
color: #255B96
}
#main-nav ul li.current_page_parent a{
} #main-nav li ul{position: absolute;width: 250px;
z-index: 9999;
background-color: #255B96;
visibility: hidden;
opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 12px; padding-bottom:12px;border-bottom-color: #ffffff; border-bottom-width: 3px; border-bottom-style: solid}
#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li a{
font-size: 15px;
padding-top: 0px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 0px;
margin: 0px;
border: none!important;
color: #ffffff; line-height: 20px
}
#main-nav li ul li a:hover {
border-radius: 0!important;
color: #D6DCE3;
border: none!important;
}
#main-nav ul li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}
#main-nav ul li.current-menu-item li a{color: #ffffff; border: none!important;}
#main-nav ul li.current-menu-item li a:hover{color: #D6DCE3!important; border: none!important;}
#main-nav ul li.current_page_parent li a{
color: #ffffff
}
#main-nav ul li.current_page_parent li a:hover{
color: #D6DCE3
} #banner{
position: relative;
width: 100%; height: auto; 
}
#banner img{
width: 100%; height: auto; min-width: 100%
}
#homepage-banner{position:relative; }
#banner-home{position:relative; }
#banner-home img{width:100%; display:block;}
.flexslider .slides > li{}
#banner-home .flex-control-nav{display :none}
.flex-direction-nav{display:none;}
.flex-control-nav {
display: none!important
}
.show-mob,.close-mob{display:none;}
#new-sub-banner {
height: 60vh; position: relative; z-index: 9; 
}
#new-sub-banner .wrap{
position: relative;
}
#banner-overlay {
position: absolute; bottom: 60px; left: 0px; right: 0px; text-align: left; z-index: 9999
}
#banner-overlay h2 {
color: #ffffff;
display: inline-block;
margin-left: auto;
margin-right: auto;
font-size: 80px; line-height:70px; letter-spacing: -3px
}
#sub-banner-titles{padding-bottom: 25px;} #footer{background-color: #272741}
#footer-inner{padding-top: 30px; padding-bottom: 30px;}
#footer p{ font-size: 13px; letter-spacing: 0px; padding-bottom: 0px;color: #ffffff }
#footer a{ color: #ffffff; letter-spacing: 0px;  text-decoration: none }
#footer li{list-style: none; color: #ffffff}
#footer-left{float: left; width: 50%; text-align: left}
#footer-right{float: left; width: 50%; text-align: right} .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
border-radius: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 12px;
min-width: 98%;
color: #000000;
font-size: 15px;
line-height: 46px;
font-family: "Josefin Sans", sans-serif;
border: none;
padding-top: 4px;
padding-right: 12px;
padding-left: 12px;
padding-bottom: 4px; background-color: #EAEEF1
}
textarea.wpcf7-form-control.wpcf7-textarea {
border-radius: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 7px;
min-width: 98%;
color: #000000;
font-size: 15px;
line-height: 22px;
margin-top: 0px; line-height: 46px;  height: 70px;   font-family: "Josefin Sans", sans-serif; border: none;    padding-top: 4px;
padding-right: 12px;
padding-left: 12px;
padding-bottom: 4px; height: 100px; background-color: #EAEEF1
} 
.wpcf7-form input[type=submit] {
background-color: #68A677;
color: #ffffff;
padding-top: 18px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 18px;
text-decoration: none;
font-size: 13px; display: block; text-transform: uppercase; letter-spacing: 2px; margin-top: 10px; margin-right: 10px; border-width: 0px; width: 100%; border-radius: 8px
}
.wpcf7-list-item{margin-left: 0px!important}
.wpcf7-form input[type=checkbox] {
border: 1px solid #ffffff; width: 15px; height: 15px;    -webkit-appearance: auto;
}
.wpcf7-form p {
font-size: 12px; line-height: 21px
}
input::placeholder, textarea::placeholder {
color: #000000
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #ffffff;
color: #ffffff;
}  .fade-in-up {
opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; will-change: opacity, transform; } .fade-in-up.visible {
opacity: 1; transform: translateY(0); } .paddingtopsmall{padding-top:50px}
.paddingbottomsmall{padding-bottom: 50px}
.paddingtop{padding-top:100px}
.paddingbottom{padding-bottom: 100px}
.margintop{margin-top: 80px}
.marginbottom{margin-bottom: 80px}
.nobottommargin{margin-bottom: 0px!important}
.whitetext p, .whitetext a, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li{color: #ffffff!important}
.darktext p, .darktext a, .darktext h1, .darktext h2, .darktext h3, .darktext h4, .darktext li{color: #31373E!important}
.navybackground{background-color:#272741}
.pinkbackground{background-color: #C9A293}
.whitebackground{background-color: #ffffff}
.greybackground{
background-color: #F8F7F9
}
.greenbackground{background-color: #7B8495}
.roundedcorners{border-radius: 8px}
.roundedcorners img{border-radius: 8px}
.flexrow {
position: relative;
z-index: 9;
display: flex;
}
.mobile-nav{display:none}
.mobile-only{display:none!important}
.desktop-only{display: block!important}
.cky-title{display: none!important}
.cky-notice-des a{color:#ffffff}
.cky-notice-des p{padding-bottom: 5px}
.page-id-364 .videorow{height: 100vh; 
}
.videorow{height: 75vh;  overflow: hidden; width: 100%;
}
.videorow .vidbg-container::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%; background: url(//www.mariagreen.co.uk/wp-content/themes/mariagreen/images/video-shadow.png) no-repeat bottom center;
background-size: 100% 100%;
pointer-events: none; top:0px
}
.hometextbox{
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 25px; position: absolute; left:50px; right: 50px;  bottom: 45px; max-width: 470px
}
.hometextbox p{
max-width: 85%
}
.bannerlogo img{position: relative; z-index: 99999; max-width:  80%!important;  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));}
.wpb_single_image {
overflow: hidden; 
}
.wpb_single_image a img {
transition: opacity 0.6s ease, border-radius 0.6s ease, transform 0.6s ease;
}
.wpb_single_image a img:hover {
border-radius: 8px;
transform: scale(1.1);
}
.box{
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 5px
}
.animated-horse {
animation: gentle-rotate 3s ease-in-out infinite;  
}
.contactfooter{text-align: center}
.contactfooter img{display: inline-block!important; margin-left: 3px; margin-right: 3px; margin-top: 15px}
.cff-page-name a {
font-size: 16px
}
.page-id-235 .videorow {
height: 47vh;
}
.home-services p{max-width: 85%}
.socialblock a{text-decoration: none!important}@media only screen and (max-width:3000px) {
.show-mob{display:block;padding-top:25vh;padding-left: 30px; padding-right: 30px}
.mobile-nav{ float: right;
font-size: 28px;
cursor: pointer;
color: #2F245B; padding-left: 0px; background-image: url(//www.mariagreen.co.uk/wp-content/themes/mariagreen/images/menu-hamburger.svg); background-repeat: no-repeat; height: 45px; width: 45px; transition: 0.4s; background-size: 80%; display: block; margin-top: 15px;}
.mobile-nav:hover{ background-image: url(//www.mariagreen.co.uk/wp-content/themes/mariagreen/images/menu-hamburger-over.svg); background-repeat: no-repeat; height: 45px; width: 45px}
.mobile-nav .fa-bars{display: none}
#main-nav{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2000000;
display: none;
width: 100vw;
height: 100vh;
padding: 0;    transition: opacity 400ms ease 0s; margin-left: 0px; margin-right: 0px
}
#main-nav ul li{float:none; display: block;   font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal; letter-spacing: 3px;  padding-bottom: 7px; margin-bottom: 7px; list-style: none; font-size: 13px}
#main-nav ul li a{text-align:center; 
display: block;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;  border: none;color: #ffffff;     font-family: "Josefin Sans", sans-serif;
font-weight: 400;
font-style: normal;     text-transform: uppercase;
letter-spacing: 3px; font-size: 16px; line-height: 26px }
#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{color:#cccccc}
#main-nav li ul li a {
font-size: 14px;
padding: 0px;
margin: 0px;
border-bottom: none!important;
}
#main-nav ul li a:hover {
border: none
}
#main-nav li ul li a {
color: #666666; padding-right: 17px;
padding-left: 17px;
}
.menu-header{display:none; padding-top:50px;}
.close-mob{       position: fixed;
left: auto;
top: 0;
right: 0;
bottom: auto;
z-index: 60000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s;
transition: opacity .2s;
cursor: pointer; padding-top: 13px; padding-right: 22px }
.close-mob img{width:45px;}
.menuin{position: relative;
z-index: 99999999;
overflow-y: auto;
width: 100%;
height: 100%;
background-color:#272741; transition: 0.4s; float: right }
#main-nav li ul{
position: relative;
width: inherit;
padding-top: 0;
padding-right: 0;
padding-left: 0px;
padding-bottom: 0;
visibility: visible;
opacity: 1;
margin-left: 0px; border: none!important;
background:none;
}
.mobmenu-header {margin-bottom:30px;}
#main-nav ul li.current-menu-item a {
color: #B6B6B6;
}
#main-nav ul li.current_page_parent a {
color: #B6B6B6;
}
}
@media only screen and (max-width:1112px) {
.videorow {
height: 50vh;
}
.paddingtop {
padding-top: 70px;
}
.paddingbottom {
padding-bottom: 70px;
}
.paddingbottomsmall {
padding-bottom: 30px;
}
.paddingtopsmall {
padding-top: 30px;
}  
h1 {
font-size: 60px;
line-height: 60px;
}
h2 {
font-size: 32px;
line-height: 32px;
}
#footer-inner {
padding-top: 20px;
padding-bottom: 20px;
}
body {
font-size: 17px;
line-height: 22px;
} 
.home-services p {
max-width: 95%;
}
#centredlogo img {
height: 55px;
}
}
@media only screen and (max-width:850px) {
.mobile-only{display:block!important}
.desktop-only{display: none!important}
.videorow {
height: 35vh;
}
.paddingbottomsmall {
padding-bottom: 25px;
}
.paddingtopsmall {
padding-top: 25px;
}
.hometextbox {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
}
.hometextbox p {
max-width: 100%;
}  
.paddingbottom {
padding-bottom: 60px;
}
.paddingtop {
padding-top:60px;
}
#footer-left {
float: none;
width: 100%;
text-align: center;
}
#footer-right {
float: none;
width: 100%;
text-align: center;
}
h1 {
font-size: 60px;
line-height: 60px;
}
#headerwrap {
padding-top: 20px;
}
}
@media only screen and (max-width:767px) {
h1 {
font-size: 45px;
line-height: 45px;
}l
h2 {
font-size: 30px;
line-height: 30px;
}
.page-id-364 .videorow{height: 40vh; 
}
#centredlogo img {
height: 45px;
}
#centredlogo {
padding-top: 10px
}
}
@media only screen and (max-width:480px) {
.hometextbox {
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 10px;
left: 30px;
right: 30px;
bottom: 25px;
}
body {
font-size: 15px;
line-height: 20px;
}
#centredlogo img {
height: 35px;
}
#centredlogo img.text-logo {
margin-left: 10px;
margin-right: 0px;
}
}
@media only screen and (max-width:375px) {
.videorow {
height: 50vh;
}
}