/*
Theme Name: oil and sugar core
Author: Atelier oil and sugar
Author URI: http://oilandsugar.com/
Description: Core theme for theme development purposes, built from BLankslate theme, incorporates a basic theme options page, a content guide page and some basic CSS to build a fluid-elastic structure on.
Other features:
- built-in open graph tags for social media
- built-in field for google analytics
Version: 4.1
Text Domain: oascore

 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - helper classes
 * 3.0 - Basic Structure
 *   3.1 - Columns
 * 4.0 - Typography
 *   4.1 - Headers
 *   4.2 - Lists
 *   4.3 - Links
 *   4.4 - Else
 * 5.0 - Tables
 * 6.0 - Header
 * 7.0 - Navigation
 * 8.0 - Content
 *   8.1 - Post Thumbnail
 *   8.2 - Entry Header
 *   8.3 - Entry Meta
 *   8.4 - Entry Content
 *   8.5 - Galleries
 *   8.6 - Post Formats
 *   8.7 - Post/Image/Paging Navigation
 *   8.8 - Archives
 *   8.9 - 404 Page
 *   8.10 - Single post
 * 9.0 - Sidebar
 *   9.1 - Widgets
 *   9.2 - Content Sidebar Widgets
 * 10.0 - Footer
 * 11.0 - Media Queries
 * 12.0 - Print

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* -------------------------------------
////////// HELPER CLASSES //////////////
--------------------------------------*/

.clear {
	clear:both;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.text-right {
	text-align:right;
}

.right {
	float:right!important;
}

.wrap {
	max-width:640px;
	margin:0 auto 0 auto;
}

.mobile {
	display:none!important;
}

.desktop {
	display: block;
}

img {
	max-width:100%;
	height:auto;
}

.grey {
	background:#302b26;
	color:#fff;
}

path {
	-o-transition: 300ms;
	-ms-transition: 300ms;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	transition: 300ms;
}

/* -------------------------------------
/////////// BASIC STRUCTURE ////////////
--------------------------------------*/

html {
	min-height:100%;
	height:100%;
	font-size:100%;
}

body {
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	min-height:100%;
	height:100%;
	color:#302b26;
}

#wrapper {
	height:100%;
}

#container {
	overflow:hidden;
	min-height:calc(100% - 580px);
	position:relative;
}

/* -------- COLUMNS ---------*/

.half, .full, .third, .two-third {
	float:left;
	display:block;
}

.full {
	width:100%;
}

.three-quarter {
	width:75%;
}

.two-third {
	width:66.66666666666666%;
}

.half {
	width:50%;
}

.third {
	width:33.33333333333333333%;
}

.quarter {
	width:25%;
}



/* -------------------------------------
//////////// TYPOGRAPHY ////////////////
--------------------------------------*/

/* ----------- HEADERS ---------------*/

h1 {
	font-size:4em;
	margin-bottom: 0.5em;
}

h2 {
	font-size:2.5em;
	letter-spacing:3px;
}

h3 {
	font-size:1.3em;
}

h4 {

}

h5 {

}

h6 {

}

/* -------------- LISTS ------------- */

ul {
	list-style-type: disc;
	list-style-position: inside;
	line-height:1.5em;
	margin-top:1em;
	padding:0;
	list-style:none;
}

ul li {
	margin:0;
	padding:0;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
}

ol li {

}

/* ------------- LINKS -------------- */

a {
	text-decoration:none;
	color:#302b26;
	-o-transition: 300ms;
	-ms-transition: 300ms;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	transition: 300ms;
}

a:hover {

}

a.post-edit-link {
	clear:both;
	display:block;
	margin-top:1em;
}

.grey a {
	color:#fff;
}

/* -------------- ELSE -------------- */

small {
	font-size:0.8rem!important;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

blockquote {

}

q {

}

cite {

}

p {
	margin-bottom:1em;
	line-height:1.5em;
	display:block;
	width:100%;
}

code, pre {
	font-family: "Courier New", Courier, monospace;
}

hr {
	border:0;
	outline:0;
	height:2px;
	background:#302b26;
	margin:2em 0 2em 40px;
	display:block;
	clear:both;
	float:none;
}

.grey hr {
	background:#fff;
}

hr.third {
	width:150px;
	float:none;
}

hr.small-left {
	width:50px;
	margin:0 0 1em 20px;
}

hr.big {
	width:100%;
	margin:0.5em 0;
}

/* -------------------------------------
/////////////// TABLES /////////////////
------------------------------------- */

table, th, td {
	border: 0;
}

thead {
	display: table-header-group;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

tr {
	display: table-row;
	vertical-align: inherit;
}

td, th {
	padding:0;
}

/* -------------------------------------
////////////// HEADER //////////////////
--------------------------------------*/

header#header {
	position:relative;
	height:1000px;
	width:100%;
	background-image:url('https://web.archive.org/web/20180422115623im_/http://vuedinterieur.com/wp-content/uploads/2014/06/background-site.jpg');
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size:cover;
}

#logo {
	width: 160px;
	height: 160px;
	margin: 0 auto 60px auto;
}

.stellar {
	width:100%;
}

#slogan {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 300px;
	font-size: 3em;
	font-weight: 200;
	letter-spacing: 3px;
	color:#fff;
 }

/* -------------------------------------
//////////// NAVIGATION ////////////////
--------------------------------------*/

nav {

}

nav ul {
	list-style-type:none;
}

nav ul li {

}

nav ul li a {

}

nav ul li a:hover {

}

/* -------------------------------------
///////////// HOME PAGE ////////////////
--------------------------------------*/

#intro, #services, #contact {
	padding:100px 0;
	width:100%;
	overflow:hidden;
}

#gallery {
	width:100%;
	height:300px;
	position:relative;
	overflow:hidden;
}

#gallery-overlay {
	position:absolute;
	top:0;
	width:100%;
	height:300px;

}

h2.gallery-title {
	margin: -1em auto 0 auto;
	padding: 1em;
	display: block;
	background: #fff;
	font-size: 1.3em;
	letter-spacing:2px;
	width: 7em;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -4.5em;
	z-index:100;
}

#gallery-overlay a.center {
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 4em;
	text-align: center;
	height:300px;
	line-height:300px;
	background:rgba(61,55,53,0.7);
}

#gallery-overlay a.center:hover {
	background:rgba(61,55,53,0.3);
}

#overlay-mobile-gallery {
	position:absolute;
	top:3.9rem;
	width:100%;
	height:500px;
	background:rgba(61,55,53,0.7);
	font-size:2em;
	padding:10%;
	text-align:center;
	color:#fff;
	width:80%;
}

#overlay-mobile-gallery i {
	font-size:2em;
	margin-bottom:0.5em;
}

#close-gallery {
	position: absolute;
	bottom:-3em;
	left: 50%;
	z-index: 100;
	color: #fff;
	cursor: pointer;
	background: #302b26;
	padding: 1em;
	width: 8em;
margin-left: -5em;
	display:none;
}

#close-gallery:hover {
	background:#fff;
	color:#302b26;
}

.rotator {
	line-height:0;
	position:relative;
	width:100%;
}

.fadein img {
	position:absolute;
	top:0;
}

#dots {
	position:absolute;
	bottom:-1em;
	width:100%;
	text-align:center;
	display:none;
}

.dot {
	color:#fff;
	padding: 0 0.5em;
	cursor:pointer;
	position:relative;
	display:inline-block;
}

.dot:hover {
	bottom:0.2em;
}

#contact .full {
	margin-bottom:2em;
}

#contact {
	background-image: url(https://web.archive.org/web/20180422115623im_/http://vuedinterieur.com/wp-content/uploads/2014/09/texture11.png);
}

#contact hr {
	margin-bottom:2em;
}

.back-top {
	width:80px;
	height:80px;
	margin:0 auto;
	display:block;
	clear:both;
	cursor:pointer;
}

.back-top:hover path {
	fill:#fff;
}

#services ul li {
	font-size:1.3em;
	line-height:1.5em;
}

.address {
	margin-top:1em;
	font-size:1.3em;
}

.address-two {
	width:55%;
}

/* -------------------------------------
////////////// FOOTER //////////////////
--------------------------------------*/

footer#footer {
	background:#000;
	padding:1em 0;
	font-weight:400;
}

/* -------------------------------------
/////////// MEDIA QUERIES //////////////
--------------------------------------*/

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and ( max-width:1800px ) {
	#header {
		background-size:100%!important;
		height:800px;
	}
}

@media screen and ( max-width:1300px ) {
	#header {
		height:900px;
	}
}

@media screen and ( max-width:1200px ) {
	#header {
		height:800px;
		background-size:150%!important;
	}
}

@media screen and ( max-width:980px ) {
	.mobile {
		display:block!important;
	}
	.desktop {
		display:none!important;
	}
	.quarter {
		width:50%;
	}
	.half {
		width:100%;
	}
	.two-third {
		width:100%;
	}
	.three-quarter {
		width:100%;
	}
	.wrap {
		max-width:980px;
		margin:0 3em;
	}
	#header {
		height:400px;
	}
	#logo {
		top:70px;
	}
	#gallery {
		height:auto;
	}
	#gallery-overlay, #close-gallery, #dots {
		display:none!important;
	}
	#dots {
		display:block;
	}
	h2.gallery-title {
		position:static;
		margin:0 auto;
		margin-left:auto;s
	}
	.rotator {
		position:absolute;
		top:3.9em;
	}
	#services ul:last-child {
		margin-top:0;
	}
	#contact .half {
		width:50%;
		float:left;
	}
	#contact .address {
		width:100%;
	}
	#contact h3 {
		margin-bottom:1em;
	}
	h1 {
		font-size:3em;
	}
	header#header {
		height:600px;
	}
	#slogan {
		margin-left: 5%;
		margin-right: 5%;
		width:90%;
		top:220px;
	}
}

@media screen and ( max-width:640px ) {
	#header {
		background-size:180%!important;
		height:400px!important
	}
	#slogan {
		top:120px;
	}
}

@media screen and ( max-width:480px ) {
	.quarter {
		width:100%;
	}
	.third {
		width:100%;
	}
	.wrap {
		margin:0 1.5em;
	}
		h2 {
		font-size:2em;
	}
	#contact small.half {
		width:100%;
		text-align:left;
		margin-bottom:1em;
	}
	#overlay-mobile-gallery {
		font-size:1.5em;
	}
	#slogan {
		font-size:2em;
	}
}

/* Portrait */
@media screen and (orientation:portrait) {
	.vertical {
		display:block;
	}
}

@media screen and (max-width: 320px) {
	.vertical {
		display:block;
	}
}

/* Landscape */

@media screen and (orientation:landscape) {
	.vertical {
		display:none!important ;
	}
}

@media screen and (min-width: 321px)  {
	.vertical {
		display:none!important ;
	}
}


/* -------------------------------------
//////////////// PRINT /////////////////
--------------------------------------*/

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}
}
/*
     FILE ARCHIVED ON 11:56:23 Apr 22, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:29:01 Aug 18, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 167.989 (3)
  esindex: 0.007
  captures_list: 187.919
  CDXLines.iter: 15.313 (3)
  PetaboxLoader3.datanode: 242.744 (5)
  exclusion.robots: 0.176
  exclusion.robots.policy: 0.164
  RedisCDXSource: 0.521
  PetaboxLoader3.resolve: 716.624 (2)
  load_resource: 876.919
*/