/*
Theme Name: Akorus
Theme URL: http://www.akorus.fr/
Description: Theme created by Line Hogsark
Version: 1.0
Author: Line Hogsark
*/

/* TEMPLATE */

	@font-face {
		font-family: 'Lato-Regular';
		src: url('assets/fonts/Lato-Regular.eot');
		src: url('assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
			 url('assets/fonts/Lato-Regular.woff') format('woff'),
			 url('assets/fonts/Lato-Regular.ttf') format('truetype'),
			 url('assets/fonts/Lato-Regular.svg#Lato-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
		}

	@font-face {
		font-family: 'Lato-Bold';
		src: url('assets/fonts/Lato-Bold.eot');
		src: url('assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
			 url('assets/fonts/Lato-Bold.woff') format('woff'),
			 url('assets/fonts/Lato-Bold.ttf') format('truetype'),
			 url('assets/fonts/Lato-Bold.svg#Lato-Bold') format('svg');
		font-weight: normal;
		font-style: normal;
		}

	@font-face {
		font-family: 'Lato-Black';
		src: url('assets/fonts/Lato-Black.eot');
		src: url('assets/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
			 url('assets/fonts/Lato-Black.woff') format('woff'),
			 url('assets/fonts/Lato-Black.ttf') format('truetype'),
			 url('assets/fonts/Lato-Black.svg#Lato-Black') format('svg');
		font-weight: normal;
		font-style: normal;
		}

	@font-face {
		font-family: 'Sansumi-Regular';
		src: url('assets/fonts/Sansumi-Regular.eot');
		src: url('assets/fonts/Sansumi-Regular.eot?#iefix') format('embedded-opentype'),
			 url('assets/fonts/Sansumi-Regular.woff') format('woff'),
			 url('assets/fonts/Sansumi-Regular.ttf') format('truetype'),
			 url('assets/fonts/Sansumi-Regular.svg#Sansumi-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
		}

	@font-face {
		font-family: 'Sansumi-Bold';
		src: url('assets/fonts/Sansumi-Bold.eot');
		src: url('assets/fonts/Sansumi-Bold.eot?#iefix') format('embedded-opentype'),
			 url('assets/fonts/Sansumi-Bold.woff') format('woff'),
			 url('assets/fonts/Sansumi-Bold.ttf') format('truetype'),
			 url('assets/fonts/Sansumi-Bold.svg#Sansumi-Bold') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/* GENERAL */

	body {
		background-color: #FFFFFF;
		margin: 0;
		font-size: 14px;
		letter-spacing: 0.025em;
		line-height: 1.8em;
		color: #000000;
		font-family: Lato-Regular, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}

	strong, b {
		font-family: Lato-Bold, sans-serif;
		font-weight: 100;
		}

	body a {
		color: #000000;
		-webkit-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		}

	body a:hover {
		color: #C7D359;
		-webkit-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		}

	body a, body a:visited, body a:link, body a:active, body a:hover {
		outline-style: none;
		text-decoration: none;
		}

	body img:hover {
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		}

	blockquote {
		display: none;
		}

	.page {
		align: center;
		width: 100%;
		margin: 0 auto 0 auto;
		}

	.content {
		align: center;
		width: 100%;
		margin: 0 auto 0 auto;
		}

	img {
		border-radius: 0px; /* IMPORTANT */
		}

	ul {
		margin: 0;
		}

/* HEADER / SCROLLBAR */

	.scrollbar {
		width: 100%;
		height: 60px;
		text-align: center;
		position: fixed;
		z-index: 999;
		background-color: rgba(255, 255, 255, 0.95);
		top: 0;
		left: 0;		
		}

	.scrollbar ul li {
		display: inline;
		}
	
	.scrollbar ul, .scrollbar ul a, .scrollbar ul a:visited { 
		color: #000000;
		font-family: Lato-Regular, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		letter-spacing: 0.03em;
		padding: 0 12px 0 12px;
		margin: 17px 0 0 0;
		}

	.scrollbar ul a:hover {
		color: #C7D359;
		}

/* HEADER / LOGO */

	#logo {
		position: relative;
		background: url('assets/images/Akorus_Design_Logo.png') no-repeat ;
		background-position: center top;
		background-size: 305px;
		width: 305px;
		height: 91px;
		margin: 100px auto 0 auto;
		}

	#logo h1 {
		display: none;	
		}

/* HEADER / NAVBAR */

	.navbar {
		width: 100%;
		text-align: center;
		margin: 45px 0 100px -20px;
		}

	.navbar > ul {
		}

	.navbar > ul > li {
		display: inline;
		}

	.navbar > ul > li > a {
		color: #000000;
		text-align: center;
		font-family: Lato-Regular, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		letter-spacing: 0.03em;
		padding: 0 12px 0 12px;
		}

	.navbar > ul > li > a:hover {
		color: #C7D359;
		}

/* CONTENT */

	.img-full-width img {
		width: 100%;
		}

	.content h1 {
		font-family: Sansumi-Bold, sans-serif;
		font-size: 4.7em;
		text-transform: lowercase;
		font-weight: 100;		
		}

	.content h2 {
		font-family: Sansumi-Regular, sans-serif;
		font-size: 2.8em;
		text-transform: lowercase;
		font-weight: 100;
		}

	.content h3 {
		font-family: Sansumi-Bold, sans-serif;
		font-size: 1.8em;
		text-transform: lowercase;
		font-weight: 100;
		}

	.content h4 {
		font-weight: 100;
		font-size: 1.15em;
		}

	.underscore {
		color: #C7D359;	
		font-family: Sansumi-Bold, sans-serif;
		font-size: 4.7em;
		text-transform: lowercase;
		font-weight: 100;	
		margin-top: -30px;
		}

	#about {
		width: 80%;
		margin: 0 auto 0 auto;
		padding-top: 100px;
		}

	#offre {
		width: 80%;
		text-align: center;
		margin: 0 auto 100px auto;
		}

	#offre h1 {
		margin: 100px 0 65px 22%;
		}

	.methodes-texte {
		width: 57.5%;
		text-align: center;
		margin: -300px 0 150px 0;
		}

	.methodes-texte h2 {
		font-size: 3.5em;
		}

	.methodes-texte h4 {
		margin: -5px 0 18px 0;
		}

	#references {
		width: 80%;
		text-align: center;
		margin: 0 auto 0 auto;
		padding-top: 100px;
		}

	#references h1 {
		font-size: 4.2em;
		text-align: center;		
		line-height: 1.2em;
		}

	.slide {	
		margin-top: -40px;
        }

	.slideshow_container {	
		text-align: center !important;
		margin: 0 auto 0 auto !important;
        }

	.slideshow_container .slideshow_button {	
		opacity: 1 !important;
		margin-top: -44px !important;
		width: 44px !important;
		height: 88px !important;
		background: url('assets/images/Akorus_Design_Slide_Flèches.png') no-repeat !important;
		background-size: 88px !important;
        }

	.slideshow_container .slideshow_previous {
		margin-left: -100px;
		}

	.slideshow_container .slideshow_next {
		background-position: -44px 0 !important;
		margin-right: -100px;
		}

	#assistance {
		width: 80%;
		text-align: center;
		margin: 0 auto 0 auto;
		}

	#assistance h2 {
		font-size: 5.8em;
		margin-top: 75px;
		}

	#footer {
		width: 100%;
		height: 225px;
		background: #F7F5F5;
		margin-top: 100px;
		}

	.footer-content {
		width: 80%;
		margin: 0 auto 0 auto;
		padding-top: 60px;
		}

	.footer-akorus {
		font-family: Sansumi-Regular, sans-serif;
		font-size: 2.8em;
		text-transform: lowercase;
		font-weight: 100;
		margin-bottom: 15px;
		}

	.footer-texte {
		font-size: 0.95em;
		}

/* RESPONSIVE DESIGN */
	
	@media screen 
		and (max-width: 1100px) {
			
		#about br {
			display:none;
			}	
			
		#about {
			text-align: justify;
			}	
			
		.methodes-texte {
			width: 80%;
			text-align: center;
			margin: 110px auto 120px auto;
			}			
			
		}	
			
	@media screen 
		and (max-width: 900px) {	
			
		.scrollbar, .scrollbar ul {
			display:none;
			width: 0;
			}
			
		#offre h1 {
			margin: 100px 0 65px 0;
			}			
			
		.slide {
			zoom: 0.85;
			}			
			
		}	

	@media screen 
		and (max-width: 720px) {
			
		.navbar > ul > li {
			display: block;
			}			
			
		#references {
			display: none;
			}	
			
		.content h1 {
			zoom: 0.8;	
			}

		.content h2 {
			zoom: 0.8;	
			}
			
		#about h2 {
			line-height: 1.4em;
			margin-top: -15px;
			}			
			
		#offre h1 {
			margin: 175px 0 65px 0;
			}
			
		.footer-content {
			text-align: center;
			}			
			
		}	

	@media screen 
		and (max-width: 560px) {
			
		}		

	@media screen 
		and (max-device-width: 560px) {
			
		#logo {
			zoom: 0.8;
			margin: 80px auto 0 auto;
			}	
			
		.navbar {
			margin: 30px 0 60px -20px;
			}
			
		#about {
			padding-top: 60px;
			}
			
		#offre h1 {
			margin: 125px 0 65px 0;
			}	
			
		#offre {
			margin: 0 auto 60px auto;
			}

		.methodes-texte {
			margin: 50px auto 120px auto;
			}
			
		.methodes-texte h2 {
			line-height: 1.2em;
			}	
			
		#footer {
			height: 250px;
			margin-top: 60px;
			}			
		
		}