/*   
Theme Name: Rainbird Digital
Theme URI: http://www.rainbird.digital
Description: Theme designed for rainbird.digital
Author: Jason Rainbird
Author URI: http://www.rainbird.digital
Version: 1.3
Colours:  #000e21 #00e5e5
*/


@font-face { /* Regular */
        font-family:"DIN";
        src:url("fonts/951179b1-3738-421c-be14-8d73d67d4acb.eot?#iefix");
        src:url("fonts/951179b1-3738-421c-be14-8d73d67d4acb.eot?#iefix") format("eot"),url("fonts/f612b547-9f1d-4c4a-b5fc-730a26dcf406.woff2") format("woff2"),url("fonts/8bc1090c-99da-496f-a4b7-7edf131ad2a1.woff") format("woff"),url("fonts/8b617466-badc-4a33-9879-44a8edad231b.ttf") format("truetype");
        font-weight: 300;
        font-style: normal;
}

@font-face { /* Bold */
        font-family:"DIN";
        src:url("fonts/990dd883-3dbc-4d55-a7d2-646ee0389ddc.eot?#iefix");
        src:url("fonts/990dd883-3dbc-4d55-a7d2-646ee0389ddc.eot?#iefix") format("eot"),url("fonts/05cea9c8-1449-464a-bfcf-4c8659454c15.woff2") format("woff2"),url("fonts/b9667ac3-ad0d-4415-bbf9-0bb3b7f81dae.woff") format("woff"),url("fonts/67ad2c07-b363-46f6-a694-a762f849c891.ttf") format("truetype");
        font-weight: 700;
        font-style: normal;
}
    

/*! normalize.css v8.0.1 */ html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}



/* ---- Basics  ---- */
.clearfix:after, .content:after { content: ""; display: table; clear: both;}
::selection { background: #00d9d6; color: #fff; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #00d9d6; color: #fff; /* Gecko Browsers */ }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
a {transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear;}
.detectMobile { width: 100%; }  /* - used in Javascript to detect if the device is mobile. goo.gl/BUhiew - */	


html {  font-size: 62.5%; height: 100%; overflow-x: hidden; overflow-y: hidden; }
html, body { height: 100%; min-height: 100%; position: relative; margin: 0; padding: 0; border:0;   }
body {  font-family: 'DIN', helvetica, arial, sans-serif; font-style: normal; font-weight: 300; color: #ed4f6b; font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; letter-spacing: 0; 
	text-align: left; color: #00e5e5; outline: none; background-color: #000e21;  }
 a img, a:link img, a:visited img { border: 0; }


/* ---- SWIPERJS  ---- */
.swiper-container { width:100vw; height: 100vh;  margin: 0px; padding: 0px; background-color: #000e21;  }
.swiper-wrapper { width:100%; height: 100%;  margin: 0px; padding: 0px;  }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
				-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; 
	width:100vw; height: auto; margin: 0; padding: 0; border:0; }
.swiper-slide img {   -o-object-fit: cover; object-fit: cover; margin: 0; padding: 0; border:0; width: 100%; height:100%;  }
	
/* SWIPER Progress Bar */
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: 4px; top:auto!important; bottom: 0!important; }
.swiper-pagination-progressbar { background: #000e21!important; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #00e5e5!important; left: 0; top:auto!important; bottom: 0!important; }
.swiper-pagination-fraction, .swiper-pagination { width: 80px!important;   text-align: right!important; right: 20px!important; bottom: 20px!important; }
.swiper-slide .img-mask { position: absolute; top:0; left:0; bottom: 0; right:0;  width: 100%; height: auto;  }

.swiper-lazy-preloader { left: unset!important; top: unset!important; bottom: 40px!important; right: 40px!important; }
.wrapper { display: block; }
.copyright {display:none; text-align: center; padding:  15px 20px 20px 20px ;   width: 100%;}
.rdLogo { z-index: 9; background-color: #000e21; display: block; position:absolute; /* left: 50%; top: 50%;*/ left: 40px; top: 0; width:200px; height:200px; overflow: hidden; padding: 0px;  transform: /*translate(-50%, -50%);*/ background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: 0.25s all ease-in-out; -moz-transition: 0.25s all ease-in-out; -o-transition: 0.25s all ease-in-out; transition: 0.25s all ease-in-out; }
.tabHeadings { position: absolute; left: -9999px; top: -9999px; }

.rdInfo { z-index: 8; background-color: #000e21; position:absolute; left: 40px; top: 200px; width:200px; height:100%;  padding: 12px; color:#fff; padding-top: 25px; padding-left: 16px; -webkit-transition: 0.25s all ease-in-out; -moz-transition: 0.25s all ease-in-out; -o-transition: 0.25s all ease-in-out; transition: 0.25s all ease-in-out; }
.rdInfo  a:link, .rdInfo  a:visited, .rdInfo  a:hover, .rdInfo  a:active { font-style: normal; font-weight: 700; color: #00e5e5; text-decoration: none;  }
.rdInfo  a:hover{ color: #FFF;   }
.rdInfo p, .rdInfo h2, nav.tabs li a { font-family: 'DIN', helvetica, arial, sans-serif; font-style: normal; font-weight: 300; color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem;  }
nav.tabs li a:link, nav.tabs li a:visited, nav.tabs li a:active { font-style: normal; font-weight: 700; color: #fff; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; text-decoration: none;  }
nav.tabs li a:hover {color: #00e5e5; } 
.tab-content { display: none;   }
.tab-content.is-active { display: block; }
.rd-tabs nav.tabs ul { display:flex; justify-content: flex-start; flex-wrap: nowrap; padding: 0; margin: 0;  }
nav.tabs li { list-style: none; align-self:flex-start; text-align: left; padding: 0; margin: 0;  padding-right: 12px; }
nav.tabs li.is-active a { color: #00e5e5;  }   
.rdInfo  a:link, .rdInfo  a:visited, .rdInfo  a:hover, .rdInfo  a:active { font-style: normal; font-weight: 700; color: #00e5e5; text-decoration: none;  }
.rdInfo  a:hover { color: #FFF;   }

.swiper-slide .img-mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; opacity:0;  -webkit-transition: 0.25s all ease-in-out; -moz-transition: 0.25s all ease-in-out; -o-transition: 0.25s all ease-in-out; transition: 0.25s all ease-in-out; }

.swiper-caption-wrap { z-index: 11; position:absolute; left: 44px; bottom: 20px; width:200px; height:100px; overflow: hidden; padding: 0px; display: flex; justify-content: flex-start;   }
.swiper-caption { color: #fff; text-align: left; align-self: flex-end;  padding-left: 12px; padding-right: 12px; padding-bottom: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 300; font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; letter-spacing: 0;  }

.swiper-caption-visible .swiper-caption {display: block;}
.swiper-caption-visible .swiper-slide .img-mask {  opacity:0; }

.swiper-caption-toggle { width:24px; height:20px; background-position: top left; background-repeat: no-repeat; background-size: 24px 60px; align-self: flex-end; display:none; }

.swiper-caption-visible .swiper-caption-toggle {background-position: top left; width:24px; height:20px; }
.swiper-caption-toggle:hover {cursor: pointer; background-position: bottom left; width:24px; height:20px; }


/*  ---  960px  --- */
@media (max-width:960px)  {
	html, body { overflow-x: hidden;  overflow-y: auto; }

	.rdInfo { z-index: auto;  position:relative; left:auto; bottom: auto; top: auto; width:100%; height:unset;/*   */ }
	.rdLogo {   width:150px; height:150px;  }
	.swiper-container {   overflow: hidden;   width:100%; height:auto; position: relative;    }
	.swiper-wrapper::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 75%; }
	.swiper-wrapper::after { content: ""; display: table; clear: both; }
	.swiper-caption-wrap {  right: 24px; top: 20px; width:300px; height:80px;  justify-content: flex-end; left: unset; bottom:unset;    }
	.swiper-caption { display: none; text-align: right; align-self: flex-start;  padding-top: 0px; font-size: 13px; font-size: 1.3rem; line-height: 16px; line-height: 1.6rem; 
		padding-left: 0px; width:220px;}
	.swiper-caption-toggle {  align-self: flex-start; display: block; width:24px; height:20px; }
	.swiper-caption-visible .swiper-slide .img-mask { background-color: #000e21; opacity:.5;  -webkit-transition: 0.25s all ease-in-out; -moz-transition: 0.25s all ease-in-out; -o-transition: 0.25s all ease-in-out; transition: 0.25s all ease-in-out; }

	
	.tab-content, .copyright, .tabHeadings { display: block; position: relative; left: initial ; top: initial;  }
	nav.tabs  { display: none;}
	.rd-tabs { display: flex; flex-wrap: wrap; justify-content:flex-start; padding: 40px 20px 40px 20px;  }
	.rd-tabs section {width:50%; align-self:flex-start; padding: 0 20px 20px 20px; }
	.rd-tabs section.copyright {width:100%; align-self:flex-end; }
	
	
	.rd-tabs section h1, .rd-tabs section h2 { font-weight: 300; font-size: 32px; font-size: 3.2rem; line-height: 26px; line-height: 2.6rem; color: #00d9d6; padding: 0;  margin: 0; }
	.rd-tabs section .description, .rd-tabs section .address { font-weight: 300; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem;  }

	
		
}
	    
	 
/*  ---  768px --- */
@media (max-width:768px)  {

	 .rdLogo { -webkit-transition: none !important; -moz-transition: none !important;  -o-transition: none !important; transition: none !important;}

	.rd-tabs {  padding: 40px 20px 40px 20px; }
	.rd-tabs section {width:100%;  }
	

}	 
	 
	    
/*  ---  552px --- */
@media (max-width:551px)  {
	
	.rdLogo {  z-index: auto;  position:relative; left: auto; top: auto; width:100%; height:120px; background-position: left 10px bottom 8px; background-size:150px 150px ;  }
	.rd-tabs {  padding: 40px 0px 40px 0px; }
	.swiper-caption-wrap {  right: 18px; top: 18px; width:100%;   }
	.swiper-caption { width: 90%;     font-weight: 700; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem;  }

}