/*!
Theme Name: onsite
Theme URI: http://underscores.me/
Author: Graham Ormiston
Author URI: https://www.gto.works
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: onsite
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=e23a69d2-ea0a-4376-85b1-f3b2f362f554&fontids=6149637,6149645,6149660");
@font-face{
	font-family:"Avenir Next LT W01 Demi";
	src:url("Fonts/6149637/6afe4676-059a-4aa8-b891-29856bbcba22.woff2") format("woff2"),url("Fonts/6149637/a9817c16-2a79-49bf-8543-6c846d73a52f.woff") format("woff");
}
@font-face{
	font-family:"Avenir Next LT W01 Bold";
	src:url("Fonts/6149645/b56355b0-7729-42a7-9f65-62c7211d078c.woff2") format("woff2"),url("Fonts/6149645/05537afc-e923-4df9-b365-71798fbd220d.woff") format("woff");
}
@font-face{
	font-family:"Avenir Next LT W01 Regular";
	src:url("Fonts/6149660/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2") format("woff2"),url("Fonts/6149660/a1adabe6-efe5-40b7-b619-48111c8ff883.woff") format("woff");
}


body {
	font-family:"Avenir Next LT W01 Regular";
	margin:0;
	height: 100vh;
	/* overflow:hidden; */
	/* animation: color-change 30s infinite; */

	background-color: #368ee1;
	/* background: rgb(0,106,202); */
	/* background: radial-gradient(circle, rgba(0,106,202,1) 0%, rgba(0,56,110,1) 100%); */
}

body.page-id-50 {
	background-color: #EE4A55;
}

/*.ninety-wrapper{
    transform: rotate(90deg);
    transform-origin:bottom left;

    position:absolute;
    top:-100vw;

    height:100vw;
    width:100vh;

}*/

h1, h2, h3, h4, h5 {
	font-family:"Avenir Next LT W01 Demi";
}

.demi {
	font-family:"Avenir Next LT W01 Demi";
}

.bold {
	font-family:"Avenir Next LT W01 Bold";
}

.tbnuk-title {
	font-size: 4.5rem;
	line-height: 4.5rem;
	letter-spacing: -2px;
}

p {
	font-size: 1rem;
}




.swiper {
/*	width: 100vh;
	height: 100vw;*/
	color: white;
  }

.slide-one {
	  animation: color-change 30s infinite;
}

.container.blue-gradient {

}

@keyframes color-change {
	0% { background-color: #0072D9; }
	/* 50% { background-color: #D3E7F9; } */
	50% { background-color: #AED2F3; }
	75% { background-color: #005BB6; }
	100% { background-color: #0072D9; }
}

.slide-one .text-change {
	animation: text-color 30s infinite;
}

@keyframes text-color {
	0% { color: #ffffff; }
	25% { color: #0072D9; }
	50% { color: #00386E; }
	75% { color: #D3E7F9; }
	100% { color: #ffffff; }
}


#fill {
	stroke-dasharray: 1;
	animation-name: fill-line;
	animation-duration: 5s;
}

@keyframes fill-line {
	from {
		stroke-dashoffset: 1;
	}
	to {
		stroke-dashoffset: 0;
	}
}


/* .studios {
	margin-top: 100px;
} */