/* 
    Theme Name: FINKEL & HURST
    Author: Orqa Design
    Author URI: https://orqadesign.com/
    Description: 2024 Custom built theme for FINKEL & HURST
    Version: 1.0
    License: For use by FINKEL & HURST Only
    */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */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; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fas, .fab, .fab-brands { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.bullet-icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.acf-field-602be23827296 ul.acf-checkbox-list li label { font-family: 'FontAwesome'!important; }
/* Admin */
body#tinymce { font-family: 'Work Sans', sans-serif; }
* { -webkit-font-smoothing: antialiased; }
/*-------------------- MAIN STYLES ----------------------------------------------------*/
html { scroll-behavior: smooth; overflow-x: hidden; }
.fontawesome { font-family: 'FontAwesome'; }
body { -webkit-font-smoothing: antialiased; font-family: "Inter", sans-serif;  font-size: 16px; color: #000; line-height: 24px; font-weight:300; }
h1 { font-family: "Cardo", serif; color: #fff; font-size: 34px; line-height: 34px; letter-spacing: -1px; float: left;}
h2.header {font-family: "Inter", sans-serif;
  font-size: 24px;
  color: #fff;
  line-height: 34px;
  font-weight: 300;
  float: left;
  padding-left: 100px; }
  h2 {font-family: "Cardo", serif; font-size: 40px; line-height: 40px; color: #000; text-align: center; padding-bottom: 40px;}
h3 {font-size: 38px;line-height: 50px; font-family: Cardo, serif; padding-bottom: 20px;}
.cardo {font-family: "Cardo", serif;}
.basic-page { padding-top: 100px; padding-bottom: 100px; text-align: center; }
a { color: #ceb9b4; text-decoration: underline; }
p { margin-bottom: 20px; }
div { box-sizing: border-box; }
.wrapper { width: 1680px; margin: 0 auto; }
.inner-wrapper { width: 1100px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
b { font-weight: 700; }
strong { font-weight: 700; }
i { font-style: italic; }
em { font-style: italic; }
/*-------------------- MENU ----------------------------------------------------*/
#navigation { display: block; text-align: center; }
#mobnavigation { display: none; }
#menu-icon { position: relative; color: #e0635c; display: none; font-family: "FontAwesome"; float: right; z-index: 200; font-size: 42px; margin-top: -10px; line-height: 40px; }
#menu-icon a { color: #ceb9b4; }
.menu li { list-style: outside none none; display: inline-block; margin-left: 12px; margin-right: 12px; }
.menu li a { color: #000; text-decoration: none; font-size: 13px; cursor: pointer; text-transform: uppercase; }
.menu li a:hover, .menu li a:active { text-decoration: none; }
.menu li a:active { text-decoration: none; }
ul.menu, div.menu > ul { margin: 0; padding: 0 0 0; }
.menu li { display: inline-block; position: relative; }
.menu li:hover > a, .menu li a:hover, .menu li:focus > a, .menu li a:focus { }
.menu .sub-menu, .menu .children { background-color: #000; position: absolute; left: 0; z-index: 99999; display: none; padding: 5px; width: 140px; text-align: center; }
.menu ul a { padding: 10px; box-sizing: border-box; }
.menu ul ul a { padding: 10px; box-sizing: border-box; }
.menu li ul li { width: 100%; padding: 0; text-align: left; margin: 0px; display: block; padding: 5px; box-sizing: border-box; }
.menu .sub-menu ul, .menu .children ul { border-left: 0; left: 100%; top: 0; }
.sub-menu a { display: block; width: 100%; padding: 8px 6px; line-height: 25px; color: #fff!important; font-weight: 400; padding: 0px!important; text-align: center; }
ul.menu ul a, .menu ul ul a { margin: 0; }
ul.menu ul a:hover, .menu ul ul a:hover, ul.menu ul a:focus, .menu ul ul a:focus { }
ul.menu li:hover > ul, .menu ul li:hover > ul, ul.menu .focus > ul, .menu .focus > ul { display: block; }
.menu .current_page_item > a, .menu .current_page_ancestor > a, .menu .current-menu-item > a, .menu .current-menu-ancestor > a { }
.makupCat .menu .current_page_item > a, .makupCat .menu .current_page_ancestor > a, .makupCat .menu .current-menu-item > a, .makupCat .menu .current-menu-ancestor > a { background: #f2f2f2; }
.menu .sub-menu li a { font-size: 12px; letter-spacing: 2px; line-height: 14px; }

/* Footer */
footer { }

/*-------------------- FADE TRANSITION ----------------------------------------------------*/
a.button, a, .circlebutton, .wpcf7-submit, button, .circle-button .buttontitle, .pcp-load-more button { -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 1; }
a.button:hover, a:hover, .circlebutton:hover, .wpcf7-submit:hover, button:hover, .circle-button .buttontitle:hover, .pcp-load-more button:hover { opacity: 0.5; }
.simple-sitemap-wrap h3 { display: none; }
.simple-sitemap-wrap { text-align: center; }
.simple-sitemap-wrap a, .basic-page a { font-weight: bold; }
.basic-page ol, ul { list-style: initial; padding-left: 20px; padding-bottom: 20px; }
.basic-page ul li { position: relative; padding: 3px 0 2px 25px; }

.overlay {animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 5s; }

 @keyframes fadeInOpacity { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}



iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);}

#header, #header .wrapper {position: relative;}

  .showwrapper {position: absolute;
  z-index: 100;
  top: 80px; width: 100%;}

.hero {position: relative;
  height: 115vh;}

.intro, .commissions, .season, footer {position: relative;}

.socials {float: right;
  font-size: 30px;
  letter-spacing: 1px;}

.overlay {z-index: 100;

  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 20%;}

.intro {padding-top: 100px;
  text-align: center; font-size: 16px;
  line-height: 26px; padding-bottom: 100px;}

footer {text-align: center;
  padding-bottom: 100px;
  padding-top: 150px;}

.commissions, .season {padding-bottom: 100px;}

.season .inner {width: 65%; margin: auto; color: #fff!important; text-align: center;}
.season {padding-top: 100px;}
.season h2 {color: #fff;}

body {margin-top: -20px; }

footer {background-image: url('/wp-content/themes/fh-theme/images/flowers.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;}

.commissions {background: #ceb9b4;
  padding-top: 100px;}
.commissions h2 {color: #fff;}

.footerwrap {margin-top: -50px;}

a.emaillink {font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: #ceb9b4;
  display: inline-block;
  padding: 20px 40px;
  border-radius: 12px;
  text-decoration: none;
  border: 7px double white;}

.description {text-align: center;
  font-size: 20px;
  line-height: 30px;}

.copy {margin-top: 80px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px; padding-bottom: 50px;}

/*-------------------- IE11 hide native button ----------------------------------------------------*/
select::-ms-expand {
display: none;
}
 @supports (-webkit-overflow-scrolling: touch) {
}
}
 @media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .my_elements_with_border_radius {
border-radius: 0
}
}
 _::-webkit-full-page-media, _:future, :root .safari-class {
 font-weight: initial;
}
 



/*-------------------- MEDIA QUERIES ---------------------------------------------------------------*/

@media only screen and (max-width:1700px) {
.wrapper { width: 1400px; }
iframe {
  top: 40%;}
.hero {
  height: 100vh;
}
.intro {
  padding-top: 50px;}
}

/*-------------------- MEDIA QUERIES -----------------------------------------------------------------*/

@media only screen and (max-width:1470px) {
.wrapper { width: 1200px; }
img.fhlogo {width: 530px;}
.intro {
  padding-top: 70px;}
}



@media only screen and (max-width:1460px) {
.intro {
  padding-top: 0px;}
}

/*-------------------- MEDIA QUERIES -------------------------------------------------------------------*/

@media only screen and (max-width:1270px) {
.wrapper { width: 1000px; }
}


/*-------------------- MEDIA QUERIES ----------------------------------------------------------------------*/
 @media only screen and (max-width:1050px) {
.wrapper { width: 800px; }
h2.header {
  padding-left: 0px;
  width: 100%;
  text-align: left;
}
.socials {
  margin-top: -110px;
}
}
/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------*/
 @media only screen and (max-width:850px) {
.wrapper { width: 700px; }
#navigation ul#menu-categories li { margin-left: 0px; text-align: center; list-style-type: none; float: none; margin-right: 0px; padding-left: 0px; display: block; margin-top: 10px; margin-bottom: 0px; }
ul#menu-categories { z-index: 201; background: none repeat scroll 0 0 rgb(224, 99, 92); border: 0px; float: none; padding: 10px; position: absolute; right: 0; width: 100%; margin-top: 0px; text-align: center; -webkit-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); -moz-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-sizing: border-box; margin-top: 40px; padding-bottom: 30px; }
.menu-categories-container .menu li a:hover, .menu-categories-container .menu li a:active { text-decoration: none; color: #000000; }
.menu-categories-container .menu { display: none; }
.menu-categories-container .menu.active { display: block; }
.menu-categories-container .menu li a { font-size: 16px; color: #ffffff; }
.menu-categories-container .menu .sub-menu, .menu-categories-container .menu .children { background-color: rgb(29, 108, 161); border: 10px solid rgb(29, 108, 161); border: 0px; padding: 0px; position: initial; left: initial; z-index: initial; width: 100%; display: block; margin: 0px; margin-top: 20px; }
.menu-categories-container .menu ul a { padding: 0px; }
.menu-categories-container.menu ul a:hover { text-decoration: none; }
#navigation ul#menu-categories .sub-menu li { padding: 0px; margin-top: 0px; }
#navigation ul#menu-categories .sub-menu { width: auto; }
.region-menu-wrapper { float: right; margin-top: -3px; margin-right: 20px; }
#navigation { padding-top: 0px; }
.menus-header { padding-top: 20px; padding-bottom: 40px; }
}


/*-------------------- MEDIA QUERIES ----------------------------------------------------------------------------*/
 @media only screen and (max-width:720px) {
.wrapper { width: auto; margin-left: 40px; margin-right: 40px; }
h3 {
  font-size: 28px;
  line-height: 35px;}

}
/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------------*/
 @media only screen and (max-width:600px) {
  img.fhlogo {
    width: 80%;
  }


h1 {
  float: none;
  text-align: center;
}
h2.header {
  float: none;
  text-align: center;
  margin-top: 10px; padding-bottom: 20px; font-size: 20px; line-height: 22px;
}
.overlay {
  top: 40%;
}
  .socials {
    margin-top: 0px;
    float: none;
    text-align: center;
  }
iframe {
  transform: translate(-50%,-45%);
}

  .intro {
    padding-top: 30px;
  }
footer {background-position: left -50px bottom!important;
  background-size: 120%!important;}

html, body {
  position:relative;
  overflow-x:hidden;
}

}
/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------------*/
 @media only screen and (max-width:580px) {
.wrapper { width: auto; margin-left: 20px; margin-right: 20px; }
a.emaillink {
  padding: 20px 0px;
  width: 100%;

}
}



/*-------------------- MEDIA QUERIES --------------------------------------------------------------------------------------*/
 @media only screen and (max-width:319px) {
body { min-width: 319px; }
}