.parallax-body{
	background: #F5F5F5;
	/*height: 500px;*/
	background-attachment: scroll;
    background-position: center;
    /*background-repeat: no-repeat;
    background-size: cover;*/

}
html{
	/*background: url(../../images/htmlbg.png) repeat fixed;*/
	top: 0;
	left: 0;
	height: 100%;
}
body {
  height: 100vh;
  min-height: 100%;
}

.grey span{
	line-height: 1.5em!important;
	font-size: 1.2em;
}

body{
	font-family: 'Montserrat', sans-serif;
	background: #F5F5F5;
}
.row{
	/*background-color: #ffffff;*/
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.collapse{
	margin-top:0!important;
	margin-bottom:0!important;
}
.nopad{
	margin-top: 0!important;
	margin-bottom: 0!important;
}

.column-top-drop{
	display: none;
}

/*HEADINGS - ALL DOWN IN SIZE BY 1 FROM FOUNDATIONS DEFAULTS - large only*/




/*home page*/
.home h1, .home h2, .contact h2, .home h3, .home h4, .home h5, .home h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	/*text-align:  center;*/
	color: #212121;
	text-transform: uppercase;
	/*display: inline-block;*/
	display:table;
	position:  relative;
	padding-bottom: 5px;
	margin-bottom: 1rem;
	margin-left: auto;
    margin-right: auto;
}
/*underline of headings*/

.home h1:before, .home h2:before, .home h3:before, .home h4:before, .home h5:before, .home h6:before{
    content: "";
    position: absolute;
    /*width: 80%;*/
    width:100%;
    height: 1px;
    bottom: 0;
    /*left: 10%!important;*/
    border-bottom: 2px solid #212121;
}

/*all other page*/
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	/*text-align:  center;*/
	color: #212121;
	text-transform: uppercase;
	/*display: inline-block;*/
	display:table;
	position:  relative;
	padding-bottom: 5px;
	margin-bottom: 1rem;
	/*margin-left: auto;
    margin-right: auto;*/
}

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before{
    content: "";
    position: absolute;
    /*width: 80%;*/
    width:100%;
    height: 1px;
    bottom: 0;
    /*left: 10%;*/
    border-bottom: 2px solid #212121;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 1.9375rem; }
  h2, .h2 {
    font-size: 1.5625rem; }
  h3, .h3 {
    font-size: 1.25rem; }
  h4, .h4 {
    font-size: 1rem; }
  h5, .h5 {
    font-size: 0.9rem; }
  h6, .h6 {
    font-size: 0.8rem; }
}

/*button*/
.button{
	text-transform: uppercase !important;
}

/*images*/
.img-right{
	float:  right;
	margin-left: 10px;
}
.img-left{
	float:  left;
	margin-right: 10px;
}
/*quill editor css*/
p .ql-size-small{
	font-size: 0.7em!important;
	font-weight: normal;
	line-height: 0.9em!important;
	margin-bottom: 0.5em!important;
}
.ql-align-center{
	text-align:  center;
}
.ql-align-left{
	text-align:  left;
}
.ql-align-right{
	text-align:  right;
}

/*---*/

.home{
	text-align:  center;
}

p{
	/*text-align:  center;*/
	font: 1.2em/1.8em 'Merriweather', serif;
}
p span{
	font-family: 'Merriweather', serif;
	font-weight: bold;
}

.content_wrapper ul, .content_wrapper ol{
	font: 1.2em/1.8em 'Merriweather', serif;
	margin-left: 3%;
}

/*heros headers and animations*/
.herogif{
	text-align: center;
}
.herogif img{
	border: 1px dotted silver;
}

.hero{
	/*border: 1px solid red;*/
	min-height: 480px;
	width: 1125px;
	background: #ffffff url(../../images/wip-1039x462.jpg) no-repeat fixed center 170px;	
	/*background-size: 86%;*/
	/*background: url(../../images/herosmall-1600x538.png) no-repeat fixed center 80px;*/
    /*background-size: cover;*/
    /*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	/*overflow: hidden;*/

}

.hero img{
	width: 100%;
}
.hero-bg{
	background-color: #ffffff;
	padding-top: 0!important;
}

.topstrip{
	/*background:  #f5f5f5;
	border:  1px solid silver;*/
	text-align: center;
	padding: 0;
	margin: 0;
	color: #797979;
	text-transform: uppercase;
}
.topstrip li{
	padding: 10px 20px;
}
.topstrip a{
	padding: 0;
	margin: 0;
	color: #797979!important;
	text-transform: uppercase;
}
.topstrip a:hover{
	color:#ff478c !important;

}
/*keeps sticky header on top of everything inc image-hover on folio*/
.sticky.is-stuck{
	z-index: 2000;
}
.top-bar, .top-bar ul{
	font-family: 'Montserrat', sans-serif;
	background-color:  #FAFAFA;
	padding: 0;
	margin: 0;
}
.title-bar{
	font-family: 'Montserrat', sans-serif;
	background-color:  #FAFAFA;
	color:#ff478c;
	text-align: center;
}
.top-bar, .title-bar, .bignav{
	letter-spacing: 1px;
}

}
.topmenu{

}
.social{
	position:  absolute;
	top: 0;
	right:  0;
	/*background-color: yellow;*/
}
.social ul{
	list-style-type:none;
	margin-top: 1px;
	padding: 0 5px 0 0;

}
.social li{
	display: inline-block;
	padding: 3px;
}

.social li:hover{
	/*background-color: #FF66CC;
	border-radius: 15px;*/
}
.has-tip{
	border-bottom: none;
}
.tooltip{
	font-size: 70%;
  /*color: #ff9ebf;*/
}

.menu-icon{
	/*background-color:#ff478c;*/
}
.menu-icon::after{
	background:#ff478c !important;
	box-shadow: 0 7px 0 #ff478c, 0 14px 0 #ff478c;
}
.menu-icon:hover::after{
	background: #fe415f;
	box-shadow: 0 7px 0 #fe415f, 0 14px 0 #fe415f;
}
.menu a{
	/*color: #5e5e5e;*/
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
}
.menu a:hover, grey:hover{
	color: #941651;
}
.menu .pink{
	/*margin-top: 28px;*/
}

/*remove the dropdown blue arrows on the menu*/
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border:  none !important;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a{
	padding-right: 30px !important;
}
.dropdown .menu li a{
	text-align: center;
	margin-left: 0!important;
	padding-left: 0!important;
}
.dropdown.menu .is-active > a{
	color: #ff478c;
}

.accordion.menu .is-active > a:hover{
	color: #ff478c;
}
.accordion.menu .is-active > a:focus{
	color: #ff478c;
}
.accordion.menu .is-active > a:active{
	color: #ff478c;
}
.accordion.menu .is-active > a:visited{
	color: #ff478c;
}

.is-dropdown-submenu {
	/*border-top: none!important;*/
	border:none;
}

/*---*/
.bignav{
	width: 100%;
	text-align:  center;
}

.bignav ul{
	margin-left: 0;
	margin-top: 10px;
}
.bignav ul li{
	width: 100%;
	text-align: center;
	margin: 0;
	}

.bignav ul li ul{
	width: 100%;
	text-align: center;
	margin: 0;
	}

/*LINKS*/
a, .pink{
	color: #ff478c;
}
a:hover, a:focus {
    color: #941651;
   }

/*----*/
.grey{
	color: #212121;

}
.top-border{
	border-top: 1px solid silver;
}
.downarrow{
	padding-bottom: 12px;
	background: url(../../images/downarrow.png) no-repeat 130px 60px;
}
.downarrow-right{
	padding-bottom: 12px;
	background: url(../../images/downarrow.png) no-repeat 135px 60px;
}
.header{
	background: #ffffff;
	border-bottom: 2px solid #5e5e5e;
	z-index: 100;
}
.main-header{
	padding: 25px 0;
	z-index: 1000;

}
.data-sticky-container{

}

/*accordion menu for mobile only*/
.accordion-menu .nested.is-accordion-submenu{
	margin-left: 0;
	background-color: #ffffff;
}
.accordion-menu .is-accordion-submenu a {
	padding:  0.2rem 1rem 0 1rem;
	color: #ff478c!important;
}
.accordion-menu .is-accordion-submenu a:hover {
	color: #941651!important;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {

    border-color: #ff478c transparent transparent;
    /*position is absolute so this is distance from right hand edge of browser window*/
    right: 4rem;
}
/*Makes the dropdown item triggers on the mobile menu stand out with white bg*/
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle){
	background-color:  #ffffff;
	border-bottom: 1px solid silver;
}

.logo{
	text-align:  center;
	padding:  30px 0 20px 0;
}

/*IMAGE HOVERS - GALLERY*/
.gallery-container{

}
.gallery{

}

.gallery .image-wrapper{
	position: relative;
	background-color: #ffffff;
	height: 330px;
	max-height: 330px;
	overflow:  hidden;
	text-align: center;
}

.gallery .image-wrapper .image-wrapper-banner {
  color: #212121;
  /*font-weight: 400;*/
  left: 0;
  padding: 0.5rem 0.5rem 1.8rem 0.5rem;
  position: absolute;
  /*top: 25%;*/
  bottom:0;
  width: 100%;
  z-index: 10;
font-size: 1.1em;
line-height: 1.3em;
text-align:  center;
background: rgba(255, 255, 255, 0.8);

}



.image-wrapper-banner{

}



.gallery-button-wrapper{
	position:  absolute;
	bottom: 5px;
	z-index:  20;
	width: 100%;
	height: 20px;
	text-align:  center;
}
.gallery-button-wrapper .zoom, .gallery-button-wrapper .go-there{
	font-size: 0.8em;

}

.zoom{

	padding-left: 10px;
}
.zoom img{
	padding-right:  10px;
}
.go-there{

	padding-right: 10px;
}

.go-there img{
	padding-left:  10px;
}

.reveal-overlay{
	z-index:100000!important;
}

.reveal{
	text-align:  center;
}

/*PORTRAIT GALLERY - HAS A HEADING and smaller caption OTHERWISE SAME AS ANY BLOCK GALLERY*/
.gallery .portrait-header{
	font-size: 0.8em;
	border-bottom:none;
	line-height: 1em;
	height: 30px;
	font-weight: 600;
	padding: 5px 0;
	font-family: 'Montserrat', sans-serif;
}
.gallery .portrait-caption{
	font-size: 0.9em !important;
	line-height: 1em !important;
	font-weight: 400;
}


/*HOME PAGE FOLIO ONLY*/
/*image hover wrapper from bl foundation */
/*featured projects reveal content on hover*/

.image-hover-wrapper {
  position: relative;
}

.image-hover-wrapper a {
  display: inline-block;
  letter-spacing: normal;
  line-height: initial;
  margin: 0;
  padding: 0;
  position: relative;
}

.image-hover-wrapper a img {
  float: left;
  overflow: hidden;
  width: 100%;
}

.image-hover-wrapper a .image-hover-wrapper-reveal {
  color: #fefefe;
  display: inline;
  height: 100%;
  margin-left: -100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 800;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
	background: rgba(255, 255, 255, 0.9) url(../../images/arrow.png) no-repeat center bottom;
}

.image-hover-wrapper a .image-hover-wrapper-reveal:hover {
  opacity: 1;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.image-hover-wrapper a .image-hover-wrapper-reveal:hover p {
  opacity: 1;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
  color: #212121;
}

.image-hover-wrapper a .image-hover-wrapper-reveal p {
  bottom: 0;
  display: block;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  color: #ffffff;
  font-size: 1em;
	/*line-height: 1.6em;
	padding-bottom: 10px!important;*/
	font-weight: 600;
}

/*.image-hover-wrapper a .fa {
  font-size: 0.9em;
}*/

.image-hover-wrapper .image-hover-wrapper-banner {
  color: #212121;
  text-transform:  uppercase;
  font-weight: 600;
  left: 0;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  position: absolute;
  /*top: 25%;*/
  bottom:1.5%;
  width: 100%;
  z-index: 10;
font-size: 1.4em;
text-align:  center;
/*add the arrow and padding space for it*/
	background: rgba(255, 255, 255, 0.8) url(../../images/arrow.png) no-repeat center bottom;
}
/*-----*/
/*end*/
.freud{

}
.form-section{
	/*background: url(https://www.markmasonanimation.co.uk/bespoke/images/peoplebg4.jpg) repeat;
	margin-top: 2em;*/
}

form{
	/*background:rgba(255,255,255, 0.94);*/

	margin: 0;
	padding: 20px 20px 20px 20px;
}
label{
	/*font-weight: bold;
	font-size: 1.2em;*/
}
li label{
	font-size: 0.9em;
}

.form-list{
	text-align:  left!important;
	font-size: 0.7em;
	color: #000000!important;
	margin: 0;
}
[type='checkbox'], [type='radio']{
	margin: 0 0.4em  0.2em 0!important;
}
textarea, [type='text']{
	border: 1px solid #5e5e5e;
	border-radius:1px;
	text-align: center;
}

.mini{
	font-size: 0.9em;
	text-align:  left!important;
}
.submit-btn{
	border: 2px solid #5e5e5e;
	padding: 10px 50px 10px 30px;
	margin:  20px 0 0 0;
	color: #ff478c;
	border-radius:1px;
	text-transform: uppercase;
	background: url(../../images/arrow.png) no-repeat scroll 125px 13px;
	font-size: 1.2em;
	letter-spacing: 2px;
}

.submit-btn:hover{
	color: #ffffff;
	border-radius:1px;
	text-transform: uppercase;
	background: #191919 url(../../images/arrow.png) no-repeat scroll 125px 13px;

}

/*back to top sticky arrow*/
#back-top {
  position: fixed;
  bottom:60px;
  right: 2%;
  z-index: 100;
  
  height: 28px;
  padding: 2px 6px;
  background: rgba(245, 245, 245, 0.9);
  border-radius:3px;

	font-size: 0.9em;
	text-align: center;
	/*background-blend-mode: darken;*/
}
#back-top a{
	color:#FF66CC;
}
#top{
	width: 0px;
	height: 0px;
	/*display: none;*/
	position:  absolute;
	top: 200px;
}
/*back to top a colours*/

.back-top a:hover{
	color: #FF66CC!important;
}
.back-top a:focus{
	color: #FF66CC!important;
}
.back-top a:active{
	color: #FF66CC!important;
}
.back-top a:visited{
	color: #FF66CC!important;
}


/*--*/

/*-FOOTER AND BELOW-*/
.contact{
	border-top: 2px solid #5e5e5e;
	background: #ffffff;
	min-height: 100px;
	text-align:  center;
	padding: 1.5rem 0;
}

.contact p{
	font-size: 1em;
}
.footer{
	background-color: #191919;
	color: #FF66CC;
	font-size: 0.8em;
	padding: 20px 0;
}

.motto{
	background-color: navy;
}
.below-footer{
	background-color: #000000;
}
.below-footer p{
	font-size: 0.7em!important;
	padding: 12px 0 0 0;
	color: #FF66CC!important;
}

.f-social a:hover, .social a:hover{
	opacity:  0.7;
}
/*fix vimeo big gaps in iframe!*/
.bdi_iframe_wrap iframe{
	margin: 0;
	}
	
.alert{
	color: #ff478c;
	background: url(../../images/alert-bg.gif) no-repeat scroll;
	font-weight: bold;
	font-style: italic;
}
	
.responsive-embed{
	border:  none!important;
}

	/*below forom responsive embed info at test*https://blog.theodo.fr/2018/01/responsive-iframes-css-trick*/


/*video embeds
.bdi_iframe_wrap{
	text-align: center!important;
	border:  none!important;
	display:  block;
	position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.bdi_iframe_wrap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; 
 }*/

/*MEDIA QUERIES*/
/*GUIDES*/
/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/*END GUIDES*/

@media screen and (min-width: 64em){
	.bdi_iframe_wrap{
		/*width:70%!important;
		height:70%!important;
		margin-left: 15%;*/
		display:  block;
	}
}
/*small only*/
@media screen and (max-width: 39.9375em) {
	/*center all footer stuff on smallest*/
	.f-social{
	text-align:center;
	padding: 10px 0;
	}
	#back-top {
  	bottom: 45px;
  	right: 3px;
  }
  .gallery .image-wrapper{
	height: 160px;
	max-height: 160px;
	overflow:  hidden;
	}
	.gallery .image-wrapper .image-wrapper-banner {
  	font-size: 0.8em;
	line-height: 1.1em;
	}
	/*reduce padding on columns in gallery for small only*/
	.gallery{
  padding-left: 0.25rem!important;
  padding-right: 0.25rem!important;
	}
	.main-header{
		padding: 0;
	}
	.logo{
	padding: 15px 0;
	}
	/*home page gallery only fonts and padding if using as 2 up*/
	.image-hover-wrapper a .image-hover-wrapper-reveal p{
		font-size: 0.8em;
		line-height: 1em;
	}
	.image-hover-wrapper .image-hover-wrapper-banner{
		font-size: 0.8em;
		line-height: 1em;
		padding-bottom: 2em;
		}
		.reveal{
			height: auto;
			min-height: auto;
		}
		.freud img{
			max-height: 150px;

		}
		.hero{
		background: #ffffff url(../../images/wip-1125x500.jpg) no-repeat 0 40px;
		width: 100%;
		/*height:  auto;*/
		min-height:220px;
		-webkit-background-size: 100% auto;
		
		    	}
    	
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

		.hero{
		background: #ffffff url(../../images/wip-1125x500.jpg) no-repeat 0 40px;
		width: 100%;
		min-height: 380px;
		-webkit-background-size: 100% auto;

	}

}
/*BLOG PAGES*/
/*main content blog posts*/
.blog-posts{
	
}
.blog-posts h2{
	font-size: 1em;
	margin-top: 1em;
}
.blog-posts a{
	
}
.blog-posts p{
	/*text-align:  left;*/
	font-size: 1em;
	margin-bottom: 0.5rem;
}
.blog-title{
	font-size: 1.2em;
	text-align:  left;
}

/*blog nav on right*/
.blog-nav{
	
}
.blog-nav h2{
	font-size: 1em;
	margin-bottom: 0.2em;
	margin-left:  auto;
	margin-right:  auto;
}
.blog-nav p, .blog-nav a{
	text-align:  center;
	font-size: 0.9em;
	margin-bottom: 0.2em;
}
.blog_categories{
	/*border-bottom: 2px solid #5e5e5e;
	
	background: #ffffff;*/
	padding: 10px 0;
}



/*ADMIN STYLES - SHIFTed TO EASY ED ADMIN CSS
*/

/*image uploader
.img-upload-grid{
	
}
.img-upload-grid label{
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	word-break: break-all;
}

.btn-toggle{
	display: block;
}

#ROW-HEADER{
	height: 2px!important;
	margin: 0 auto !important;
	padding: 0!important;
}
.column-top-drop
{
	display : none;
}*/