/*
Theme Name: RCI Tool
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/




/* ===== GENERAL ===== */

html, body { background:#f3f3f3;width:100%;margin:0;padding:0;overflow-x:hidden;font-family:sans-serif; }
img { display:block; }

.m-grid { margin:0; }

.container { width:100%;max-width:1330px;margin:0 auto;padding:30px;display:flex;align-items:center;text-align:center; }
.container > div { width:100%;flex:0 1 auto; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }
h5 { margin-bottom:0px;text-transform:uppercase; }
h3 { font-size:2rem; }
.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


/* ===== NAV MENU ===== */
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }

#footermenu .menu { list-style: none;padding:0;margin:0; }

.results { margin-top:60px;display:flex;gap:30px;flex-wrap:wrap;justify-content:space-evenly; }
.enter { width:100%;display:block; margin-bottom:15px;}
.enter input { padding:10px 15px;font-size:1.2rem;text-align:center; }

.result { padding:15px 30px 30px;flex:0 1 auto;width:100%;max-width:400px;background:rgba(0,0,0,0.05); }
.result img { width:calc(100% + 60px);transform:translate(-30px, -15px); }
/*.result.cruise   {  background:rgba(111,11,11,0.2); }
.result.exchange {  background:rgba(111,11,11,0.2); }
.result.hotel    {  background:rgba(111,11,11,0.2); }
.result.rental-plus {  background:rgba(111,11,11,0.2); }
.result.tours {  background:rgba(111,11,11,0.2); }*/
.button { border:1px solid #000;text-transform:uppercase;text-decoration:none;display:inline-block;padding:15px 20px;color:#000;margin-top:20px; }
.button:hover { background:#000;color:#fff; }
.resultflex { display:flex;gap:1rem;flex-wrap:wrap;justify-content:center; }
.resultbox { display:inline-block;width:300px;background:#fff;padding:10px; }


input[type="submit"] { display:inline-block;padding:10px 15px;font-size:1.2rem;text-transform:uppercase; }

/* ===== MODULES ===== */
.module { display:block; }

/* Banner */
.banner-overlay { background:rgba(0,0,0,0.4); }


/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */
}

/* Mobile Size */
@media(max-width:560px){

}