/*

IMPORTANT: Make sure to turn "Use the custom.css stylesheet?" option on in your Child 
Theme settings page (under the top level Genesis menu item in your Wordpress dashboard). 

You can use the "custom" class to override *any* CSS declarations contained in the 
style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them
*/

/* Move Search Button */
.widget_search .s {
	width: 173px;
}

/* APP BADGES Start */

	.custom .iOSbadge {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/iOSappIcon.png) no-repeat;
		height: 62px;
		width: 180px;
		float: left;
		padding-right: 5px;
	}

	.custom .iOSbadgeNoGlow {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/iOSappIconNoGlow.png) no-repeat;
		height: 50px;
		width: 168px;
		float: left;
		padding-right: 10px;
	}

	.custom .androidBadge {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/androidAppIcon.png) no-repeat;
		height: 62px;
		width: 180px;
		float: left;
		padding-right: 5px;
	}

	.custom .androidBadgeNoGlow {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/androidAppIconNoGlow.png) no-repeat;
		height: 50px;
		width: 168px;
		float: left;
		padding-right: 10px;
	}
	
/* APP BADGES End */

/* Webby Awards Winner Badge Start */

	.custom .webbyAwardsBadge {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/webbyAwardsWinner.png) no-repeat;
		margin-top: -10px;
		margin-right: 20px;
		float: right;
		height: 95px;
		width: 94px;
	}
	
/* Webby Awards Nominee Badge End */

/* WSA Award Winner Badge Start */

	.custom .wsaAwardBadge {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/wsaAwardWinner.png) no-repeat;
		margin-top: -5px;
		margin-right: 25px;
		float: right;
		height: 85px;
		width: 147px;
	}

/* WSA Award Nominee Badge End */

/* Rosing Prisen Badge Start */

    .custom .rosingPrisenBadge {
        display:block;
        text-indent: -9999px;
		background: transparent url(images/rosingPrisenBadge.png) no-repeat;
		margin-top: -5px;
		margin-right: 25px;
		float: right;
		height: 95px;
		width: 105px;
	}

/* Rosing Prisen Badge End */

/* Custom Facebook Button */
	.custom .fb-like-box {
		margin-top: 36px;
		float: right;
		height: 24px !important;
		width: 52px !important;
		overflow: hidden !important;
	}
		.custom .fb-like-box span iframe {
			margin-top: 38px;
			margin-right: 5px;
			border: none !important;
			box-shadow: none !important;
			border-radius: 0px !important;
			padding: 0px !important;
			margin-left: -65px !important;
			margin-top: -32px !important;
		}
		@media only screen and (max-width: 600px) {
			.custom .fb-like-box {
				position: absolute !important;
				left: 20px;
				margin-top: -32px;
				
			}
		}
		
/* Custom Twitter Button */
.twitter-follow-button {
	margin-top: 38px;
	float: right;
	border:0px !important;
    box-shadow:0px 0px 0px 0px !important;
	border-radius:0px !important;
	padding: 0px !important;
}
@media only screen and (max-width: 600px) {
	.twitter-follow-button {
		position: absolute !important;
		left: 72px;
		margin-top: -30px;
	}
}
/* Custom Sidebar Settings */
.custom #meta-2,
.custom #search-3,
.custom #archives-2,
.custom #recent-comments-2 {
	display: none;
}


/* Custom Settings for Shareaholic */
	/* Shareaholic News Page */
	.custom .type-post .shareaholic-show-on-load {
		float: right;
		height: 10px;
		margin-top: -67px;
		z-index: 999;
	}
		@media only screen and (max-width: 700px) {
			.custom .shareaholic-show-on-load .shr-38 {
				display:none !important;
			}
		}
	/* Shareaholic Showreel single pages */
	.custom .type-portfolio .shareaholic-show-on-load {
		margin-top: -52px;
		float: right;
		margin-right: 10px;
		z-index: 999;
	}
	.custom .type-portfolio .post-date {
		margin-top: 0px;
	}
	
	/* Shareaholic Products General Page */
	.custom .post-17 .shareaholic-show-on-load {
		display: none !important;
	}
		/* Shareaholic Products single pages */
		.custom .post-23 .shareaholic-show-on-load,
		.custom .post-21 .shareaholic-show-on-load,
		.custom .post-28 .shareaholic-show-on-load {
			margin-top: -50px;
			z-index: 999;
			float: right !important;
			margin-right: 20px !important;
		}
	/* Shareaholic Technology General and singles Page */
	.custom .post-30 .shareaholic-show-on-load,
	.custom .post-34 .shareaholic-show-on-load {
		display: none !important;
	}
	/* Shareaholic History Page */
	.custom .post-43 .shareaholic-show-on-load {
		display: none !important;
	}
	/* Shareaholic Contact Page */
	.custom .post-47 .shareaholic-show-on-load {
		display: none !important;
	}
	/* Shareaholic Making Viewer VR Edition */
	.custom .post-1691 .shareaholic-show-on-load {
		margin-top: -50px !important;
		z-index: 999 !important;
		float: right !important;
		margin-right: 20px !important;
	}
	/* Remove header Making Viewer VR Edition
	.custom .page-id-1691 #secondary_area {
		display: none !important;
	}
	*/

/* Custom HR separator line */
.th-sc-hr {
	border-bottom: 1px solid #FF0000;
}

/* Panorama effect for slides on the Home Page */

.custom #title-area{
	margin-top:11px;
}

.custom .post .entry-content img {
	background-color: #FF0000;
	padding-bottom: 6px;
	z-index: 2;
}

.custom .showreel-item-type-icon{
	position: absolute;
	margin-left: 89px;
	margin-top: -134px;
}
	@media only screen and (max-width: 800px) {
		.custom .showreel-item-type-icon{
			position: absolute;
			margin-left: 72px;
			margin-top: -126px;
		}
	}
	@media only screen and (max-width: 600px) {
		.custom .showreel-item-type-icon{
			position: absolute;
			margin-left: 40px;
			margin-top: -84px;
			width: 67px;
			height: 65px;
		}
	}
	@media only screen and (max-width: 400px) {
		.custom .showreel-item-type-icon{
			position: absolute;
			margin-left: 36px;
			margin-top: -80px;
			width: 67px;
			height: 65px;
		}
	}

/* iframe System */
.custom iframe {
	border:2px solid #dadada;
    box-shadow:0 0 10px #cccccc;
	border-radius:7px;
	padding: 6px;
}
	@media only screen and (max-width: 1080px) {
		.custom iframe {
			width:100%;
		}
	}
	
	@media only screen and (max-width: 600px) {
		.custom .post-date {
			display:none;
		}
		.page-template-page_blog-php .hentry, 
		.archive .hentry,
		.post.hentry,
		.search-results .hentry {
			padding-left: 0;
		}
	}
	
/* Custom JWPlayer System */
.custom .jwplayer {
	border:2px solid #dadada;
    box-shadow:0 0 10px #cccccc;
	border-radius:7px;
	padding: 0px;
	width:100% !important;
	height:440px !important;
}

@media only screen and (max-width: 600px) {
	.custom .jwplayer {
		border:2px solid #dadada;
		box-shadow:0 0 10px #cccccc;
		border-radius:7px;
		padding: 0px;
		width:100% !important;
		height:300px !important;
	}
}

.custom .jwlogo {
	display: none !important;
}

	/* Fixing Shareaholic for specific pages */
	.custom .shr-publisher-1444 {
		padding-bottom: 5px;
	}

/* Custom Portfolio Controls */	
.custom #portfolio-controls a {
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	background: #ff0000;
	border: none;
	cursor: pointer;
	line-height: 20px;
	text-decoration: none;
	color: #fff !important;
	padding: 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	display: inline-block;
}

.custom #portfolio-controls a:hover {
	background: #333;
	text-decoration: none;
}

/* Panorama effect for slides on the Home Page */
.slide-pano-effect-bottom {
	position:absolute;
    bottom:0px;
    width: 100%;
	text-align:center;	
	height:32px;
	z-index:100000;
}

.slide-pano-effect-bottom img {
    width: 100%;
    height: 32px;
    max-width: 100%;
	margin-bottom: 0;
}

/* Timeline Custom CSS codes */
.custom .timeline {
	background: none;
}

.custom .timeline a.timeline_spine {
	border-left: 2px solid #ff0000;
	border-right: 2px solid #ff0000;
}

.custom .timeline .section ol.events li.event {
	list-style-type:none;
}
.custom .timeline .section ol.events li.event .event_container {
	border-color: #E20000;
}
.custom .timeline .section ol.events li.event .event_container a {
	color: #983A3A;
}
.custom .timeline ol.timeline_nav {
	display: none;
}
.custom .timeline .section .title a {
	background: #ff0000;
}

.custom .timeline .section .title a:hover {
	background: #333;
}

.timeline_helikopter {
	background: transparent url(images/helikopter.png) center no-repeat;
	height: 67px;
	position: absolute;
	display: block;
	top: -54px;
	width:100%;
	z-index: 99;
}

.timeline_skycam {
	background: transparent url(images/skycam.png) center no-repeat;
	height: 102px;
	position: absolute;
	display: block;
	bottom: -80px;
	left: 0px;
	width:100%;
	z-index: 99;
}
		.custom .timeline .event_title h3 {
			color: #808080;
			text-align: center !important;
			display: block !important;
		}
		.custom .timeline .event_title .subtitle {
			margin-top: 6px !important;
			text-align: center;
		}
	@media only screen and (max-width: 1080px) {
		.timeline_helikopter {
			left: 0px;
		}
	}

	@media only screen and (max-width: 800px) {

	}
	
	@media only screen and (max-width: 600px) {
	/* General Tweaks */
		/* Make col use full width */
		.threecol-one {
			width: 100%;
		}
	/* History */
		.timeline_helikopter {
			background: transparent url(images/helikoptermobile.png) center no-repeat;
			top: -32px;
			width: 150px;
		}
		.timeline_skycam {
			width: 124px;
		}
		.custom .timeline {
			padding-top: 40px;
		}
		.custom .timeline a.timeline_spine {
			height: 100%;
			left: 42px;
		}
		.custom .timeline .section {
			padding: 0px 0px 0px 0px;
		}
		.custom .timeline .section .title {
			margin: 0px 0px 20px 10px;
			text-align: left;
		}
		.custom .timeline .section ol.events li.event:nth-child(1n+2),
		.custom  .timeline .section ol.events li.event:first-child {
			clear: right;
			float: right;
		}
		.custom .timeline .section ol.events li.event {
			margin: 0px 0px 20px 0px;
			padding: 0px;
			position: relative;
			width: 100%;
		}
		.custom .timeline .section ol.events li.event:nth-child(1n+2) .event_container ,
		.custom  .timeline .section ol.events li.event:first-child .event_container {
			float: left;
			margin: 0px 0px 0px 59px;
			width: auto;
		}
		.custom .timeline .section ol.events li.event:nth-child(1n+2) .event_pointer ,
		.custom  .timeline .section ol.events li.event:first-child .event_pointer {
			background-position: 0px -15px;
			left: 42px;
		}
		.custom .timeline .section ol.events li.event.featured {
			padding: 0px 0px 0px 0px;
		}
		.custom .timeline .section ol.events li.event.featured .event_container {
			margin: 0px 0px 10px 0px;
			width: auto;
		}
		.custom .timeline .section ol.events li.event.featured .event_container .event_title {
			padding: 20px 20px 0px 20px;
			text-align: center;
		}
		.custom .timeline .section ol.events li.event.featured .event_pointer {
			background-position: 0px -52px;
			height: 22px;
			left: 26px;
			margin: -20px 10px;
			top: -1px;
		}
	}

/* Contact Page */
.custom .wpcf7-form {
	margin-top: 30px;
}
	.custom .contact-left {
			padding: 0px;
			float: left;
			width: 50%;
		}
	.custom .contact-right {
		padding: 0px;
		float: right;
		width: 50%;
	}
	.custom .contact-message{
		padding: 0px;
		float: left;
		width: 100%;
	}

@media only screen and (max-width: 600px) {
	.custom .contact-left {
			width: 100%;
		}
	.custom .contact-right {
		float: left;
		width: 100%;
	}
	.custom .contact-message {
		padding-bottom: 2px;
	}
}

	.custom .contact-send-button {
	}
.custom .contact-left input,
.custom .contact-right input,
.custom .contact-message textarea {
	width: 95%;
	outline-style: none;
	font-family: inherit;
	letter-spacing: normal;
	box-sizing: border-box;
	font-size: 14px;
	padding: 4px 5px;
	color: #333;
	font-weight: 300;
	background-color: white;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: textfield;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	margin: 0em;
	font: -webkit-small-control;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: -webkit-auto;
	margin-top: 2px;
}
	
	.custom .contact-right input,
	.custom .contact-message textarea {
		width: 100%;
	}

/* We Love View */
.we-love-view-footer {
	font: 400 20px/1.3 'Merienda One', Helvetica, sans-serif;
	color: #EA0505;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	position: absolute;
	right: 14px;
	z-index: 997;
	margin-top: -94px;
}

/* 360 Guys Footer */
.created-by-footer {
	margin-top: -25px;
	color: #fff;
	text-align: center;
	padding-bottom: 5px;
}
	@media only screen and (max-width: 720px) {
		.created-by-footer {
			margin-top: -45px;
		}
	}
	@media only screen and (max-width: 380px) {
		.created-by-footer {
			margin-top: -65px;
		}
	}
	
/* Removie color from behind logo */
.custom #header #title-area a {
	background-color: transparent !important;
}

a.twitter-timeline img {display:none;}
iframe#twitter-widget-1 {border:none; box-shadow:none; padding:0; }
