/*
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:visible;
}
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:#fff;
}
.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;
}

.announcement { max-width:100%; padding:35px; min-width: 750px;}

.announcement-mob { visibility: hidden;}





/************************************************************
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;
}

#content .gform_wrapper .top_label label.gfield_label {
	display: inline;
}

#content .captchabox {
	margin-bottom:50px;
	display: inline;
}