/*
	Theme Name:   Top Gun Prague
	Theme URI:    https://www.kixo.co.uk/
	Description:  Designed by PHd, coded by Kixo
	Author:       Kixo Ltd
	Author URI:   https://www.kixo.co.uk/
	Version:      1.0
	License:      Copyright
*/

:root {
    --tgOrange: 			rgba( 243, 123,  32, 1 );
    --tgLightOrange:		rgba( 232, 152,  92, 1 );
    --tgGreen: 				rgba(  68, 204, 149, 1 );
    --tgLightGreen: 		rgba( 157, 230, 201, 1 );
    --tgDarkestGray:		rgba(  29,  29,  27, 1 );
    --tgDarkGray:			rgba(  50,  49,  51, 1 );
    --tgGray:				rgba(  87,  87,  87, 1 );
    --tgLightGray:			rgba( 119, 119, 119, 1 );
    --tgWhite:				rgba( 255, 255, 255, 1 );
    --tgBlack:				rgba(  29,  29,  29, 1 );
    --tgTripAdvisorGreen: 	rgba(  26, 174, 135, 1 )
}

* { 
	margin: 0; padding: 0; border: 0; text-decoration: none;
}

.motion {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


body {
	background: var(--tgDarkGray);
	font-family: Roboto-Light, Robot, sans-serif;
	color: var(--tgDarkGrey);
}

a { color: var(--tgDarkGrey); }

.bodycontainer {
	width: 1070px;
	margin: 0 auto;
}

/* *** *** *** *** *** HOMEPAGE *** *** *** *** */
.homehead {
	margin: 30px 0 0 0;
	display: grid;
	grid-template-columns: repeat(4, 25%); 
	grid-template-rows: repeat(2, 175px); 
	grid-gap: 10px;
	grid-template-areas: 
		"logo logo tagline tagline"
		"logo logo booknow tshirt";
}
.homebody {
	display: grid;
	grid-template-columns: repeat(4, 25%); 
	grid-template-rows: repeat(6, 175px); 
	grid-gap: 10px;	
	grid-template-areas: 
		"gallery howitworks howitworks faq"
		"gallery howitworks howitworks awesome"
		"packages packages theguns awesome"
		"packages packages theguns contact"
		"packages packages reviews reviews"
		"packages packages reviews reviews";
	margin-bottom: 10px;
}
a {
	position: relative;
}
.title {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	line-height: 45px;
	font-weight: bold;
	padding: 15px 15px 20px 15px;
	width: calc(100% - 30px);
}
.title.orangebackground {
	background: var(--tgLightOrange);
}
.title.greenbackground {
	background: rgba(255,255,255,0.2);
}
.title.graybackground {
	background: rgba(255,255,255,0.2);
}
.linktext.bottom {
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	width: 100%;
}
.linktext.top {
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	padding: 18px;
}
.linktext.middle {
    font-size: 14px;
    line-height: 20px;
}

.logo 			    { grid-area: logo; }
.logo img		    { width: 100%; height: 100%; background: var(--tgGray); }

.tagline 		    	{ grid-area: tagline; background: #fff url(/wp-content/themes/topgunprague/assets/img/tagline.png) left center no-repeat; position: relative; }
.tagline>div        	{ position: absolute; top: 36px; right: 15px; width: 165px; height: 100px; }
.tagline>div ul li		{ list-style-type: none; }
/* .tagline>div img    	{ display: none;} */

.booknow	 	    { grid-area: booknow; background: url(/wp-content/themes/topgunprague/assets/img/booknow.png) right top / 100% no-repeat var(--tgOrange); color: var(--tgWhite); }
.booknow .linktext  { background: var(--tgLightOrange); }
.booknow span	    { color: var(--tgDarkGray); }

.tshirt 			{ grid-area: tshirt; background: var(--tgLightGray) url(/wp-content/themes/topgunprague/assets/img/tshirt.png) right top no-repeat; background-size: 100%; color: var(--tgWhite); }
.tshirt .linktext   { background: var(--tgGray); }
.tshirt span		{ color: var(--tgOrange); }

.carousel {
	margin: 10px 0;
	background: var(--tgBlack);
}

.carouselcontainer 				{text-align: center;color: var(--tgWhite);padding: 200px 0; width: 90%; max-width: 700px; margin: 0 auto; }
.carouselcontainer h2			{font-size: 38px;}
.carouselcontainer p				{font-size: 12px;margin-top: 5px;}

.gallerylink				{ grid-area: gallery; background: var(--tgOrange); color: var(--tgWhite); position: relative; }
.gallerylink .title 		{ background: var(--tgLightOrange); z-index: 3; }
.gallerylink span		{ color: var(--tgDarkGray); }
.gallerylink .linktext  { z-index: 5; }
.gallerylink .images		{position: absolute;left: 0;bottom: 0;width: 100%;height: 80%;overflow: hidden;}
.gallerylink .images li {list-style-type: none;float: left;background-position: center center !important;background-size: cover !important;height: 100%;overflow: hidden;}
.gallerylink .images li img { width: 100%; z-index: 1; background:  rgba( 243, 123, 32, 0.4 ); }




.howitworks			{ grid-area: howitworks; background: var(--tgLightGray); color: var(--tgWhite); }
.howitworks .title	{ background: var(--tgGray); }
.howitworks span		{ color: var(--tgOrange); }
.howitworks img		{position: absolute;left: 0;bottom: 0;max-height: 75%;max-width: 100%;}

.faq 			{ grid-area: faq; background: var(--tgOrange) url(/wp-content/themes/topgunprague/assets/img/faq.png) left bottom no-repeat; color: var(--tgWhite); }
.faq .title		{ background: var(--tgLightOrange); }
.faq span		{ color: var(--tgDarkGray); }
.faq .faqcontent {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px 15px 20px 100px;
    font-size: 14px;
    }

.awesome			{ grid-area: awesome; background: var(--tgGreen) url(/wp-content/themes/topgunprague/assets/img/awesome.png) center center no-repeat; color: var(--tgWhite); }
.awesome .title { background: var(--tgLightGreen); }
.awesome .awesomecontent {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 30px 40px 30px;
    font-size: 14px;
}
.awesome span { color: var(--tgGray); }

.packages {
	position: relative;
	grid-area: packages;
	background: var(--tgOrange);
	color: var(--tgWhite);
	display: inline-grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 80px auto;
	grid-template-areas: 
		"title title title title title title";
}
.packages .packagestitle { grid-area: title; }
.packages .title			{ background: var(--tgLightOrange);}
.packages span			{ color: var(--tgDarkGray); }
.packages .package h3	{ padding: 10px; color: var(--tgDarkGray); font-size: 14px; word-spacing: 999px; }
.packages .package img 	{ width: 100%; }
.packages .package h3, 
.packages .package img 	{ border-left: 2px solid var(--tgLightOrange); }
.packages .package:nth-child(2) h3, 
.packages .package:nth-child(2) img 	{ border-left: none; }


.theguns					{ grid-area: theguns; background: var(--tgLightGray); color: var(--tgWhite); position: relative; }
.theguns .title			{ background: var(--tgGray); }
.theguns span			{ color: var(--tgOrange); }
.theguns .images			{ position: absolute;left: 0;bottom: 0;width: 100%;height: 60%;overflow: hidden;}
.theguns .images a 		{list-style-type: none;height: 100%;}
.theguns .images a img 	{width: 100%;z-index: 1;}
.theguns .images a p		{ text-align: center; }

.reviews			{grid-area: reviews;background: var(--tgWhite);border: 5px solid var(--tgGreen); overflow-y: scroll; overflow-x: hidden; }
.reviews div#TA_selfserveprop982 { padding: 0 !important;height: 100% !important;}
.reviews div#CDSWIDSSP { width: 100% !important; }

.contact			{ grid-area: contact; background: var(--tgLightGray) url(/wp-content/themes/topgunprague/assets/img/contact.png) left bottom no-repeat; color: var(--tgWhite); }
.contact .title	{ background: var(--tgGray); }
.contact .linktext { bottom: 0; top: unset; }
.contact span		{ color: var(--tgOrange); }

.slick-prev {  left: 15px; z-index: 9; }
.slick-next { right: 15px; z-index: 9; }

/* *** *** *** *** *** SHARED HEADER *** *** *** *** */

.header {
	background: var(--tgLightGray);
	padding: 30px 0 10px 0;
}
.header .bodycontainer {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 10px;
	grid-template-areas: 
		"logo nav"
		"logo nav"
		"logo nav";
}
.header .bodycontainer .navinput { display: none; }
.header .bodycontainer .navmenu {
	grid-area: nav;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 10px;
	z-index: 999;
	grid-template-areas: 
		"h1 h2 h3"
		"h4 h5 h6"
		"h7 h8 h9";
}
.header .bodycontainer .navhide {
	display: none;
	background: var(--tgOrange);
	padding: 3px 15px;
	color: var(--tgWhite);
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	line-height: 45px;
	font-weight: bold;
	width: calc(100% - 30px);
	text-align: center;
}
.header .bodycontainer .navhide span {
	font-size: 32px;
	line-height: 35px;
}

.header .logo { grid-area: logo; }
.header .h1 { grid-area: h1; padding: 10px; }
.header .h2 { grid-area: h2; }
.header .h3 { grid-area: h3; }
.header .h4 { grid-area: h4; }
.header .h5 { grid-area: h5; }
.header .h6 { grid-area: h6; }
.header .h7 { grid-area: h7; }
.header .h8 { grid-area: h8; }
.header .h9 { grid-area: h9; }

.header a 			{ background: var(--tgGray); }
.header a h2 		{ padding: 3px 15px;color: var(--tgWhite);font-size: 22px;} 
.header a h2 span 	{ color: var(--tgOrange); }
.header a:nth-child(even) { background: var(--tgOrange); }
.header a:nth-child(even) h2 span { color: var(--tgGray); }
.header a.h9 { background: var(--tgGreen); }
.header a:hover { border: 3px solid var(--tgWhite) }
.header a:hover h2 { padding: 0 12px; }
.header a.logo { background: none; border: none; }


.header .h9 { position: relative; background: var(--tgTripAdvisorGreen); border: 3px solid var(--tgTripAdvisorGreen); }
.header .h9:hover { border: 3px solid var(--tgWhite) }
.header .h9 a.titlelink { padding: 0px 15px;color: var(--tgWhite);font-size: 22px; display: block; }
.header .h9 a.titlelink h2 { padding: 0 12px; }
.header .h9 a.titlelink:hover { border: none; }
.header .h9 a.titlelink h2 span { color: var(--tgGray); }

.header .TA_socialButtonIcon { position: absolute; top: 5px; right: 5px;}
.header .TA_socialButtonIcon a { background: none; }
.header .TA_socialButtonIcon a:hover { border: none; }
.header .TA_socialButtonIcon ul li { list-style-type: none; }

.header .socialWidgetContainer { height: 32px; position: absolute; top: 1px; right: 5px; }

/* *** *** *** *** *** BOOK NOW! *** *** *** *** */
.sidebook 			{ position: fixed; right: -90px; top: 35vh; }
.sidebook:hover		{ right: 0px; }
.sidebook img 		{ height: 90px; }
.footbook 			{ display: none; }

/* *** *** *** *** *** BANNER *** *** *** *** */
.banner {
	border-top: 5px solid var(--tgWhite);
	border-bottom: 5px solid var(--tgWhite);
	background:	-moz-linear-gradient( to right, rgba( 243, 123,  32, 0.85 ) 0%, rgba( 243, 123,  32, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 100%  ), url(/wp-content/themes/topgunprague/assets/img/packages-bg.png) center center repeat-x;
	background:	-o-linear-gradient( to right, rgba( 243, 123,  32, 0.85 ) 0%, rgba( 243, 123,  32, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 100%  ), url(/wp-content/themes/topgunprague/assets/img/packages-bg.png) center center repeat-x;
	background:	-ms-linear-gradient( to right, rgba( 243, 123,  32, 0.85 ) 0%, rgba( 243, 123,  32, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 100%  ), url(/wp-content/themes/topgunprague/assets/img/packages-bg.png) center center repeat-x;
	background:	linear-gradient( to right, rgba( 243, 123,  32, 0.85 ) 0%, rgba( 243, 123,  32, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 20%, rgba( 255,  99,  25, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 40%, rgba( 243, 123,  32, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 80%, rgba( 232, 152,  92, 0.85 ) 100%  ), url(/wp-content/themes/topgunprague/assets/img/packages-bg.png) center center repeat-x;
}

h1.maintitle {
    color: var(--tgWhite);
    font-family: Oswald, sans-serif;
    font-size: 52px;
    text-transform: uppercase;
    margin: 20px 0;
}
h1.maintitle span {
	color: var(--tgBlack);
}
h3.subtitle {
	color: var(--tgWhite);
	font-family: Oswald, sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	margin: 20px 0;
	font-weight: 300;
}
h3.subtitle span {
	font-weight: bold;
}
.posttitles {
	border-top: 3px solid var(--tgBlack);
}
h2.packagetitle {
	color: var(--tgWhite);
	font-size: 32px;
	width: 130px;
	float: left;
	padding: 10px;
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	font-weight: normal;
	word-spacing: 999px;
}
a:first-of-type h2.packagetitle {
	margin-left: 20px;
}
h2.packagetitle.active {
	background: var(--tgBlack);
}
h2.packagetitle:hover { 
	background: var(--tgGray); 
}
.postcontent {
  display: block;
  padding: 20px 0;
  clear: both;
}

.packageguns {
	background: var(--tgBlack);
	border-bottom: 5px solid var(--tgWhite);
	color: var(--tgWhite);
	padding: 20px;
}
.packageguns .packagetitle {
	font-family: Oswald, sans-serif;
	text-transform: uppercase;
}
.packageguns .packagetitle span {
	font-weight: 300;
}
.eachgun {
	display: grid;
	grid-template-columns: 270px auto;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: 
		"image title"
		"image meta"
		"image link";
	margin: 10px 0;
}

.packageguns .eachgun .attachment-tg-thumb {grid-area: image;background: url(/wp-content/themes/topgunprague/assets/img/gunbox.png) center center no-repeat;background-size: contain;}
.packageguns .eachgun .eachguntitle {grid-area: title;font-size: 28px;padding-left: 20px;line-height: 45px;}
.packageguns .eachgun .eachgunmeta { grid-area: meta; line-height: 45px; padding-left: 20px; font-size: 20px;}
.packageguns .eachgun .eachgunlink {grid-area: link;text-transform: uppercase;padding-left: 20px;font-size: 14px;line-height: 45px;}
.packageguns .eachgun .eachgunlink span { color: var(--tgOrange); }

.packageguns .eachgun img.thumb {grid-area: image;background-color: var(--tgOrange);background: url(/wp-content/themes/topgunprague/assets/img/gunbox-orange.png) center center no-repeat;background-size: contain;width: 270px;height: 140px;}
.packageguns .eachgun.extras {
	grid-template-areas: 
		"image title"
		"image meta"
		"image meta";
}

.howitworkscontent {
	background: var(--tgOrange);
	padding-bottom: 20px;
	border-bottom: 5px solid var(--tgWhite);
}
.howitworkscontent .howitworks-step .bodycontainer {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto auto auto;
	grid-template-areas:
		"thumbnail title title title title" 
		"thumbnail snippet snippet snippet snippet"
		"image image text text text";
	padding: 5px;
}

.howitworks-title { color: var(--tgWhite); font-family: Oswald, sans-serif; text-transform: uppercase; padding-top: 20px; }
.howitworks-title span {font-weight: 300;}
.howitworks-step .bodycontainer .thumbnail { grid-area: thumbnail; width: 100%; }
.howitworks-step .bodycontainer h3 { grid-area: title; font-size: 28px; padding-left: 20px; line-height: 45px;}
.howitworks-step .bodycontainer .snippet {grid-area: snippet;line-height: 20px; padding-left: 20px;}
.howitworks-step .bodycontainer .image {grid-area: image;display: none;width: calc(100% - 20px);padding: 5px 20px 5px 0;}
.howitworks-step .bodycontainer .image img { width: 100%; height: auto; }
.howitworks-step .bodycontainer .text {grid-area: text;display: none;}

.howitworks-step .bodycontainer .snippet > label { text-decoration: underline; font-weight: bold; }
.howitworks-step .bodycontainer input { display: none; }
.howitworks-step .bodycontainer input:checked + .image         { display: block; }
.howitworks-step .bodycontainer input:checked + .image + .text { display: block; }

.howitworks-step:active,
.howitworks-step:focus,
.howitworks-step:hover {
	background: var(--tgLightOrange);
}

.pricing {padding-bottom: 20px;border-bottom: 5px solid var(--tgWhite);}
.pricing * { color: var(--tgWhite); }
.pricing-title { color: var(--tgWhite); font-family: Oswald, sans-serif; text-transform: uppercase; padding-top: 20px; }
.pricing-title span {font-weight: 300;}
.pricing form { margin-bottom: 40px; }
.pricing form .fieldset {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: auto;
	grid-template-areas: 
		"legend options";
	max-width: 590px;
	margin-bottom: 20px;
	position: relative;
}
.pricing form .fieldset h3 				{ grid-area: legend; }
.pricing form .fieldset .options 		{ grid-area: options; }
.pricing form .fieldset .options label {background: var(--tgOrange) url(/wp-content/themes/topgunprague/assets/img/radio-unchecked.png) right center no-repeat;width: 90%;padding: 10px;display: inline-block;margin: 5px 0;background-size: contain;max-width: 220px;}
.pricing form .fieldset .options label:hover { background-color: var(--tgLightOrange); }
.pricing form .fieldset .options input	{ visibility: hidden; position: absolute; }
.pricing form .fieldset .options input:checked + label {background-image: url(/wp-content/themes/topgunprague/assets/img/radio-checked.png); }

.pricing form .fieldset .results span 	{ font-weight: normal; display: block; }
.pricing form .fieldset .meta			{font-size: 12px;margin-right: 20px;display: block;}
.pricing form .fieldset .resultdata		{font-size: 32px;font-weight: bold;}

.pricing form .fieldset .total			{ color: var(--tgOrange); }

.pricing form .cur 						{ font-size: 12px; }

.pricing form .fieldset.dotted			{ border-top: 3px dotted var(--tgGray); margin-top: 10px; padding-top: 10px; }

.pricing .terms-title 					{ margin-top: 30px; }

.pricing a 								{ font-size: 20px; font-weight: normal; }
.pricing a:hover						{ text-decoration: underline; }

.pricing table 							{ table-layout: fixed; }
.pricing table tr td					{ width: 22%; vertical-align: top; font-size: 13px; padding-left: 1%; text-align: justify; }
.pricing table tr td:first-child 		{ padding-left: 0; }

.pricing .overview,
.pricing .extras,
.pricing .terms {
    width: 260px;
    height: 160px;
    background: var(--tgOrange);
    display: inline-block;
    margin: 20px 10px 0 0;
}
.pricing .overview .title,
.pricing .extras .title,
.pricing .terms .title {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	line-height: 45px;
	font-weight: bold;
	padding: 15px 15px 20px 15px;
	width: calc(100% - 30px);
}
.pricing .overview span,
.pricing .extras span,
.pricing .terms span {
	color: var(--tgDarkGray);
}
.pricing .overview .linktext,
.pricing .extras .linktext,
.pricing .terms .linktext {
	background: var(--tgLightOrange);
}

.pricing span.plus { font-size: 20px; color: var(--tgOrange); }
.pricing span.when { font-size: 12px;  }

.pricing .pricing-waiting { font-size: 18px; }

.pricing .depplusbal::after {
	content: "plus";
	position: absolute;
	bottom: -32px;
	left: 40%;
	background: var(--tgDarkGray);
	z-index: 9;
	padding: 2px 20px;
	color: var(--tgOrange);
}
.calculator .depplusbal::after {
	background: var(--tgBlack);

}

.keyinformation 						{ background: var(--tgOrange); padding-bottom: 20px; border-bottom: 5px solid var(--tgWhite); }
.keyinformation .keyinfo-title 		{ font-family: Oswald, sans-serif;text-transform: uppercase; padding-top: 20px; color: var(--tgWhite); }
.keyinformation .keyinfo-title strong	{font-weight: 300;}
.keyinformation h2					{font-weight: 300;padding: 30px 0 10px 0;color: var(--tgWhite);}
.keyinformation h2 strong				{font-weight: 900;text-transform: uppercase;}
.keyinformation p strong				{ color: var(--tgWhite); font-size: x-large; }
.keyinformation p a						{ text-decoration: underline;}
.keyinformation p a:hover				{ text-decoration: none;}
.otherusefulinfo						{ background: var(--tgBlack); padding-bottom: 20px; border-bottom: 5px solid var(--tgWhite); }
.otherusefulinfo .otherinfo-title	{ font-family: Oswald, sans-serif;text-transform: uppercase; padding-top: 20px; color: var(--tgWhite); }
.otherusefulinfo .otherinfo-title span	{font-weight: 300;}
.otherusefulinfo h1,
.otherusefulinfo h2,
.otherusefulinfo h3 					{color: var(--tgOrange);padding: 30px 0 10px 0;}
.otherusefulinfo p					{ color: var(--tgWhite); }


.mainpagecontent {
	padding: 20px 0 50px 0;
	color: var(--tgWhite);
	background: var(--tgDarkestGray);
}
.mainpagecontent h1, 
.mainpagecontent h2, 
.mainpagecontent h3, 
.mainpagecontent h4 {
	color: var(--tgOrange);
	padding: 30px 0 10px 0;
} 
.mainpagecontent li {
	padding: 5px 0;
	list-style-position: inside;
}
.mainpagecontent a {
	text-decoration: underline;
}
.mainpagecontent a:hover {
	text-decoration: none;
}


.awesome-question .bodycontainer {
	display: grid;
	grid-template-columns: 150px auto;
	grid-template-rows: auto auto;
	grid-template-areas: 
		"thumbnail title"
		"thumbnail text";
}
.awesome-question 							{background: var(--tgDarkestGray);color: var(--tgWhite);padding: 20px 0 0 0;}
.awesome-question:last-child				{padding-bottom: 20px;}
.awesome-question .bodycontainer img 		{ grid-area: thumbnail; }
.awesome-question .bodycontainer h2 		{grid-area: title;padding: 0px 0 0 20px;}
.awesome-question .bodycontainer .text 	{grid-area: text;padding: 0 0 20px 20px;}

.question .bodycontainer {
	display: grid;
	grid-template-columns: 70px auto;
	grid-template-rows: 70px auto;
	grid-template-areas: 
		"thumbnail question"
		". answer";
}
.question 						{ background: var(--tgDarkestGray);color: var(--tgWhite);padding: 20px 0 0 0;}
.question:last-child				{ padding-bottom: 20px;}
.question .bodycontainer img 	{ grid-area: thumbnail; height: 100%; }
.question .bodycontainer label 	{grid-area: question;padding: 0px 0 0 20px;/* line-height: 50px; */color: var(--tgOrange);font-size: 20px;font-weight: bold;}
.question .bodycontainer label:hover { text-decoration: underline; }
.question .bodycontainer .text 	{ grid-area: answer; padding: 10px 0 10px 20px; display: none; }
.question .bodycontainer input	{ display: none; }
.question .bodycontainer input:checked + .text         { display: block; }


.cardprocessors 			{ padding: 30px 0; }
.cardprocessors img		{ height: 50px; margin-right: 10px; }

.t-shirt-shoot			{
	display: grid;
	grid-template-columns: 110px auto;
	grid-template-rows: 40px auto;
	grid-template-areas: 
		"image number"
		"image text";
	grid-gap: 20px;
	margin-bottom: 50px;
}
.t-shirt-shoot img		{ grid-area: image; width: 100%; height: auto;  }
.t-shirt-shoot .number	{grid-area: number;color: var(--tgOrange);font-size: 40px;font-weight: bold;}
.t-shirt-shoot .text		{grid-area: text;font-size: 20px;}

/* *** *** *** *** *** GUN ARCHIVE *** *** *** *** */


.gunarchive {
	color: var(--tgWhite);
}
.gunarchive .individualgun {
	display: grid;
	grid-template-columns: 1fr 2fr 3fr;
	grid-template-rows: 70px 283px repeat(7, 70px);
	grid-gap: 10px;
	margin: 30px 0;
	border-bottom: 2px dotted var(--tgOrange);
	grid-template-areas: 
		"title title title"
		"featured featured image"
		"calibre-title calibre text"
		"capacity-title capacity text"
		"weight-title weight text"
		"year-title year text"
		"power-title power text"
		"accuracy-title accuracy text"
		"kick-title kick text"
		"range-title range text";
	padding-bottom: 50px;
}

.gunarchive .individualgun h4						{ font-weight: normal;}
.gunarchive .individualgun h4 span					{ display: block; font-weight: bold; }
.gunarchive .individualgun img						{ width: 90%; margin: 0 5%; }
.gunarchive .individualgun .feature-image-2			{grid-area: image;}
.gunarchive .individualgun .feature-image-2 img		{width: 100%;height: 100%;margin: 0;border: 8px solid var(--tgWhite);box-sizing: border-box;}

.gunarchive .individualgun .individualgun-title 		{grid-area: title;font-family: Oswald-Light, Oswald, sans-serif;font-size: 52px;line-height: 80px;}
.gunarchive .individualgun .wp-post-image			{grid-area: featured;width: 100%;height: auto;margin: 0;background: url(/wp-content/themes/topgunprague/assets/img/gunbox.png) center center no-repeat;background-size: contain;}

.gunarchive .individualgun h4.calibre				{ grid-area: calibre-title; }
.gunarchive .individualgun img.calibre				{ grid-area: calibre; }
.gunarchive .individualgun h4.capacity				{ grid-area: capacity-title; }
.gunarchive .individualgun img.capacity				{ grid-area: capacity; }
.gunarchive .individualgun h4.weight					{ grid-area: weight-title; }
.gunarchive .individualgun img.weight				{ grid-area: weight; }
.gunarchive .individualgun h4.year					{ grid-area: year-title; }
.gunarchive .individualgun img.year					{ grid-area: year; }
.gunarchive .individualgun h4.power					{ grid-area: power-title; }
.gunarchive .individualgun img.power					{ grid-area: power; }
.gunarchive .individualgun h4.accuracy				{ grid-area: accuracy-title; }
.gunarchive .individualgun img.accuracy				{ grid-area: accuracy; }
.gunarchive .individualgun h4.kick					{ grid-area: kick-title; }
.gunarchive .individualgun img.kick					{ grid-area: kick; }
.gunarchive .individualgun h4.range					{ grid-area: range-title; }
.gunarchive .individualgun img.range					{ grid-area: range; }
.gunarchive .individualgun .text						{ grid-area: text; background: var(--tgLightGray); padding: 30px; }
.gunarchive .individualgun .text h1,
.gunarchive .individualgun .text h2, 
.gunarchive .individualgun .text h3,
.gunarchive .individualgun .text p 					{ margin: 10px 0 20px 0; }
.gunarchive .individualgun .gunisinpackages-link		{ display: block; }


.gallerytitlepadder										{ clear: both; height: 30px; }
.gallerybody												{ padding: 30px 0 40px 0; }
.gallery-item img 										{border: 0 !important;max-width: 40vw;height: auto;}


.contact-form>div         {padding-bottom: 15px;}
.contact-form>div label   { color: var(--tgOrange); }
.contact-form>div input,
.contact-form>div select,
.contact-form>div textarea {padding: 5px 10px;border-radius: 5px;font-size: 18px;}
.contact-form input.pushbutton-wide {padding: 10px 20px;color: var(--tgBlack);font-weight: bold;border-radius: 5px;border: 2px solid var(--tgOrange);}

form#booknow				{ padding: 30px 0 50px 0; }
form#booknow p			{ padding: 10px 0; color: var(--tgOrange); }
form#booknow select		{ padding: 5px 10px;border-radius: 5px;font-size: 18px; }

/* *** *** *** *** *** SHARED FOOTER *** *** *** *** */
.endcontent { 
	background: var(--tgWhite);
	padding: 20px 0; 
}

.endcontent .bodycontainer {
	display: grid;
	grid-template-columns: repeat(4, 260px); 
	grid-template-rows: repeat(2, 175px); 
	grid-gap: 10px;	
	grid-template-areas: 
		"booknow reviews reviews awesome"
		"contact reviews reviews awesome";
	margin-bottom: 10px;
}

.foot {

	padding: 10px 0 90px 0;
	background: var(--tgLightGray);
}
.footer { 
  grid-area: footer; 
  display: inline-grid;
  grid-template-columns: 95px auto;
  grid-template-rows: repeat(2, 30px);
  grid-template-areas:
    "logo copyright"
    "logo menu";
}
.footer .footerlogo { 
	grid-area: logo; 
	}  
.footer .footerlogo img { 
	width: 100%; 
	max-width: 110px;
}
.footer .copyright { 
	grid-area: copyright; 
	color: var(--tgWhite); 
}
.footer .copyright p {
	font-size: 12px;
	padding: 5px 0 0 10px;
}
.footer .menu { 
	grid-area: menu 
}
.footer .menu ul { 
	list-style-type: none; 
}
.footer .menu ul li { 
	float: left; 
	color: var(--tgWhite); 
}
.footer .menu ul li a {
	padding: 0 10px;
	font-size: 12px;
	border-left: 1px solid var(--tgWhite);
}
.footer .menu ul li:first-child a { 
	border-left: 0; 
}

.front-page-messages {
    background: var(--tgOrange);
    margin: 10px 0;
    padding: 10px 0;
}
.front-page-messages .textwidget {
    width: 1070px;
    margin: 20px auto;
    text-align: center;
    color: var(--tgWhite);
    font-size: 16px;
    font-weight: bold;
}
.front-page-messages-title{
    font-size: x-large !important;
}

#tgpcookies 		{position: fixed;bottom: 80px;left: 50%;width: 940px;margin-left: -470px;background: var(--tgGray);border: 1px solid var(--tgOrange);border-radius: 8px;height: 50px;padding: 5px 10px;z-index: 9999;color: white;font-size: 16px;}
#tgpcookies p		{width: calc(100% - 130px);line-height: 25px;}
#tgpcookies input	{position: absolute;top: 50%;right: 7px;border: 1px solid var(--tgDarkestGray);padding: 14px 25px;border-radius: 5px;background: var(--tgOrange);margin-top: -24px;font-size: 16px;}
#tgpcookies a		{ text-decoration: underline; }
#tgpcookies a:hover	{ text-decoration: none; }

#analytics { display: none; }

.hidden			{ display: none !important;}

/* Mobiles */

@media screen and (max-width: 1030px) and (min-width: 800px) {
    .bodycontainer,
    .front-page-messages .textwidget {
		width: 95vw;
	}
	.homebody,
	.homehead,
	.endcontent .bodycontainer {
		grid-template-columns: repeat(4, 23vw); 
	}
	.linktext.top,
	.linktext.bottom {
		font-size: 12px;
	}
	.contact {
		background-size: 50%;
	}
	.tagline {
		background-size: 65%;
	}
}


@media screen and (max-width: 800px) {
    .bodycontainer,
    .front-page-messages .textwidget {
		width: 90vw;
	}
	.carousel {
		height: 360px;
	}
	.homehead {
	    grid-template-columns: repeat(2, 48%);
	    grid-template-rows: auto auto repeat(2, 155px);
	    grid-template-areas: 
			"logo logo"
			"logo logo"
			"tagline tagline"
			"booknow tshirt";
	}
	.homebody {
	    grid-template-columns: repeat(2, 48%);
	    grid-template-rows: repeat(11, 155px);
		grid-template-areas: 
			"howitworks howitworks"    
			"howitworks howitworks"    
			"gallery awesome"    
			"gallery awesome"    
			"packages packages"    
			"packages packages"    
			"packages packages"    
			"theguns faq"    
			"theguns contact"    
			"reviews reviews"    
			"reviews reviews";
	   }
    .carouselcontainer { padding: 120px 0; }
	.title { font-size: 28px;  padding: 15px 10px 20px 10px; width: calc(100% - 20px); }
	.linktext.top,
	.linktext.bottom { font-size: 8px; }
	.tagline { background-position: center center; background-size: contain; }
	.tagline div { display: none; }
	.gallerylink .images { height: 75%;}
	.howitworks img {bottom: -20px;height: 275px;max-height: unset;}
	.packages .package h3 { font-size: 10px; padding: 5px; }
	.faq { background-image: none; }
	.faq .faqcontent {padding: 10px;font-size: 12px;}
	.awesome { background-size: 70%; background-position: 50% 125px; }
	.awesome .awesomecontent { padding: 0px 10px 30px 10px; }
	.theguns .images { height: 50%;}

	.booknow, .tshirt { background-size: 80%; background-position: center right; }
	.contact { background-size: 50%; }

	.footer { width: 90vw; font-size: 8px; }
	
	.header .bodycontainer {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto 50px auto;
		grid-template-areas: 
			"logo"
			"navhide"
			"nav";
	}
	.header .bodycontainer .navmenu {
		display: none;
		grid-area: nav;
		grid-template-columns: auto;
		grid-template-rows: repeat(9, 50px);
		grid-template-areas: 
			"h1"
			"h2"
			"h3"
			"h4"
			"h5"
			"h6"
			"h7"
			"h8"
			"h9";
	}
	.header .bodycontainer .navhide { display: block; grid-area: navhide; }
	.header .bodycontainer input:checked + .navmenu { display: grid; }
	
	.sidebook { display: none; }
	.footbook {
		display: block;
		position: fixed;
		z-index: 99;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 40px;
		background: var(--tgWhite);
		padding: 10px 0;
		color: var(--tgOrange);
		font-size: 22px;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		line-height: 45px;
		font-weight: bold;
		text-align: center;
		border-top: 4px solid var(--tgOrange);
	}
	.footbook span {
		color: var(--tgDarkGray); 
	}

	
	.endcontent .bodycontainer {
		grid-template-columns: repeat(2, 50%); 
		grid-template-rows: repeat(4, 175px); 
		grid-gap: 10px;	
		grid-template-areas: 
			"booknow awesome"
			"contact awesome"
			"reviews reviews"
			"reviews reviews";
	}
	
	h2.packagetitle { width: calc( 100% - 20px); height: 40px; word-spacing: normal; }
	a:first-of-type h2.packagetitle { margin-left: 0px; }
	a:last-of-type h2.packagetitle { border-bottom: 3px solid var(--tgBlack); }
	
	.gunarchive .individualgun {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: 70px auto auto repeat(7, 70px);
		/* grid-gap: 10px; */
		/* margin: 30px 0; */
		grid-template-areas: 
			"title title"
			"featured featured"
			"text text"
			"calibre-title calibre"
			"capacity-title capacity"
			"weight-title weight"
			"year-title year"
			"power-title power"
			"accuracy-title accuracy"
			"kick-title kick"
			"range-title range";
	}
	.gunarchive .individualgun .featured {
		display: none;
	}
	.gunarchive .individualgun .feature-image-2 {
		grid-area: featured;
	}
	
	.eachgun {
		grid-template-columns: auto;
		grid-template-rows: repeat(4, auto);
		grid-template-areas: 
			"image"
			"title"
			"meta"
			"link";
		margin-bottom: 40px;
	}
	.packageguns .eachgun .eachguntitle,
	.packageguns .eachgun .eachgunmeta,
	.packageguns .eachgun .eachgunlink {
		padding: 0;
	}
	.packageguns .eachgun .eachgunlink {
		font-size: 10px;
	}
	.packageguns .eachgun.extras {
		grid-template-areas: 
		"image"
		"title"
		"meta"
		"link";
	}
	.howitworks-step .bodycontainer h3 {
		line-height: 35px;
	}
	#tgpcookies 	{
		width: 90vw;
		margin-left: -47vw;
		height: auto;
	}
	#tgpcookies p {
		width: calc(90vw - 140px);
	}
}

@media screen and (max-width: 400px) {
	.title { font-size: 22px; }
	
}