/*
Theme Name: Ove Brand | Design 2016
Theme URI: http://www.ovedesign.com
Author: Webstructure
Author URI: http://www.webstructure.ca
Description: This is a custom theme built for Ove Brand | Design.
Version: 1.0
License: Not licensed for use by anyone other than Webstructure clients.
License URI: N/A
Text Domain: ove_language
Tags: light, one-column, two-columns, three-columns, right-sidebar, fixed-width, flexible-width, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments

Contents
1.0 Global Declarations
	1.1 Resets
	1.2 Fonts Base
	1.3 Reusable Elements
	1.4 Wordpress Core Classes
2.0 Main Page Header
	2.1 Layout / Structure
	2.2 Main Navigation
	2.3 Secondary Navigation
	2.4 Search Field
	2.5 Skip Nav links
3.0 Sub-Navigation Column
4.0 Main Content
	4.1 Structure
	4.2 Basic Text styles
	4.3 Link Styles
	4.4 Post Functions
	4.5 Comments
5.0 Main Page Footer
6.0 Template-specific styles
	6.1 Home Page Template
7.0 Shortcodes
	7.1 [format] Text Styles
	7.2 [column] Column System
	7.3 [button]
*/




/************************************************************ 
1.0 GLOBAL DECLARATIONS
************************************************************/

/************************** 
1.1 Resets
**************************/

/* box layout (include padding in box size) */
*, 
*:before, 
*:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
 }

html, 
body { 
	margin: 0; 
	padding: 0;
	background-color:#000;
}

/* margins */
p, 
ul, 
ol, 
table { 
	margin-bottom: 1.25em;
	margin-top: 0; 
}

/* lists */
ul, 
ol { 
	margin-left: 2em; 
	padding-left: 0;
}

/* content lists */
#content ul {
	list-style:none;
	margin-left:0;
}
#content ul li {
	padding-left:10px;
}
#content ul li:before {
	font-weight:bold;
	content:'\203A';
	display:inline-block;
	margin-right:7px;
	margin-left:-10px;
}

/* tables */
table { 
	border-collapse: collapse; 
	width: 100%; 
}
table th { 
	text-align: left;
}

/* responsive images */
img { 
	height: auto;
	max-width: 100%; 
}
 
/* lists within nav elements - display them horizontally */
nav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0;
}
nav li { 
	display: inline;
}
nav li a { 
	position: inline-block; 
}

/************************** 
1.2 Fonts Base
**************************/
body {
	font-family: aktiv_groteskregular, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.4;
}
strong {
	font-family: aktiv_groteskbold, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
em {
	font-family: aktiv_groteskitalic, Helvetica, Arial, sans-serif;
	font-style: normal;
}
strong em,
em strong {
	font-family: aktiv_groteskbold_italic, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.light-weight {
	font-family: aktiv_grotesklight, Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-style: normal;
}
.light-weight em {
	font-family: aktiv_grotesklight_italic, Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-style: normal;
}
.light-weight strong {
	font-family: aktiv_groteskbold, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

/************************** 
1.3 Reusable Elements
**************************/
.wrapper { 
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 20px; 
	width: 100%; 
}

/* default button styles */
button,
input[type="submit"] {
	background: #666;
	border: 1px solid #333;
	color: #fff;
	font-size: 0.8em;
	padding: 12px 60px;
	text-transform: uppercase;
	border-radius:0;
	font-weight:normal;
}

.mobile-only {
	display:none;
}

.centred {
	text-align:center;
}

.screen-reader-text { 
	left: -10000px;
	position: absolute; 
}

/* other common HTML tags */
hr { 
	background-color: #808080;
	border: 0;
	height: 1px; 
	margin: 20px 0;
	padding: 0;
}
.white-text hr {
}


/************************** 
1.4 Wordpress Core Classes
**************************/
.wp-caption { 
	background-color: #f1f1f1; 
	margin-bottom: 1em;
	padding: 5px; 
}
.wp-caption-text { 
	font-size: 0.9em; 
	font-style: italic; 
	text-align: center;
}
.sticky { 
	border: 1px solid #ccc;
	padding: 10px; 
}
.gallery-caption {}
.bypostauthor { /* see comments section of stylesheet */ }

/* alignment */
.alignleft { 
	float: left; 
}
img.alignleft {	
	margin: 0 20px 5px 0; 
}
.wp-caption.alignleft {	
	margin: 0 20px 5px 0; 
}

.alignright { 
	float: right; 
}
img.alignright { 
	margin: 0 0 5px 20px; 
}
.wp-caption.alignright { 
	margin: 0 0 5px 10px; 
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter { 
	margin: 0 auto; 
}

img.alignnone { 
	margin: 0; 
}

/************************************************************ 
2.0 MAIN PAGE HEADER
************************************************************/

/************************** 
2.1 Layout / Structure
**************************/
#pageheader { 
	font-size: 1.4em; 
	margin: 0; 
	padding: 10px 0; 
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	z-index: 100;
	background-color:rgba(255,255,255,1);
}
#pageheader .wrapper { 
	position: relative; 
}
#pageheader #brand {
	max-width:275px;
}

#pageheader .primary-nav { 
	display:inline-block;
	position:absolute;
	width:auto;
	right:15px;
	top:10px;
}
/*#pageheader .secondary-nav { 
	position: absolute; 
	right: 20px; 
	top: 0; 
}
#pageheader #main-search { 
	position: absolute; 
	right: 20px;
	top: 30px; 
}*/

/**************************
2.2 Main Navigation
**************************/
#nav-toggle {
	display: none;
	margin: 5px 0;	
}

#pageheader .primary-nav li { 
	display: inline-block; 
	position: relative;
}
#pageheader .primary-nav a { 
	color: #333;
	display: block;
	padding:5px 5px 0 5px;
	margin:0 3px;
	text-decoration: none;
	text-transform: uppercase;
	outline:none;
}
#pageheader .primary-nav .menu > li > a:hover { 
	border-bottom:2px solid #ccc;
}
#pageheader .primary-nav .menu > li.active > a {
	border-bottom:2px solid #000;
}
#pageheader .primary-nav li.sub-mobile-only .sub-menu {
	display:none;
}
#pageheader .primary-nav .sub-menu {
	opacity: 0;
	padding: 5px 0 0 0;
	position: absolute;
	top: 100%;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	transition: opacity 0.2s ease-out;
	visibility: hidden;
	z-index: 200;
	white-space:nowrap;
}
#pageheader .primary-nav .sub-menu li { 
}
#pageheader .primary-nav .sub-menu a { 
	padding:0 5px;
	margin:0 3px;
	text-transform: none;
}
#pageheader .primary-nav .sub-menu a:hover {
	color:#999;
}
#pageheader .primary-nav .sub-menu li.active a {
	font-family:aktiv_groteskbold;
}
#pageheader .primary-nav li.active .sub-menu {
	opacity: 1;
	visibility: visible;
}


/************************************************************ 
4.0 MAIN CONTENT
************************************************************/

/**************************
4.1 Structure
**************************/
#content { 
	font-size: 1.5em; 
	width: 100%;
}
#content:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}


/**************************
4.2 Basic Text Styles
**************************/
h1, h2 { 
	margin-top: 0;
	font-weight:normal;
}
h1,
.introtext {
	font-family: aktiv_grotesklight;
	font-size:45px;
	line-height:50px;
}
.introtext {
	display:inline-block;
}

.text h1 sup{
	font-size:50%;
}


h2 {
	font-family: aktiv_groteskbold;
	font-size: 20px;
	line-height: 24px;
}

h4 {
	font-family: aktiv_groteskbold;
	font-weight:normal;
	font-size:1em;
	margin-bottom:0.5em;
}

.detail {
	font-size:1.4em;
}

.introtext p {
	margin-bottom:0.5em;
}
.introtext p:last-child {
	margin-bottom:0;
}

.gr-35years{
	font-size:0.9em;
}


/**************************
4.3 Link Styles
**************************/
a:link, 
a:visited {
	color: inherit;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}


/**************************
4.4 Post Functionality
**************************/

/* post metas */
article.post {
	margin-bottom:2em;
}
.date { 
	font-style: italic; 
	margin-bottom: 0;
}
.post-meta { 
	background-color: #f3f3f3; 
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3; 
	clear: both; 
	margin-bottom: 1em; 
	padding: 5px; 
}
.post-meta p { 
	margin: 0;
}
/* paged navigation for post lists, search results and prev/next post links */
.post-navigation { 
	border-top: 1px dashed #ccc; 
	margin-top: 1em; 
	padding-top: 1em; 
	overflow: hidden; 
	text-align: center;
}
.post-navigation .prev { 
	float: left;
}
.post-navigation .next { 
	float: right;
}
/* page navigation for multi-page posts */
#page-links { 
	font-size: 0.8em;
	line-height: 1; 
	margin: 1em 0; 
	text-align: right; 
}
#page-links span { 
	border: 1px solid #ccc;
	display: inline-block; 
	font-weight: 700; 
	padding: 8px; 
}
#page-links a span { 
	border: 0;
	font-weight: 500; 
}

/************************** 
4.5 Comments
**************************/
#comments { 
	border-top: 1px dashed #ccc; 
	margin-top: 1em;
}
#comments ol { 
	list-style: none; 
	margin-left: 0; 
}
#comments ol.comment-list { 
	border-bottom: 1px dashed #ccc;
}
#comments ol.children { 
	border-left: 1px solid #ccc; 
	margin-top: 1em;
}
#comments .comment { 
	background-color: #f1f1f1;
	margin-bottom: 1em; 
	padding: 2%; 
}
#comments .bypostauthor { 
	background-color: #ebf5ff;
}
#comments .comment-metadata { 
	font-size: 0.8em; 
	font-style: italic;
}
#commentform label { 
	display: block;
}
#commentform textarea { 
	width: 100%;
}
.comment-navigation { 
	overflow: hidden;
}
.comment-navigation .prev, 
.comment-navigation .next { 
	width: auto;
}
.comment-navigation .prev { 
	float: left;
}
.comment-navigation .next { 
	float: right;
}


/************************************************************
5.0 MAIN PAGE FOOTER
************************************************************/

#pagefooter { 
	position:fixed;
	bottom:-65px;
	left:0;
	transition:all linear 0.4s;
	width:100%;
	padding:15px 0;
	height:65px;
	background:#fff;
}
#pagefooter.show {
	bottom:0;
}
#pagefooter .footer-logo {
	display:inline-block;
	width:160px;
	margin-left:23px;
}
#pagefooter .copyright { 
	font-size:12px;
	line-height:35px;
	float: right; 
	text-align: right;
	width: 250px;
	margin:0;
}



/************************************************************ 
6.0 TEMPLATE-SPECIFIC STYLES
************************************************************/

/**************************
6.1 Home Page Template
**************************/

body.page-template-t_homepage #home-bg-images {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	overflow:hidden;
}
body.page-template-t_homepage #home-bg-images img {
	position:absolute;
	top:0;
	left:50%;
	width:auto;
	max-width:none;
	height:100%;
	opacity:0;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	transition:opacity ease-in-out 0.7s;
}
body.page-template-t_homepage #home-bg-images img.selected {
	opacity:1;
}
body.page-template-t_homepage #home-foreground-image {
	max-width:42%;
	position:fixed;
	right:0;
	bottom:0;
}
body.page-template-t_homepage #home-foreground-image img {
	display:block;
}

.section,
.slide {
	background-color:#fff;
	position:relative;
	width:100vw;
	height:100vw;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.section .text,
.slide .text {
	padding-top:150px;
	margin:0 80px 85px 80px;
	color:#404040;
	max-width:630px;
}

#section-home .text {
	padding-top:190px;
	opacity:0;
	transition:opacity ease-in-out 1s;
}

.section.white-text .text,
.slide.white-text .text {
	color:#ccc;
}
.section.white-text .text h1,
.slide.white-text .text h1,
.section.white-text .text .introtext,
.slide.white-text .text .introtext {
	color:#fff;
}

.pad-right-30percent {
	padding-right:30%;
}


#section-home h1 {
	font-family: aktiv_groteskbold;
	font-size: 90px;
	line-height: 90px;
	text-transform: uppercase;
}
#section-home .start-link {
	position:absolute;
	bottom:20px;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

#section-home-payoff .detail {
	margin-bottom:60px;
}

#section-your-needs .text,
#section-contact .text {
	max-width:100%;
}

#slide-publicis .publicis-logo {
	position:relative;
}
#slide-publicis .publicis-logo * {
	margin:0;
}







/************************************************************ 
7.0 SHORTCODES
************************************************************/

/**************************
7.1 [format] text styles
**************************/


/************************** 
7.2 [column] Column system
**************************/
/* override the Webstructure plugin css here */

/**************************
7.3 [button]
**************************/
/* override the Webstructure plugin css here */


/**************************
7.4 [logo_rotate]
**************************/
.logo-rotate li {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:opacity linear 1s;
}
.logo-rotate li.active {
	opacity:1;
	position:relative;
	transition:opacity linear 1s;
}
#content .logo-rotate li {
	padding-left:0;
}
#content .logo-rotate li:before {
	content:'';
	display:none;
}

/************************************************************ 
Override default plugin styles
************************************************************/

/**************************
Fullpage.js slide navigation
**************************/

#content .fp-slidesNav {
	display:none;
}
#content .fp-slidesNav.top {
	top:85px;
}
#content .fp-slidesNav li {
	padding-left:0;
}
#content .fp-slidesNav li:before {
	content:'';
	display:none;
}

#content #fp-nav ul li a span, 
#content .fp-slidesNav ul li a span {
	background:#000;
}

#fp-nav ul li a, 
.fp-slidesNav ul li a {
	outline:none;
}

#content .fp-controlArrow {
	width:55px;
	height:55px;
	border:0 !important;
	margin-top:0;
}
#content .fp-controlArrow.fp-prev {
	background:url(img/nav_arrow_left_black.png) no-repeat center;
}
#content .fp-controlArrow.fp-next {
	background:url(img/nav_arrow_right_black.png) no-repeat center;
}
#content .white-arrows .fp-controlArrow.fp-prev {
	background:url(img/nav_arrow_left_white.png) no-repeat center;
}
#content .white-arrows .fp-controlArrow.fp-next {
	background:url(img/nav_arrow_right_white.png) no-repeat center;
}


/**************************
Gravity Forms
**************************/
#content .gform_wrapper {
	margin-top:0;
}

#content .gform_wrapper li {
	padding-left:0;
}
#content .gform_wrapper li:before {
	content:'';
	display:none;
}

#content .gform_wrapper .top_label .gfield_label {
	margin-bottom:0em;
	margin-top:0em;
	font-weight:normal;
}
#content .gform_wrapper input,
#content .gform_wrapper textarea {
	border:0;
	margin-bottom:1em;
}
#content .gform_wrapper textarea.large {
	max-height:120px;
}
#content body .gform_wrapper label.gfield_label+div.ginput_container {
	margin-top:0;
}
#content .gform_wrapper select {
	height:33px;
	border:0;
	margin-bottom:1em;
}
#content .gform_wrapper select option {
    padding: .313em 0
}
#content .gform_wrapper .gfield_required {
	color:#fff;
}
#content .gform_wrapper .gform_footer {
	padding-top:0;
	margin-top:0;
}
#content .gform_wrapper div.validation_error {
	color:#fff;
	font-size:0.9em;
	font-weight:normal;
	border-color:#fff;
}