/*  
Theme Name: The Real Italian Pizza Company
Theme URI: http://www.realitalianpizza.live
Description: The Real Italian Pizza Company
Version: 1.0
Author: Emily Luff
Author URI: http://www.emilyluff.co.uk

*/

/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #eb4c35;
    text-shadow: none;
}

::selection {
    background: #eb4c35;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'fontawesome';
    src: url('fnt/fontawesome-webfont.eot');
    src: url('fnt/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('fnt/fontawesome-webfont.svg#fontawesome') format('svg'),
         url('fnt/fontawesome-webfont.woff') format('woff'),
         url('fnt/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {    margin: 0;}
strong{font-weight: 400;}
/*body {opacity: 0; transition:all 0.25s;}
*/
body {color:#fff; margin: 0;padding: 0; font-family:"tablet-gothic-semi-condensed",arial,sans-serif;  line-height: 1.4; -webkit-font-smoothing:antialiased;}
section{position: relative; width: 100%; max-width:110em; margin:0 auto;}
.container {position:absolute; top:0; right:0; bottom:0; left:0; /*display: table; vertical-align: middle; margin:auto;*/ width: 100%;}
.centering_container{display: table; width:100%; height:100%;}
.centering_cell{display: table-cell; vertical-align: middle;}
html, body, header, .black {background: #2f2929;
    background: -moz-linear-gradient(-45deg,  #3b2f2f 0%, #141010 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3b2f2f), color-stop(100%,#141010));
    background: -webkit-linear-gradient(-45deg,  #3b2f2f 0%,#141010 100%);
    background: -o-linear-gradient(-45deg,  #3b2f2f 0%,#141010 100%);
    background: -ms-linear-gradient(-45deg,  #3b2f2f 0%,#141010 100%);
    background: linear-gradient(135deg,  #3b2f2f 0%,#141010 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2f2f', endColorstr='#141010',GradientType=1 );
}
#introduction {background: #2f2929;
    background: -moz-linear-gradient(-45deg,  #3b2f2f 0%, #141010 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3b2f2f), color-stop(100%,#141010));
    background: -webkit-linear-gradient(-45deg,  #3b2f2f 0%,#141010 100%);
    background: -o-linear-gradient(-45deg,  #3b2f2f 0%,#141010 100%);
    background: -ms-linear-gradient(-45deg,  #3b2f2f 0%,#141010 100%);
    background: linear-gradient(135deg,  #3b2f2f 0%,#141010 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2f2f', endColorstr='#141010',GradientType=1 );
}
.white {background: #fdf7f3;
    background: -moz-linear-gradient(-45deg,  #fdf7f3 0%, #f7ece3 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdf7f3), color-stop(100%,#f7ece3));
    background: -webkit-linear-gradient(-45deg,  #fdf7f3 0%,#f7ece3 100%);
    background: -o-linear-gradient(-45deg,  #fdf7f3 0%,#f7ece3 100%);
    background: -ms-linear-gradient(-45deg,  #fdf7f3 0%,#f7ece3 100%);
    background: linear-gradient(135deg,  #fdf7f3 0%,#f7ece3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf7f3', endColorstr='#f7ece3',GradientType=1 );
}
footer {background: #141010;
    background: -moz-linear-gradient(-45deg,  #141010 0%, #3b2f2f 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#141010), color-stop(100%,#3b2f2f));
    background: -webkit-linear-gradient(-45deg,  #141010 0%,#3b2f2f 100%);
    background: -o-linear-gradient(-45deg,  #141010 0%,#3b2f2f 100%);
    background: -ms-linear-gradient(-45deg,  #141010 0%,#3b2f2f 100%);
    background: linear-gradient(135deg,  #141010 0%,#3b2f2f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141010', endColorstr='#3b2f2f',GradientType=1 );
}
.divider {background-image:url("img/divider3.jpg"); background-size: 100%; background-position: center 0; display: block; width:100%; height:0; padding-top:12.5%; }
h4.subhead{background-color: #111;width: 90%;padding: 0.5em 5%;font-weight: 400; display: none;}
.big_img, .sml_img {width:100%; max-width: 100%;}
h3 {font-size: 1em; font-weight: 400;}



header { width:100%; max-width:110em; /*height:9.375em;*/ display:block; position:fixed; z-index: 3; /*border-bottom:1px solid #bd9c7d;*/ margin:0 auto; right:0; left:0;}
.header_inner {width:100%; display:block; padding-top:12.5%; height:0;}
header .container {display: block;}
footer { width:100%; max-width:110em; /*height:9.375em;*/ display:block; position:relative; /*padding-top:12.5%; height:0;*/ margin:0 auto;}
header h1 { background-image:url('img/ripc.gif'); display: block; width:12.438em; height:4.938em; background-size: 12.438em 4.938em; font-size:1em; text-indent: -9999em; overflow: hidden; margin:0 auto; position: absolute; left: 50%; margin-left: -6.219em; bottom: 2.5em;}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){
    header h1 {background-image:url('img/ripc_2x.gif');}
}
.logo_container {display: flex; justify-content: center; align-items: flex-start; position: absolute; bottom: 0;}
.logo {margin: 0 2%;}
.logo-herd {width:16%;}
.logo-ripc {width:14%;}
.logo-joya {width: 11%;margin-top: -1.5em;}
.logo-riic {width:12%;}
.logo img {width: 100%; max-width: 100%; height: auto;}

header .phone {position: absolute; left: 0; bottom:0; width:12em;}
header .phone>a:after {content:"\f095";font-family: "fontawesome"; font-size:1.25em; display: none; color:#fff; margin-left:0.75em; padding-bottom: 0; bottom: 0.5em; position: relative; text-indent: 0;}
header .phone>a {display: none; padding-right: 2.5em; color: #fff; text-decoration: none; text-indent: -9999px; overflow: hidden;}
header .phone h3 {display:block; font-size: 1em; font-weight:400; position:absolute; z-index: 1; color:#fff; left: 2.125em; bottom:2.375em; width:20em;}
header .phone h3 span {margin-left:0.75em;}
nav{position: absolute; bottom: 3.688em; right: 0;}
nav>ul>li {position:absolute; right:0;}
nav>ul>li>a:after {content:"\f0c9"; font-family: "fontawesome"; font-size:1.25em; margin-left:0.75em; padding-bottom: 0; bottom: -0.125em; position: relative;}
nav ul{ padding: 0; list-style: none; float:right; width:12em;}
nav ul li{ text-align: right; }
nav ul li a{ display: block; padding-right: 2.5em; color: #fff; text-decoration: none; position: relative; bottom: 0.25em; background-color: #141010;}
nav ul li ul{ display: none; width:12em; position: relative; z-index: 1;}
nav ul li:hover ul, nav ul li:active ul, nav ul li:focus ul{ display: block !important; top:0; bottom:auto;}
nav ul li ul li a{padding:0.5em 2.5em; transition:color 0.25s;}
nav ul li ul li a:hover{ color: #eb4c35; }
nav ul li ul li a.first{padding-top:2.25em;}
nav ul li ul li a.last{padding-bottom:2.25em;}





#bgvid {object-fit: cover;width: 100%;height: auto;/* position: fixed; */top: 0;left: 0;}

/*#introduction {padding-top:112.5%; height:0;}*/
.header_img {
  padding-top:50%;
  background-image:url('img/pizza-lrg.jpg');
  background-size: 100%;
  background-position: center 0;
  height:0; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover;
  
}
@media all and (max-width: 768px){
    .header_img {background-image:url('img/pizza-sml.jpg');}
}
#introduction h2 {width:60%; text-align: center; margin:0 auto; font-family:"tablet-gothic-condensed",arial,sans-serif; font-weight:300; font-size:2.25em; /*padding:7% 0 3%;*/ padding:0 0 3%;}
#introduction h2 a {color:#eb4c35; font-weight:400; text-decoration: none; transition:all 0.25s;}
#introduction h2 a:hover {color:#fff; border-bottom:3px solid #eb4c35;}
/*#introduction h2:before {content:""; background-image:url('img/cow.png'); display: block; width:2.167em; height:1.5em; background-size: 2.167em 1.5em; margin:0 auto 7%;}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){
    #introduction h2:before{background-image:url('img/cow_2x.png');}
}*/
#introduction h2+h2 {padding:0;}
#introduction h2+h2:before {display: none;}
#introduction h2+h2>a {font-weight: 400;}
#introduction .container {/*display: inherit; margin:0 auto;*/}
#intro_text{position:relative;padding-top:50%;height:0;}
#vouchers h2{text-align: left; width: 100%;}
#vouchers h2 a:hover{color:#000;}




.half{width:50%; float: left; position: relative; text-align: center;}
.white {height:0; padding-top: 50%; color: #000;}
.black {height:0; padding-top: 50%;}
.wood {background-image:url('img/chimney2.jpg'); height:0; padding-top: 50%; background-size: 100%; background-position: center; color:#000;text-shadow: 0px 0px 18px rgba(227, 204, 178, 1);}
.half p {font-size: 1.125em; width:75%; /*margin:25% auto 6.25%;*/ margin:0 auto 6.25%; font-weight: 300;}
.half ul li {font-size: 1.125em; width:75%; /*margin:25% auto 6.25%;*/ margin:0 auto; font-weight: 300;}
.half h3 a{font-size: 1.5em; font-weight: 400; text-decoration: none; transition: all 0.25s; color:#eb4c35; }
.half p a{text-decoration: none; transition: all 0.25s; color:#eb4c35; }
/*.half .black h3 a, .half .black p a{color:#fff; border-bottom: 1px solid #fff;}*/
.half .black h3 a:hover, .half .black p a:hover{color:#fff; border-bottom: 2px solid #eb4c35;}
.half .white h3 a:hover, .half .white p a:hover{color:#000; border-bottom: 2px solid #eb4c35;}
.half .wood h3 a:hover, .half .wood p a:hover{color:#000; border-bottom: 2px solid #eb4c35;}
/*.half .wood p {font-weight: 400;}*/
.half iframe {position:absolute; top:0; right:0; bottom:0; left:0; display: table; vertical-align: middle; margin:auto; width: 100%; height:100%;}
.half .carousel {margin:0 auto;}
.star_rating {font-family: 'fontawesome'; font-size: 0.75em;}


#our_menu p{font-family:"tablet-gothic-condensed",arial,sans-serif; font-size:2.25em;}
#our_menu h3 a{font-family:"tablet-gothic-condensed",arial,sans-serif; font-size:2.25em;}
#our_menu h3 a:hover{color:#000; border-bottom: 3px solid #eb4c35;}

#follow_the_herd h3 a {border:none;}
.half h3 .trip-link {background-image:url('img/tripadvisor.png'); display: block; width:2.125em; height:1.25em; background-size: 2.125em 1.25em; text-indent:-9999em; overflow: hidden;border-bottom: none; margin:8% auto 0;}
.half h3 .gfa-link {background-image:url('img/gfa.png'); display: block; width:8em; height:8em; background-size: 8em; text-indent:-9999em; overflow: hidden;border-bottom: none; margin:auto;}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){
    .half h3 .gfa-link{background-image:url('img/gfa_2x.png');}
}
.half h3 a.gfa-link:hover, .half h3 a.trip-link:hover {border-bottom:none;}
.half h3.twit-link a span {font-family:"tablet-gothic-semi-condensed",arial,sans-serif; font-size:0.375em;transition:color 0.25s;}
.half h3.twit-link a{font-family: "fontawesome"; font-size:3em; border-bottom: none; line-height: 0.25;}
.half h3.twit-link a:hover span, .half h3.twit-link a:hover{color:#000; border-bottom:none;}
.half.black h3.twit-link a:hover span, .half.black h3.twit-link a:hover {color:#fff; border-bottom:none;}
.half h3.twit-link{margin-top:12%;}
.tweet-details {display: none;}

#find_us_book h3{font-size:1.5em; font-weight: 300; margin-bottom:6.125%;}
#find_us_book h4{font-size:1.125em; font-weight: 400;}
.phone_us {font-size:1.5em; display: block; margin-bottom: -0.625em; font-weight: 400;}
#find_us_book h3 a{font-size:1em;}
#find_us_book .cow {background-image:url('img/cow.png'); display: block; width:4.875em; height:3.375em; background-size: 4.875em 3.375em; margin:0 auto;}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){
    #find_us_book .cow{background-image:url('img/cow_2x.png');}
}

footer p{text-align: right; padding:0 2.5em; font-size: 0.875em;}
footer p a{color:#fff; text-decoration:none;}


.ctcc-inner{padding: 0.5em 1em;text-align: center;}
.ctcc-left-side{padding-right:1em;}
button#catapultCookie{border-radius: 0.125em; font-size: 1em;}
.privacypage {background:#fdf7f3; color:black;}
.privacypage .inner {width: 50%; margin: 1em auto;}
.privacypage p, .privacypage h3, .privacypage h2{margin:1em 0;}
.privacypage h3 {font-size: 1.25em; font-weight: bold;}

#vouchers {background: #fdf7f3; background: -moz-linear-gradient(-45deg, #fdf7f3 0%, #f7ece3 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdf7f3), color-stop(100%,#f7ece3)); background: -webkit-linear-gradient(-45deg, #fdf7f3 0%,#f7ece3 100%); background: -o-linear-gradient(-45deg, #fdf7f3 0%,#f7ece3 100%); background: -ms-linear-gradient(-45deg, #fdf7f3 0%,#f7ece3 100%); background: linear-gradient(135deg, #fdf7f3 0%,#f7ece3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf7f3', endColorstr='#f7ece3',GradientType=1 );}
.two_thirds {width: 66.6%; padding: 2.5em;}
.two_thirds h2 {font-size: 2.25em; font-weight: 300; color: #000;}
.two_thirds h2 a {text-decoration: none; transition: all 0.25s; color: #eb4c35; font-weight:400;}
.two_thirds h2 a:hover {color: #000; border-bottom: 3px solid #eb4c35;}
.voucher_card {float:right; position:relative; top: -2em; right: 2.5em; width: 28%; height: auto; z-index: 1;}
.voucher_card img {width: 100%; max-width: 100%;}

.notice {text-align: center;margin: 4em 15em;font-size: 1.25em;font-weight: 300;}
.notice h3 {font-size: 2em; margin:1em auto; font-weight: 400;}
.notice p {margin:1em auto;}
.notice strong {font-weight: 600;}
.notice p a {color:#fff; font-weight: 600;}

.eotho {position: fixed;bottom: 4em;right:1em; width: 150px;height: 150px; z-index: 999999;}
.eotho img {width: 150px; height: auto;}



/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}

.flight_div{display: none; color:#000; text-align: center;max-width: 30em; padding:1em 5em;}
.flight_div h2, .featherlight h2{font-size: 2.25em; font-weight: 400; margin-bottom:6%; margin-top:4.5em; line-height: 1.2}
.flight_div p, .featherlight p{font-size: 1.125em; font-weight: 300; margin-bottom:4%;}
.flight_div p a, .featherlight p a{font-weight: 400; color:#000; text-decoration: none; border-bottom: 1px solid #000; transition:all 0.25s;}
.flight_div p a:hover, .featherlight p a:hover{color:#bd9c7d; border-color: #bd9c7d;}
.flight_div .h1_wrapper, .featherlight .h1_wrapper {position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  color:#fff; 
    background: #2f2929;
  background: -moz-linear-gradient(45deg, #2f2929 0%, #3b2f2f 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2f2929), color-stop(100%,#3b2f2f));
  background: -webkit-linear-gradient(45deg, #2f2929 0%,#3b2f2f 100%);
  background: -o-linear-gradient(45deg, #2f2929 0%, #3b2f2f 100%);
  background: -ms-linear-gradient(45deg, #2f2929 0%, #3b2f2f 100%);
  background: linear-gradient(45deg, #2f2929 0%,#3b2f2f 100%);
}
.flight_div h1, .featherlight h1 {background-image:url('img/ripc.gif'); display: block; width:13.938em; height:6em; background-size: 13.938em 6em; font-size:0.813em; text-indent: -9999em; overflow: hidden; margin:2.5em auto; }
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){
    .flight_div h1, .featherlight h1 {background-image:url('img/ripc_2x.gif');}
}
.flight_div img {width:100%; max-width: 100%; height:auto; margin:1em 0;}
.featherlight  .featherlight-close-icon {width:2.5em; height:2.5em; line-height: 2.5em; background-color: transparent; color: #fff;}
.featherlight-image .featherlight-close-icon {background-color: #333;}
.featherlight  .featherlight-content{padding:0;-webkit-overflow-scrolling: touch; overflow-y:auto; max-height:90%; }
.featherlight-image .featherlight-content{overflow:hidden;border-bottom: none;}
.featherlight .featherlight-content iframe{display: block; max-width: 100%; width: 40em; /*height: 44em;*/ height:35em;}

.featherlight-previous{left:0;}
.featherlight-next{right:0;}
.featherlight-previous:hover, .featherlight-next:hover{background:none;}
.featherlight-previous span, .featherlight-next span{width:1.75em; height:1.75em; background-color:#333; font-size:1.5em; line-height:1.688; font-family:'fontawesome'; text-shadow:none;}
.featherlight-previous span{left:0;}
.featherlight-next span{right:0;}
.featherlight{z-index:99999;}

a[href^=tel] { color: inherit; text-decoration: none;}


@media all and (min-width: 1400px){
    body{font-size:1.125em;}
}
@media all and (max-width: 1050px){
    body{font-size:0.875em;}
}
@media all and (max-width: 1024px){
    header {position: absolute;}
    .half ul li {width:90%;}
	.logo-joya {margin-top: -1.125em;}
}
@media all and (max-width: 850px){
    #introduction h2, #introduction h2+h2>a, #our_menu p {width:70%;}
}
@media all and (max-width: 800px){
    body{font-size:1.25em;}
    .big_half {width: 100%;}
    header h1 {font-size: 0.75em; z-index: 100; bottom:1.625em;}
    header .phone h3 {font-size:0.975em;left:1em; bottom: 0.938em;}
    nav {bottom:2.25em;}
    nav>ul>li>a:before{display: none;}
    nav ul li a{padding-right: 1em;}
    nav ul li ul li a.first{padding-top: 2.5em;}
    nav ul li ul li a{padding:0.5em 1em;}
    nav ul li ul li a.last{padding-bottom: 2em;}
    #introduction h2, #introduction h2+h2>a, #our_menu p, .two_thirds h2 {font-size:1.313em;}
    #our_menu h3 a {font-size:1.5em;}
    footer p{font-size: 0.813em;padding-right: 1em;} 
    header .phone h3 span {display: inherit; margin-left: 0;}
    .half ul li {width:75%;}
	.privacypage .inner {width: 95%;}
    .two_thirds {width: 40%; padding:2em 2.5em;}
    .voucher_card {width: 40%; top: -1em;}
	.notice {margin: 2em;}
    .eotho {width: 125px;height: 125px;}
    .eotho img {width: 125px;}
}
@media all and (max-width: 750px){
    body{font-size:1.125em;}
	.notice {margin: 1.5em;}
}
@media all and (max-width: 650px){
    #intro_text {padding-top: 100%;}
    header .phone h3 {display: none; bottom:auto !important;}
    header .phone>a {display: block;}
    header .phone>a:after{display: block;}
    header .phone>a:hover ~ h3, header .phone a:focus ~ h3, header .phone h3:hover, header .phone h3:focus {display: block; background-color: #2f2929; left:0; width:100%; padding:1.75em 0 1.75em 1em; font-size: 1em;}
    header .phone h3 span {padding-top:1em;}
	.logo_container {justify-content: flex-start; margin-left: 0.5em;}
    .logo {margin: 0 1%;}
    .logo-herd {width:25%;}
    .logo-ripc {width:19%;}
    .logo-joya {width:14%;}
    .logo-riic {width:18%;}
}
@media all and (max-width: 480px){
    body{font-size:1em;}
    .half {width: 100%;}
    .black, .white, .wood { padding-top: 100%;}
    #our_menu p {font-size: 1.25em;}
    #our_menu h3 a{font-size: 1.5em;}
    .header_inner, .divider {padding-top:25%;}
    .header_img {padding-top:100%; background-size: 200%; background-position: center;}
    #introduction h2, .half p {width:75%; font-weight: 400; font-size:1.25em;}
    footer p{font-size: 0.813em;}
    .flight_div {padding:2em 1.5em;}
    h4.subhead{display: block;}
    .logo_container {width: 80%;}
    .voucher_card {width: 85%; position: static; margin: 2em auto 0; float: none;}
    .two_thirds {width: 90%; text-align: center; padding: 1em 5% 2em;}
    .eotho {width: 125px;height: 100px; bottom: 5em;}
    .eotho img {width: 100px;}
}

@media all and (max-width: 360px){
    header h1 {font-size: 0.563em;}
    #introduction h2, .half p {font-size:1.125em;}

}





/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal-wrapper {display: none;    position:fixed;    z-index:1000;    top:0;    left: 0; width:100%; height:100%; background-color: #111;}
.modal {    position:absolute;    top:40%;    left: 49%;    font-family: 'fontawesome';  text-align: center;  font-size: 2em;  line-height: 6;  -webkit-animation:spin 2s linear infinite;    -moz-animation:spin 2s linear infinite;    animation:spin 2s linear infinite;}
      @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
      @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
      @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden 
body.loading {
    overflow: hidden;   
}*/

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-wrapper {
    display: block;
}









/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.wc-stripe-elements-field, .wc-stripe-iban-element-field{clear: both; width: 100%;}
form.woocommerce-checkout .col-2 .woocommerce-shipping-fields{display:none !important}
form.woocommerce-checkout .col-2 .woocommerce-shipping-fields + .woocommerce-additional-fields{margin-top:62px}
@media all and (max-width: 768px){
	form.woocommerce-checkout .col-2 .woocommerce-shipping-fields + .woocommerce-additional-fields{margin-top:0px}
}