ul {
list-style-image: url(bullet.png);
margin-bottom: 2%;
}
.figcaption {
font-family : "Playfair Display";
font-size : 120%;
color : #000000;
text-decoration: none;
line-height: 120%;
padding-top: 3%;
margin-bottom: 0%;
font-weight: normal;
margin-top: 1%;
text-align: center;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
padding-right: 0%;
}
.li {
font-family : "Playfair Display";
font-size : 250%;
color : #000000;
text-decoration: none;
line-height: 0%;
padding-top: 3%;
margin-bottom: 0%;
font-weight: normal;
text-align: center;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
padding-right: 0%;
}
.menu-holder{
color: transparent;
font-family : "arial";
height: 23px;
position: absolute;
width: 100%;
text-align: center;
z-index:200;
top: 0%;
padding-top: 55px;
padding-bottom: 55px;
margin:0 auto;
margin-bottom: 3%;
background-color: transparent;
opacity: 1;
}
.image-behind {
height: 1902px;
position: absolute;
width: 100%;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(web-images/architect-york.jpg);
background-size: 100%;
background-height: 1902px;
margin-bottom: 0%;
background-color: transparent;
}
.image-behind2 {
height: 1902px;
position: absolute;
width: 100%;
z-index:3000;
top: 0%;
margin-top: 9%;
padding-bottom: 0px;
background: no-repeat url(images/efdesign-header-image.jpg);
background-size: 100%;
background-height: 1902px;
margin-bottom: 0%;
background-color: transparent;
}
.footer-about {
position: relative;
width:99%;
height:14%;
z-index:30000;
top: 0%;
background-color: #575656;
layer-background-color: #575656;
padding-top: 0px;
padding-left: 10px;
text-align: center;
}
.about-content-holder {
position: relative;
width: 100%;
height:100%;
margin:0 auto;
z-index:201;
background-color: white;
layer-background-color: white;
border: 1px none #000000;
margin-top: 0%;
margin-bottom: 0%;
padding-bottom: 0%;
}
.about {
text-align: left;
position: relative;
width:100%;
height: 1600px;
margin:0 auto;
z-index:2000;
background-color: white;
layer-background-color: white;
margin-top: 0%;
margin-bottom: 0%;
}
#column1 {
position: absolute;
float: left;
width: 50%;
height: 50%;
margin-top: 40%;
margin-left: 0%;
background-color: transparent;
layer-background-color: transparent;
top: 10%;
}
#column2 {
position: relative;
float: right;
width: 50%;
height: 40%;
margin-top: 50%;
margin-right: 0%;
padding: 0px;
background-color: transparent;
layer-background-color: transparent;
}
#column2-mobile {
visibility: hidden;
width: 100%;
padding-top: 0%;
margin-left: 0%;
margin:0 auto;
height: 0;
}
#column3 {
position: relative;
margin:0 auto;
width: 90%;
padding-top: 50%;
}
#column4 {
position: relative;
float: left;
width: 100%;
padding-top: 100%;
margin-left: 0%;
}
#column5 {
float: right;
width: 50%;
padding-top: 0px;
margin-right: 0%;
}
#column6{
width: 100%;
padding-top: 0px;
margin:0 auto;
}
.main-text-about-left {
font-family : "Calibri";
font-size : 120%;
color : #575656;
text-decoration: none;
line-height: 120%;
margin-top: 0%;
padding-right: 4%;
padding-left: 4%;
padding-top: 0%;
margin-bottom: 2%;
font-weight: normal;
text-align: left;
}
.main-text-about-right {
font-family : "Calibri";
font-size : 110%;
color : #575656;
text-decoration: none;
line-height: 120%;
margin-top: 0%;
padding-right: 5%;
padding-left: 5%;
padding-top: 0%;
margin-bottom: 2%;
font-weight: normal;
}
.main-text-about-right-a {
font-family : "Playfair display";
font-size : 120%;
color : #575656;
text-decoration: none;
line-height: 120%;
margin-top: 4%;
padding-right: 0%;
padding-right: 0%;
margin-bottom: 0%;
width: 100%;
font-weight: normal;
text-align: center;
}
.quote-text-about {
font-family : "Calibri";
font-style: italic;
color : #777777;
font-size: 160%;
line-height: 170%;
text-align: left;
margin-top: 0%;
margin-right: 0%;
margin-left: 0%;
text-decoration: none;
margin-bottom: 0%;
border: 0%;
background-color:#ffffff;
}
.Layer1 {
position: relative;
width:100%;
height:100%;
margin:0 auto;
z-index:201;
background-color: white;
layer-background-color: white;
border: 1px none #000000;
margin-top: 50%;
margin-bottom: 0%;
padding-bottom: 0%;
}
.construction {
position: relative;
width:100%;
height:800%;
margin:0 auto;
z-index:201;
background-color: white;
layer-background-color: white;
border: 1px none #000000;
margin-top: 2%;
margin-bottom: 0%;
padding-bottom: 0%;
}
.construction-text {
font-family : "Calibri";
font-size : 140%;
color : #575656;
text-decoration: none;
line-height: 120%;
margin-top: 0%;
margin-bottom: 2%;
font-weight: normal;
margin: 0 auto;
text-align: center;
}
.image-behind-wedding {
height: 755px;
position: absolute;
width: 100%;
left: 0px;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(images/wedding-bar-banner.jpg);
margin-bottom: 0%;
}
.image-behind-special {
height: 755px;
position: absolute;
width: 100%;
left: 0px;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(images/events--bar-banner.jpg);
margin-bottom: 0%;
}
.image-behind-storey {
height: 755px;
position: absolute;
width: 100%;
left: 0px;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(images/our-story-banner.jpg);
margin-bottom: 0%;
}
.image-behind-links {
height: 755px;
position: absolute;
width: 100%;
left: 0px;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(images/links-banner.jpg);
margin-bottom: 0%;
}
.image-behind-contact {
height: 755px;
position: absolute;
width: 100%;
left: 0px;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(images/contact-banner.jpg);
margin-bottom: 0%;
}
.image-behind-gallery {
height: 755px;
position: absolute;
width: 100%;
left: 0px;
z-index:0;
top: 0%;
padding-top: 0px;
padding-bottom: 0px;
background: no-repeat url(images/gallery-banner.jpg);
margin-bottom: 0%;
}
.Layer1-wedding {
position: absolute;
width:100%;
height:891px;
margin:0 auto;
z-index:201;
background-color: #ffffff;
layer-background-color: #ffffff;
border: 1px none #000000;
}
.Layer1a-wedding {
position: relative;
width:70%;
margin:0 auto;
z-index:201;
background-color: #Ffffff;
layer-background-color: #Ffffff;
border: 1px none #000000;
}
.Layer2-wedding {
position:absolute;
width: 50%;
height:50%;
z-index:1;
background-color: #FFffff;
layer-background-color: #FFffff;
border: 1px none #000000;
}
.Layer3-wedding {
position:absolute;
width:50%;
height:50%;
margin-right: 50%;
padding-left: 1%;
z-index:2;
layer-background-color: #ffffff;
background-color: #ffffff;
left: 52%;
}
.telephone {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
line-height: 0%;
text-align: center;
margin-top: 0.2%;
margin-right: 0%;s
margin-left: 0%;
text-decoration: none;
margin-bottom: 2%;
border: 0%;
background-color:transparent;
padding-left: 0%;
padding-right: 0%;
}
.telephone a:link {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
text-decoration: none;
}
.telephone a:visited {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
text-decoration: none;
}
.telephone a:hover {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
text-decoration: none;
}
.telephone a:active {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
text-decoration: none;
}
/*///////////////////////*/
.tel-text {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
line-height: 0%;
text-align: center;
margin-top: 0.2%;
margin-right: 0%;s
margin-left: 0%;
text-decoration: none;
margin-bottom: 2%;
border: 0%;
background-color:transparent;
padding-left: 0%;
padding-right: 0%;
}
.tel-text-weddings {
font-family : "Calibri";
color : #ffffff;
font-size: 134%;
line-height: 0%;
text-align: center;
margin-top: 0.2%;
margin-right: 0%;s
margin-left: 0%;
text-decoration: none;
margin-bottom: 3%;
border: 0%;
background-color:transparent;
padding-left: 0%;
padding-right: 0%;
}
.t1 {
color: #FFFFFf;
font-family : "arial";
height: 12px;
position: absolute;
width: 100%;
text-align: center;
z-index:2;
padding-top: 0%;
padding-bottom: 0%;
margin:0 auto;
margin-bottom: 3%;
background-color: transparent;
}
.logotext {
width: 100%;
color: #FFFFFf;
text-decoration: none;
text-align: left;
z-index:2;
padding-bottom: 0%;
margin-right: 30%;
margin-left: 6%;
opacity: 1.0;
}
div.nav-top {
visibility: hidden;
width: 95%;
height: 5%;
background-color: transparent;
margin:0 auto;
display: flex;
align-items: top;
padding-top: 2%;
color: #000000;
text-decoration: none;
font-family : "Lao UI";
font-weight: normal;
}
.t1text {
font-size: 85%;
padding-right: 2%;
color: #000000;
text-decoration: none;
font-family : "Lao UI";
font-weight: normal;
z-index:2;
padding-bottom: 6%;
padding-top: 1%;
margin-right: 0%;
opacity: 1.0;
}
.t1text a:link {
color: #000000;
text-decoration: none;
font-family : "Lao UI";
font-weight: normal;
z-index:2;
opacity: 1.0;
}
.t1text a:visited {
color: #000000;
text-decoration: none;
font-weight: normal;
z-index:2;
opacity: 1.0;
}
.t1text a:hover {
color: #000000;
text-decoration: underline;
font-weight: normal;
z-index:2;
opacity: 1.0;
}
.wedding-footer-holder {
position:absolute;
width:100%;
z-index:202;
height: 928px;
background-image: url('images/bucksmiths-wedding-bar-footer.jpg');
background-size:100% auto;
left: 0%;
top: 90%;
}
.header-text-weddings {
font-family : "Playfiar DIsplay";
color : #ffffff;
font-size: 190%;
line-height: 0%;
text-align: center;
margin-top: 37%;
margin-right: 0%;
margin-left: 0%;
text-decoration: none;
margin-bottom: 3%;
border: 0%;
background-color:transparent;
padding-left: 0%;
padding-right: 0%;
}
.header-text-storey {
font-family : "Playfiar DIsplay";
color : #ffffff;
font-size: 190%;
line-height: 0%;
text-align: center;
margin-top: 25%;
margin-right: 0%;
margin-left: 0%;
text-decoration: none;
margin-bottom: 2%;
border: 0%;
background-color:transparent;
padding-left: 0%;
padding-right: 0%;
}
.header-text-links {
font-family : "Playfiar DIsplay";
color : #ffffff;
font-size: 190%;
line-height: 0%;
text-align: center;
margin-top: 23%;
margin-right: 0%;
margin-left: 0%;
text-decoration: none;
margin-bottom: 2%;
border: 0%;
background-color:transparent;
padding-left: 0%;
padding-right: 0%;
}
.btext{
font-size: 80%;
line-height: 150%;
text-align: center;
margin-top: 3%;
margin-right: 1.5%;
margin-left: 0%;
text-decoration: none;
margin-bottom: 0%;
border: 0%;
padding-left: 0%;
padding-right: 0%;
}
.desktop-menu {
visibility: visible;
width:100%;
height:10%;
z-index:3;
background-color:#ff0000;
}
/* main menu
----------------------------*/
#ddmenu
{
display: block;
position: absolute;
font-family: Roboto, sans-serif;
text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
letter-spacing:normal;
margin-top: 0%;
margin:0 auto;
z-index: 9000000;
}
#ddmenu ul
{
margin:0 auto;
padding:0;
text-align:center; /* Alignment of each top-level menu items within the UL */
width:85%;
font-size:0;
background: transparent;
z-index: 9000000;
display:inline-block;
list-style:none;
position:relative;
max-width:1400px;
border:0px solid rgba(255,255,255,255.6);
border-radius:4px;
}
#ddmenu li
{
margin:0;
padding:0;
font-size:16px;
display:inline-block;
*display:inline;
zoom:1; /*for IE6-7*/
position:relative;
color: #000000;
line-height:46px; /*This determines the height of the menu*/
vertical-align:middle;
transition:background-color 0.2s;
outline:none;
-moz-user-select:none;
-webkit-user-select: none;
-ms-user-select: none;
z-index: 9000000;
}
#ddmenu .full-width {
width:100%;
position: static;
height: 50%;
z-index: 60000;
}
#ddmenu .over
{
color:#fff;
background-color: solid;
}
#ddmenu .over.no-sub {
}
#ddmenu .top-heading
{
font-weight: bold;
color: white;
color:inherit;
text-decoration:underline;
display:inline-block;
outline:0;
cursor:pointer;
font-family : "Calibri";
color : #000000;
font-size: 110%;
margin:0 auto;
}
/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
color:inherit;
}
#ddmenu a:hover
{
text-decoration:underline;
}
#ddmenu a:focus
{
outline:1px dotted #09F;
}
/* caret(arrow icon) */
#ddmenu .caret
{
color: black;
left: 0px;
width: 20%;
height: 5%;
lin-heif=ght: 50%;
overflow:hidden;/*for IE6*/
vertical-align:middle;
margin-bottom:2px;
border-top: 4px solid;/*caret size is 4px now*/
border-right: 4px solid transparent;
border-left: 4px solid transparent;
display: inline-block;
position:relative;
z-index: 80000;
}
/* sub-menu layout
----------------------------*/
#ddmenu .dropdown
{
width:auto;
left:0px;
color:#000;
padding:0;margin:0;display:none;position:absolute;overflow: visible;
top:100%;
border:1px solid rgba(255,255,255,0);
border-top:none;
border-radius:2px;
background-color:rgba(0,0,0,0.2);
background-color:#ccc \9;/*fallback for old IE*/
z-index: 100000;
}
#ddmenu .full-width .dropdown {
width:100%;
padding:0;
margin:0;
z-index: 4000;
}
#ddmenu .offset300 {
left: 0px;right:auto;
}
#ddmenu .right-aligned {
left:auto;
right:0px;
}
#ddmenu .over .dropdown
{
display:block;
}
#ddmenu .dd-inner {
text-align:center;
padding:0px;
margin:16px;
background-color: white;
white-space:nowrap;
font-size:13px;
}
#ddmenu ul ul
{
margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0;
}
#ddmenu ul ul li
{
font-size:14px;
padding:6px 0; /*It determines the line height*/
color:inherit;
line-height:1;
margin:0;display:block;position:static;background:none;border:none;transition:none;border-radius:0;
}
/* links in sub menu
----------------------------*/
#ddmenu .dropdown a
{
color:#000000;
line-height:1;
text-decoration:none;
transition:color 0.4s;
font-weight: normal;
font-family: calibri;
}
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
text-decoration:none;
color:#999999;
}
/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column
{
text-align:center;
vertical-align:top;/*or middle*/
display:inline-block;
*display:inline;*zoom:1;
white-space:normal;
width:auto;min-width:30%;
padding:0 30px;
border-right:1px solid #999;
}
#ddmenu .dd-inner ul:last-child
{
border-right:none;
}
#ddmenu h3 {
font-weight: 500;
line-height: 1.1;
margin-top: 12px;
margin-bottom: 8px;
font-size: 24px;
}
#ddmenu div.column h3 {text-transform:uppercase;}
/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink {display:none;}
/*///////////////////////*/