/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body{
	overflow-x:hidden;
	background:#d6d6d6;
}
header{
	position:fixed;
	top:20px;
	left:20px;
	z-index: 99999999999999999;
}
#bottomright{
	position:fixed;
	bottom:0;
	right:0;
	height:316px;
	width:400px;
	background:url(img/bottomright.png);
	z-index:999999999999999;
}
#topleft{
	position:fixed;
	bottom:0;
	left:0;
	height:316px;
	width:400px;
	background:url(img/topleft.png);
	z-index:999999999999999;
}
#menulogo{
		position:relative;
	width:180px;
	height:180px;
	    margin-left: 65px;
	background:url(img/menulogo.png);
}
#logo{
	float:left;
	width:517px;
	height:180px;
	background:url(img/logo.png);
}
#menuicon {
    float: left;
    width: 70px;
    height: 180px;
    line-height: 140px;
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    cursor: pointer;
}
#pagetitle{
	position:fixed;
	bottom:20px;
	left:20px;
	color:#ffffff;
	font-family: 'Bebas Neue Regular', sans-serif;
	font-size:50px;
	text-transform:uppercase;
z-index: 999999999;
}
#menu {
    position: fixed;
    width: 330px;
    height: 100%;
    background: #fff;
	left:-330px;
	top:0;
    z-index: 99999999999999999999999999999999999;
	box-shadow: 10px 0 10px -10px rgba(0,0,0,0.3);

}
.menuitem{
	position:relative;
	width:330px;
	height:80px;
	cursor:pointer;
}

.menutitle{
	float:left;
	width:160px;
	height:80px;
}
.menutitle h2 {
    font-family: 'Bebas Neue Regular', sans-serif;
    color: #7AC5EF;
    font-size: 33px;
    margin-left: 10px;
    margin-top: 13px;
    line-height: 23px;
}
.weddingbg{
	float:left;
	width:170px;
	height:80px;
	
}
.grey{
	color:#8F8F8F;
	font-size:18px;
}
#weddingsmenu{
	background:url(img/weddingslide.png);
}
#weddingsgallerymenu{
	background:url(img/weddinggallery.png);
}
#engagementsmenu{
	background:url(img/engageslide.png);
}
#engagementsgallerymenu{
	background:url(img/engagegallery.png);
}
#mainwebmenu{
	background:url(img/website.png);
}
.cleardivs{
	clear:both;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - 32px)/3);
    margin-right: 0px;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    margin: 0 16px 0px 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.eg-load-more-block.eg-load-more-layout-10 a.eg-load-more-trigger {
    width: 90%;
    margin-left: 5%;
    z-index: 99999999999;
    position: relative;
    margin-bottom: 30px;
}
.wrapper{
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
	margin-top:200px;
}
.frontfour{
	float:left;
	width:240px;
	margin-right:10px;
	padding:10px;
	background:#fff;
}
.frontfour h3{
    font-family: 'Bebas Neue Regular', sans-serif;
    color: #868686;
    margin-top: 20px;
    font-size: 25px;
	margin-bottom:0;
}
.frontfour h4{
    font-family: 'Bebas Neue Regular', sans-serif;
color: #7ac5ef;
    margin-top: 0px;
    font-size: 50px;
}
.last{
	margin-right:0;
}
/* TypoPRO Bebas Neue Bold */
@font-face {
    font-family:  'Bebas Neue';
    src:          url('fonts/TypoPRO-BebasNeue-Bold.eot');
    src:          local('*'),
                  url('fonts/TypoPRO-BebasNeue-Bold.eot?#iefix') format('embedded-opentype'),
                  url('fonts/TypoPRO-BebasNeue-Bold.woff') format('woff'),
                  url('fonts/TypoPRO-BebasNeue-Bold.ttf') format('truetype');
    font-style:   normal;
    font-weight:  bold;
    font-stretch: normal;
    font-variant: normal;
}

/* TypoPRO Bebas Neue Regular */
@font-face {
    font-family:  'Bebas Neue Regular';
    src:          url('fonts/TypoPRO-BebasNeue-Regular.eot');
    src:          local('*'),
                  url('fonts/TypoPRO-BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
                  url('fonts/TypoPRO-BebasNeue-Regular.woff') format('woff'),
                  url('fonts/TypoPRO-BebasNeue-Regular.ttf') format('truetype');
    font-style:   normal;
    font-weight:  normal;
    font-stretch: normal;
    font-variant: normal;
}
#background{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0, .8);
	z-index:9999999999999999999999999999999999999;
	top:0;
	left:0;
	display:none;
}
.button{
	width:100%;
	background:#7ac5ef;
	padding:10px 0;
	cursor:pointer;
}
.button p{
	text-align:center;
	  font-family: 'Bebas Neue Regular', sans-serif;
    color: #fff;
    font-size: 20px;

}
#background h3{
	text-align:center;
	  font-family: 'Bebas Neue Regular', sans-serif;
    color: #fff;
    margin-top: 20px;
    font-size: 40px;
	margin-bottom:0;
}
#logoload {
    position: relative;
    width: 517px;
    height: 180px;
    background: url(img/logo.png);
    left: 50%;
    margin-left: -263px;
}
.loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.cleardivs{
	clear:both;
}

@media (hover: none) { 
#logo {
    float: left;
    width: 290px;
    height: 100px;
    background: url(img/logo.png);
    background-size: 290px;
}
	.wrapper {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 200px;
}
	header {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 99999999999999999;
}
	.frontfour {
    float: left;
    width: 100%;
    margin-right: 0;
    padding: 10px;
    background: #fff;
		margin-bottom:10px;
}
	#bottomright{
		display:none;
	}
	#menuicon {
    float: left;
    width: 70px;
    height: 100px;
    line-height: 61px;
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    cursor: pointer;
}
	#menu {
	box-shadow: none;

}
	.frontfour img{
		width:100%;
	}
}