/* Main Style Pooley Sword */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Noto+Serif:wght@300;400&display=swap');

body{
font-family: EB Garamond;
font-weight: normal;
color: #444444;
font-size: 18px;
margin: 0px;
padding: 0px;
text-align: justify;
}

img{
border: 0;
}

h1{
font-weight: 400;
font-size: 28px;	
}

h2{
font-weight: 400;
font-size: 24px;
margin:0;	
}


h3{
font-weight: 400;
font-size: 22px;
margin-top: 0;	
}

ul{
margin: 0;
padding: 0;	
}


a{
color: inherit;
text-decoration: none;	
}


.header{
width: 100%;
height: auto;
background-color: #ffffff;
border-bottom: 5px solid #cf382d;
}


.header-inner, .footer-inner, .instagram-feed, .home-page-images{
width: 96%;
margin: auto;	
}

.home-page-images{
margin-top: 20px;  
}

.instagram-feed{
height: 200px; 
max-width: 1200px;
}

.header-logo{
width: 200px;
margin: auto;
margin-top: 10px;
}

.header-logo img{
width: 100%;	
}

.header-social{
display: none;
}

.header-space{
height: 160px;	
}

.search-panel{
display: none;
width: 100%;
max-width: 600px;
height: auto;
margin: 40px auto 20px auto;
text-align: center;
}

.search-panel input[type="text"]{
width: 80%;
padding: 2%;
font-family: EB Garamond;
font-size: 16px;	
float: left;
border-radius: 0;
border: 1px solid #ddd;
}

.search-panel input[type="submit"]{
width: auto;    
padding: 2% 3%;
background-color: #000;	
font-family: EB Garamond;
color: #ffffff;
font-size: 16px;
border: 0px;
float: left;
margin-left: 1%;
border-radius: 0;
}


.wrapper{
width: 90%;
max-width: 1200px;
min-height: 300px;
margin: auto;
margin-bottom: 100px;
margin-top: 0px;	
}

.wrapper ul{
margin-left: 40px;	
}


.main-heading{
color: #444444;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
text-align: center;	
margin-top: 30px;
}

.index-main-image{
width: 100%;
height: 700px;
border-bottom: 10px solid #c7ae7c;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


.item{
width: 30%;
margin-right: 4%;
float: left;
margin-bottom: 40px;	
}

/*.item img{
-webkit-filter: brightness(96%);	
}*/

.item-r{
margin-right: 0;	
}

.item a:hover, .col-25 a:hover{
text-decoration: underline;	
}

.item h2, .col-25 h2{
text-transform: uppercase;
font-size: 17px;	
color: inherit;	
text-align: center;
}

.col-25 img:hover{
-webkit-filter: brightness(98%);	
}

.item h2{
width: 80%;
margin: auto;	
}

.item img{
width: 100%;	
}

.item img:hover{
-webkit-filter: brightness(98%);
}


.thumb{
width: 23.5% !important;
cursor: pointer;
float: left;
margin-right: 2%;	
}

.thumb:hover{
-webkit-filter: brightness(98%);	
}

.thumb-4{
margin-right: 0;	
}

.packages{
font-size: 16px;
font-weight: 500;	
}

.col-r h3{
font-size: 20px;
margin-bottom: 0px;
weight: 500;	
}

.prices{
font-weight: 500;
font-size: 24px;	
}

select{
width: 100%;
padding: 10px;
color: inherit !important;
font-family: EB Garamond;
font-size: 16px;
}


.enquiry-button, .index-button{
padding: 10px 15px;
background-color: #386a9a;	
color: #ffffff;
font-size: 19px;
font-weight: 500;
}

.index-button{
padding: 10px 30px;    
}

span.ValidationErrors{
display: block;
font-size: 13px;
color: #D00;
padding-left: 10px;
padding-top: 10px;
}


.col-l{
float: left;
}

.col-r{
float: right;
margin-right: 0px !important;
}

.col-50{
width: 48%;	
}

.col-3{
width: 32.5%;
margin-right: 1.25%;
margin-bottom: 30px;
}

/*.col-3 img{
border-radius: 0px 30px;    
}*/

.col-3-r{
margin-right: 0;    
}


.col-l img, .col-r img{
width: 100%;	
}

.col-25{
width: 23%;
margin-right: 2%;	
}

.col-specifications{
width: 96%;
padding: 10px 2%;	
background-color: #f2f1f0;	
}

.specification-l, .specification-r{
float: left;
width: 49%;
margin-top: 20px;
text-align: right;
}

.specification-r{
float: right;	
text-align: left;
}

.enquiry-form{
width: 100%;
max-width: 450px;
margin: auto;	
}

.enquiry-form input[type="text"], .enquiry-form input[type="email"], .enquiry-form textarea{
width: 93%;
padding: 2.5%;
font-family: EB Garamond;
font-size: 16px;
border: 1px solid #eee;
}

.enquiry-form textarea{
height: 100px;	
}

.enquiry-form input[type="submit"]{
padding: 8px 25px;
background-color: #386a9a;	
font-family: EB Garamond;
color: #ffffff;
font-size: 16px;
border: 0px;
}

#ef-reference{
color: #222;	
}


.footer{
width: 100%;
height: auto;
background-color: #f2f1f0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;	
margin-top: 60px;
border-top: 5px solid #cf382d;
}

.footer h4{
font-size: 18px;
margin: 0px;
font-weight: 500;	
}

.footer a{
color: inherit;	
text-decoration: none;
}

.footer a:hover{
text-decoration: underline;	
}

.footer-col-l{
text-align: left;
float: left;	
width: 23%;
margin-right: 2%;
}

.footer-col-r{
margin-right: 0;
width: 25%;
}

.footer img{
width: 36px;	
}

.footer li{
list-style: none;
float: left;
margin: 0px 15px 0px 0px;
font-size: 15px;
}


.copyright, .websiteby{
text-align: center;
font-size: 12px;	
}

.websiteby{
margin-top: -5px;	
}

.row-three, .row-two{
clear:both;	
}

.row-two{
display: none;	
}

.mobile{
display: none;	
}



@media only screen and (max-width: 1000px) {
	
h1{
font-size: 32px;	
}	

.index-h1-small{
font-size: 22px;	
}


.header-space{
height: 120px;	
}
    
.header-social{
width: 80%;
height: 25px;
position: absolute;
top: 60px;	
left: 20px;
display: inline-block;
}

.header-social img{
width: 24px;	
}

.item{
width: 48%;
margin-right: 1%;
margin-left: 1%;	
}

.wrapper{
width: 90%;	
}

.footer-col-l{
width: 46%;
margin-bottom: 20px;
}

.footer-col-r{
text-align: left;
}

.row-three{
display: none;	
}

.row-two{
display: block;	
}	
    
.mobile{
display: block;	
}

.desktop{
display: none;	
}


}


@media only screen and (max-width: 900px) {   
    
.col-50{
width: 100%;
float: left;
margin-bottom: 30px;	
}

.col-25{
width: 49% !important;	
margin-bottom: 10px;
}

.col-r-m{
float: right !important;
margin-right: 0 !important;	
}

.item a:hover{
text-decoration: none;	
}

}



@media only screen and (max-width: 700px) {
	
	
h1{
font-size: 26px;	
}	

h2{
font-size: 23px;	
}

.index-h1-small{
font-size: 20px;	
}


.header-space{
height: 85px;	
}

.header-inner, .footer-inner, .home-page-images{
width: 90%;	
}	


.index-main-image{
height: 450px;	
}

.col-l, .col-r{
width: 100%;	
float: left;
}

.col-50 h1{
font-size: 30px;	
}

.mobile-clear{
display: block;
clear: both;	
}

.footer-col-l{
width: 100%;
margin: 0;
margin-bottom: 20px;
}

.footer-col-r{
text-align: left;
}
    
.search-panel{
max-width: 90%;
}

    
    
.search-panel input[type="text"]{
width: 92%;
padding: 3%;
float: none;
}
    
.search-panel input[type="submit"]{
float: none;
margin: auto;
margin-top: 10px;
width: 100px;
}


}


@media only screen and (min-width: 1900px) {

.item-wrapper{
max-width: 1200px;
margin: auto;	
}

}


@media only screen and (max-width: 500px) {
	
.header-inner{
width: 94%;	
}	

.header-social{
top: 60px;	
left: 15px;
}    
    
.item{
width: 100%;
margin-right: 0;
margin-left: 0;	
}
    
.footer li{
margin: 0px;
width: 100%;    
}

}



/* NAVIGATION */


.nav-button {      
      cursor: pointer;
      display: none;
}


nav{
margin-top: 20px;
font-size: 17px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}


.nav-rm{
margin-left: -60px;    
}

nav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      position: relative;
	  z-index: 10 !important;	  
}
 

nav ul li {
      text-decoration: none;
	  margin: 2px 15px;
	  display: inline-block;
	  padding: 0px 10px;
	  color: #444;
      cursor: pointer;
      text-transform: uppercase;
}
 
nav ul li:hover {	 
	 color: #386a9a;
}


nav ul ul li:hover {
	 border-bottom: 0;
	 text-decoration: underline;
     color: #444;
}
 
nav ul ul {
      position: absolute;
      min-width: 190px;
      display: none;
	  border: 1px solid #ddd;
	  padding: 15px;
	  background:rgba(256,256,256,0.95);
	  top: 41px;
	  z-index: 10 !important;
}

nav ul li ul li{
padding: 5px 10px;
margin-left: 0px;
text-transform: none;
}

nav ul ul::before{
 position: absolute;
  content: '';
  bottom: 100%;
  height: 30px;
  width: 100%;
  left: 0px;
}
 
nav ul ul li {
  display: block;
  text-align: left;
  font-size: 14px;
  padding: 10px 5px;
}
 
nav ul li:hover ul {
      display: block;
}


@media(max-width: 1200px) {

nav ul li {
padding: 5px 5px;
	
}    
    
}


@media(max-width: 1100px) {

nav ul li {
padding: 5px 0px;
	
}    
    
}

 
@media(max-width: 1000px) {
    
nav{
text-align: left;
width: 94%;
margin: auto;
font-size: 14px;
}

      .nav-button {
            display: block;
			text-align: right;
			width: auto;
			float: right;
			margin-top: -70px;
      }
	 
 
      nav ul {
            display: none;
            position: absolute;
            background: #386a9a;
			width: 94%;
			top: 149px;
            padding: 10px 0px;
      }
 
      nav ul li {
            display: block;
			padding: 10px 0px;
            margin-left: 0px;
            margin-right: 0px;
			
      }
 
      nav ul ul {
            position: static;
			width: 94%;
			border: 0;
			background-color: #386a9a;
      }
	  
	  nav ul li a {
		padding: 10px 15px; 
		color: #ffffff;
	  }
	  
	  nav ul li:hover {	 
	 border-bottom: 0; 
}

nav ul ul li:hover {
text-decoration: none;
background-color: #91261f;	
}

    
.nav-rm{
margin-left: 0px;    
}
	  
.expand{
width: 15px;
height: 8px;
margin-top: 0px;
margin-right: 13px;
float: right;
background-image: url("svg/expand.svg");	
}
	  	  
}



/* MAIL CHIMP */

#mc_embed_shell{
width: 98%;
padding: 50px 1% 30px 1%;
margin: auto;
background-color: #f1f1f1;	
text-align: center;
}

.email{
width: 80%;
padding: 1.5%;
border: 1px solid #ccc;	
font-size: 15px;
}

.email, .button{
font-family: EB Garamond !important;	
}

.button{
padding: 10px 40px;
font-size: 14px;
border: 0px;
cursor: pointer;	
}


@media(max-width: 900px){

.email{
padding: 2%;
}	
	
}



@media(max-width: 500px){

#mc_embed_shell{
width: 94%;
padding: 30px 3% 30px 3%;
}


.email{
padding: 4%;
}

.button{
width: 89%;	
}	
	
}