/*
style.css
CSS iwannaboquetetours.com
Author: Stefan Melcher
Version: 1.0

color_1a: #258500
color_1b: #005500
color_2a: #FFC000
color_2b: #ff8500


*/

/* =IMPORT
----------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

/* =CHARSET/FONTS
----------------------------------------------- */
@charset "UTF-8";

/* =RESPONSIVE (see mobile.css)
----------------------------------------------- */
#header-box,
#header-title-text,
#home,
.frame .content {
	width:966px !important;
	max-width:966px !important;
	min-width:966px !important;
}

/* =PLAIN HTML
----------------------------------------------- */
* {
	margin:0;
	padding:0;
}
*, *::before, *::after {
    box-sizing:inherit;
}
html, body {
	height:100% !important;
	width:100% !important;
	min-height:100% !important;
	margin:0;
	padding:0;
	color:#e5e5e5;
}
html{
	position:relative;
	background:url("../images/iwanna_frame_welcome.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
body {
	font-family:"Comfortaa",Sans-Serif,Verdana,Arial;
	font-size:100.01%;
	font-size:1.15em;
}
a {
	color:#258500;
	border:none;
	text-decoration:none;
}
a:hover {
	border-bottom:1px dotted #005500;
}
a + img,
a:hover.nolink,
a:visited.nolink,
.nolink,
.nolink a {
	border:none;
	text-decoration:none;
}
p {
	margin:10px auto;
}
hr, .hr {
	height:1px;
	width:100%;
	background-color:#a0a0a0;
	color:#a0a0a0;
	border:#a0a0a0;
	margin:2em 0 2em 0 !important;
	padding:0px !important;
}
meta, .meta {
	font-size:0.75em;
	line-height:1.5em;
}
.box-shadow {
	box-shadow:1px 1px 3px 0px #a0a0a0;
  	-moz-box-shadow:1px 1px 3px 0px #a0a0a0;
  	-webkit-box-shadow:1px 1px 3px 0px #a0a0a0;
}
.noshadow {
	box-shadow:0px !important;
  	-moz-box-shadow:0px !important;
  	-webkit-box-shadow:0px !important;
}

/* =TYPOGRAPHY
 ----------------------------------------------- */
h1, h2, h3, h4 {
	font-weight:bold;
}
h1 { }
h1 {
	font-size:1.1em;
	letter-spacing:0.05em;
	margin-bottom:0;
	color:#ffffff;
	font-weight:bold;
}
h2 { }
h2 {
	font-size:1.0em;
	color:#000000;
	text-shadow: 1px 1px 0px #ffffff;
}
h3 { }
h3 {
	font-size:1em;
	font-weight:normal;
}
sup, .sup {
	font-weight:normal;
	font-size:75%;
}
small, .small {
	font-size:75%;
	line-height:normal;
}
bold, .bold, strong, .strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

/* =PLAIN CLASSES
----------------------------------------------- */
.left,
.alignleft {
	float:left;
	text-align:left;
}
.right,
.alignright {
	float:right;
	text-align:right;
}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.footnote {
	color:#505050;
	font-size:0.8em;
}
.error {
	color:#ff0000;
}
.image {
	border:2px solid #ffffff;
	box-shadow:1px 1px 5px 0px #505050;
  	-moz-box-shadow:1px 1px 5px 0px #505050;
  	-webkit-box-shadow:1px 1px 5px 0px #505050;
	margin: 5px auto;
}
.button {
	font-weight:bold;
	display:block;
	width:70%;
	margin: 5px auto;
	padding:2px 0px 2px 0px;
	text-align:center;
	border:2px solid #ffffff !important;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:1px 1px 3px 0px #a0a0a0;
  	-moz-box-shadow:1px 1px 3px 0px #a0a0a0;
  	-webkit-box-shadow:1px 1px 3px 0px #a0a0a0;
	color:#FFFFFF;
	background:#FFC000;
	background: -moz-linear-gradient(top,rgba(255, 133, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 133, 0, 1)), color-stop(100%, rgba(255, 192, 0, 1)));
	background: -webkit-linear-gradient(top,rgba(255, 133, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
	background: -o-linear-gradient(top,rgba(255, 133, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
	background: -ms-linear-gradient(top,rgba(255, 133, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
	background: linear-gradient(0deg,rgba(255, 133, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC000', endColorstr='#FF8500', GradientType=0 );
}
.button:hover {
	border:2px solid #ffffff !important;
	box-shadow:1px 1px 5px 0px #505050;
  	-moz-box-shadow:1px 1px 5px 0px #505050;
  	-webkit-box-shadow:1px 1px 5px 0px #505050;
	text-shadow: 0px 0px 5px #C06500; 
}
.anchor{
  display:block;
  height:90px;
  margin-top:-90px;
  visibility:hidden;
}
.col-left {
	width:48%;
	float:left;
	height:100%;
}
.col-right {
	width:48%;
	float:right;
	height:100%;
}
.logo-tours {
	-webkit-filter: drop-shadow(0px 0px 8px #000000);
	filter: drop-shadow(0px 0px 8px #000000);
}

/* =ID (major page elements)
----------------------------------------------- */
#header-title {
	z-index:100;
	position:fixed;
	top:0;
	left:0;
	padding:0;
	width:100%;
	height:20px;
	line-height:20px;
	color:#ffffff;
	font-size:0px;
	background-color:rgba(220,220,220,0.50);
	color:#f5f5f5;
}
#header-title.fixed {
	font-size:14px;
	background-color:#258500;
}
#header-title #header-title-text {
	margin:0 auto 0 auto;
	vertical-align:middle;
	text-align:right;
}
#header {
	z-index:100;
	position:fixed;
	top:20px;
	left:0;
	padding:0;
	width:100%;
	height:60px;
	color:#e0e0e0;
	background-color:none;
	transition: background-color 1s linear; 
	-moz-transition: background-color 1s linear;  
	-webkit-transition: background-color 1s linear; 
	-ms-transition: background-color 1s linear;
}
#header.fixed {
	background-color:rgba(240,240,240,0.95);
	transition: background-color 1s linear; 
	-moz-transition: background-color 1s linear;  
	-webkit-transition: background-color 1s linear; 
	-ms-transition: background-color 1s linear; 
	color:#505050;
}
#header-box {
	margin:0 auto 0 auto;
}
#header-logo {
	display:none;
	float:left;
	height:50px;
	width:50px;
	padding:5px 0 5px 0;
}
#header-logo img {
	width:50px;
	height:50px;
}
#header-menu {
	float:right;
	display:inline-block;
	vertical-align:middle;
	height:60px;
	line-height:60px;
}
#header-menu a {
	border-bottom:none;
	text-decoration:none;
	color:#f5f5f5;
	text-shadow: 2px 2px 2px #000000;
	font-weight:bold;
	font-size:102%;
}
#header-menu a:hover {
	color:#ffffff;
	text-shadow: 2px 2px 2px #000000;
}
#header.fixed #header-logo {
	display:block !important;
}
#header.fixed #header-menu a {
	color:#005500 !important;
	text-shadow: 1px 1px 2px #ffffff;
}
#header.fixed #header-menu a:hover {
	color:#000000 !important;
	text-shadow: 2px 2px 4px #ffffff;
}
#footer {
	background-color:rgb(255, 255, 255, 0.75);
	z-index:1001;
	position:fixed;
	text-align:center;
	bottom:0;
	width:100%;
	padding:2px;
	font-size:70%;
	color:#505050;
}
#footer a {
	text-decoration:none;
	border:none;
}
#goto {
	right:65px;
	margin-right:5px;
}
#goto,
#goto a {
	z-index:1000;
	visibility:hidden;
	position:fixed;
	text-align:center;
}
#goto.fixed,
#goto.fixed a {
	visibility:visible;
}
#goto a {
    top:50%;
	padding:5px;
	border:1px solid #505050 !important;
	background:#f9f9f9;
	text-decoration:none !important;
	font-size:65%;
	font-weight:bold;
}
#goto a:hover,
#goto a:focus {
	box-shadow: 0px 0px 25px #ffffff;
	-moz-box-shadow: 0 0 25px #ffffff;
	-webkit-box-shadow: 0 0 25px #ffffff;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=25);
}

/* =CONTENT (content page elements)
----------------------------------------------- */
#welcome {
	min-height:100vH;
	height:100%;
	padding-top:150px;
	margin:0 auto 0 auto;
	text-align:center;
	border: none;
}
#welcome .content-wrapper { border:none !important; }
#welcome .content { }
#welcome .content .text { background-image:none !important; }
#welcome .logo-tours {
	width:200px;
	height:200px;
	padding:10px;
	float:left;
	transform:rotate(-15deg);
} 
#welcome h1 {
	font-size:3.5em;
	text-transform:uppercase;
	font-weight:700;
	background-image: none !important;
	text-shadow: 4px 4px 10px #000000; 
	/* background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.05)); */
}
.frame {
	color:#505050;
	min-height:100vH;
	height:100vH;
	width:100%;
	display:table;
	table-layout:auto;
	border-collapse:collapse;
}
.frame .content-wrapper {
	padding-top:100px; /*see height of header */
	padding-bottom:100px; /*see height of header */
	border-top:2px dotted #ffffff;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.frame .content {
	display: inline-block;
	text-align:left;
}
.frame .content h1 {
	background-image: url("../images/iwanna_content_h1.png"), linear-gradient(rgba(37, 133, 0, 1), rgba(0, 85, 0, 1));
    background-repeat: no-repeat;
	background-position: 0 center;
	padding: 7px 7px 7px 40px;
	line-height: 1em;
	border-radius: 10px 0 0 0;
	text-shadow: 1px 1px 1px #000000; 
}
.frame .content .text {
	background:#ffffff;
	background-image: url("../images/iwanna_content_text.png");
    background-repeat: no-repeat;
	background-position:top right;
	padding:25px 20px 20px 20px;
	margin-right:0px;
	border-radius: 0 0 10px 0;
	line-height:1.5em;
	overflow: hidden;
}

/* =PARALLAX
----------------------------------------------- */
.parallax-mirror {
}

/* =FORMS
----------------------------------------------- */
.wpcf7-response-output {
	border:1px solid #005500;
	color: #005500;
	font-weight:bold;
	font-size:105%;
	text-align:center;
	background-color:#f2ffed;
}

/* =LISTS
----------------------------------------------- */
ul li {
}
ul li.none {
	background:none !important;
	
}
ul.none li {
	background:none;
	list-style-position:outside;
	list-style-type:none !important;
	padding:0.5em 0 0.5em 0 !important;
	margin-left:0 !important;
	line-height:normal;
}
ul.disc {
}
ul.disc li {
	background:url("../images/ul_li_disc.png") no-repeat scroll 0 0.3em transparent;
	list-style-position:outside; 
	padding:0.05em 0 0.5em 20px;
	list-style-type:none;
	line-height:normal;
}
ul.disc li br {
	margin:0;
	padding:0;
	width:0;
	height:0;
}
ul.highlight {
	background:#f9f9f9;
	padding:10px 5px;
	border:1px solid #f0f0f0;
	border-radius: 10px 0 10px 0;
}

/* =TABLES
----------------------------------------------- */
caption {
	border:1px solid #ffffff;
	border-bottom:0px !important;
	text-align:center;
	font-weight:bold;
}
caption.head {
	background:none;
	text-align:left;
	font-weight:bold;
	display:block;
	caption-side:top;
}
tbody {
	display:block;
}
table {
	margin:0 auto 0 auto;
	width:100%;
	border-collapse:collapse;
	border:none;
}
table th.center,
table td.center {
	text-align:center; 
    margin-left:auto; 
    margin-right:auto;
}

/* =DYNAMIC HTML
----------------------------------------------- */
table a.closed,
table a.open {
	display:block;
	border:none;
	text-decoration:none;
	padding-left:28px;
	color:#505050;
	font-size:1.1em;
}
table a.closed {
	background:url("./images/dpsgvr_table_show.png") no-repeat scroll left center;
}
table a.open {
	background:url("./images/dpsgvr_table_hide.png") no-repeat scroll left center;
	color:#1f4e79;
}
table.dynamic tbody {
	display:none;
}
table.dynamic caption {
	height:24px;
}
table.dynamic caption a.open tbody {
	display:block !important;
}
table.dynamic td {
	padding:15px 0 15px 30px;
	color:#000000;
}

/* =CLEAR
----------------------------------------------- */
.clear,
.clearfix {
	clear:both;
	font-size:0px;
	height:0px;
	width:0px;
	padding:0px;
	margin:0px;
	visibility:hidden;
}
.clear,
.clearfix:after {
  	content:" ";
  	display:block;
	font-size:0px;
	height:0px;
	width:0px;
	padding:0px;
	margin:0px;
	visibility:hidden;
}
/* Patch for IE 6*/
* html .clear { height:1%; }
* html .clearfix { height:1%; }
/* Patch for IE 7*/
*:first-child+html .clear { min-height:0; }
*:first-child+html .clearfix { min-height:0; }