/*

Theme Name: Heroic
Theme URI: http://themeforest.net
Description: Responsive One Page Portfolio
Version: 1.0.2
Author: bitfade
Author URI: http://themeforest.net/user/bitfade
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: photoblogging

*/

.alignright{
	float:right;
	clear:right;
	margin-left:20px;
	margin-bottom:10px;
}

.alignleft{
	float:left;
	clear:left;
	margin-right:20px;
	margin-bottom:10px;
}

.aligncenter{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}


/*WPML*/
    
/*drop list*/
#lang_sel,
#lang_sel_click{
	height: 20px;
	z-index:2000;
}

#lang_sel_click img.iclflag {
	float: left;
	padding-top:5px;
	margin-right:5px;
}

#lang_sel_click ul ul img.iclflag {
	padding-top:0px;
	top:2px;
	margin-right:0;
}

#lang_sel ul ul li a:hover,
#lang_sel ul ul li,
#lang_sel ul ul li a:hover span{
    color:#666;
}

#lang_sel ul ul li:hover a,
#lang_sel_click ul ul li:hover a{
    color:#666;
    background-color:#fff;
}

#lang_sel a, 
#lang_sel a:visited{
    border-color:#e9e9e9;
}

.sidebar #lang_sel li{
	width:100%;
}

.sidebar #lang_sel{
	display:block;
	height:34px;
}

#lang_sel ul ul a, 
#lang_sel ul ul a:visited,
#lang_sel_click ul ul a, 
#lang_sel_click ul ul a:visited {
    background-color:#fff;
    border-color:#e9e9e9;
    color:#666;
}


.widget #lang_sel ul ul a,
.widget #lang_sel ul ul a:visited,
.widget #lang_sel a.lang_sel_sel,
.widget #lang_sel_click ul ul a,
.widget #lang_sel_click ul ul a:visited,
.widget #lang_sel_click a.lang_sel_sel {
	background-color:#fff;
	border-color:#e9e9e9;
	color:#666;
}



.widget #lang_sel ul ul a{
	padding:8px;
	display:block;
}

.widget #lang_sel a.lang_sel_sel:hover,
.widget #lang_sel ul ul li:hover a,
.widget #lang_sel_click a.lang_sel_sel:hover,
.widget #lang_sel_click ul ul li:hover a{
	background-color:#fdfdfd;
    border-color:#e9e9e9;
    color:#666;
}

.widget #lang_sel ul ul li:hover a span{
	color:#666 !important;
}

.widget #lang_sel ul ul li:hover,
.widget #lang_sel ul ul li:hover a{
	border-color:#e9e9e9;
}

.widget #lang_sel a.lang_sel_sel{
	padding:4px 4px 4px 8px;
}


#lang_sel ul ul,
#lang_sel_click ul ul{
	border-top-color:#777;
}

.widget #lang_sel ul ul a,
#lang_sel ul ul a,
#lang_sel_click ul ul a{
	line-height:16px !important;
}

#lang_sel ul ul, #lang_sel_click ul ul{
	border-top-color:#e9e9e9;
}

/*#lang_sel ul ul:hover{
	border-top-color:#666;
}*/

#lang_sel,
#lang_sel_click{
	z-index:1990;
}

.sidebar #lang_sel ul ul{
	top:33px;
	width:100%;
}

#lang_sel ul ul a:hover{
	background-color:#fff;
	color:#666;
}

#lang_sel a span.icl_lang_sel_current{
    /*color:#c0c0c0 !important;*/
    display:inline;
}

#lang_sel a span{
	font-style: normal;
	color:#444;
	font-size:11px;
	display:inline;
}

/*normal list*/

#lang_sel{
	font-family: 'Open Sans', arial, sans-serif;
	font-weight:400;
}

#lang_sel a{
	font-size:12px;
}

#lang_sel a.lang_sel_sel,
#lang_sel_click a.lang_sel_sel{
	background-color:#fff;
	background-position:90% 50%;
	color: #666;
	border-color:#e9e9e9;
}

#lang_sel a.lang_sel_sel:hover,
#lang_sel_click a.lang_sel_sel:hover{
	color:#666;
	background-color:#fff;
}

#lang_sel_list{
    position:absolute;
    top:10px;
    right:30px;
    width:auto;
}

#lang_sel_list ul{
    width:auto;
    border:none;
}

#lang_sel_list li{
    width:auto;
}

#lang_sel_list a, #lang_sel_list a:visited{
    border:none;
}

#lang_sel img.iclflag{
	display:inline;
	top:0;
	margin-right:3px;
}

#lang_sel_list a.lang_sel_sel,
#lang_sel_list a span{
    color:#c2c2c2 !important;
}

#lang_sel_list a:hover span{
    color:#D73300 !important;
}

#lang_sel_list a span.icl_lang_sel_current,
#lang_sel_list a:hover span.icl_lang_sel_current{
    color:#333 !important;
    cursor:default;
}

.pe-wpml-lang-selector{
	position:absolute;
	margin-left:35px;
	top:16px;
	display:inline-block;
}

/*media query to hide language names in iphone portrait and leave only flags*/
@media (max-width: 479px) {
	nav #lang_sel a span.icl_lang_sel_current{
		display:none;
	}

	nav #lang_sel a.lang_sel_sel, 
	nav #lang_sel_click a.lang_sel_sel{
		width:38px;
		padding-left:4px;
	}

	nav #lang_sel li{
		width:auto;
	}

	nav #lang_sel ul ul a,  
	nav #lang_sel_click ul ul a,
	nav #lang_sel_click ul ul{
		width:38px;
		padding-left:4px;
	}

	nav #lang_sel ul ul a,  
	nav #lang_sel_click ul ul a{
		height:26px;
	}

	nav #lang_sel ul ul{
		width:38px;
	}

	nav #lang_sel a span{
		font-size:1px;
		display:none;
		color:#fff;
	}

	nav #lang_sel a.lang_sel_sel{
		background-position:100% 50%;
	}
}


/* START ROBSAWYER.ME SCROLL INDICATOR */

/* the wrapper element that will become the outer circle */
.arrow-wrap {
  position:absolute;
  z-index:1;
  left:50%;
  top:-5em;
  margin-left:-5em;
  background:#111;
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
}

/* a triangle to make the main part of the arrow. Adjust the border-color to fit your needs */
.arrow {
  float:left;
  position:relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg);/* added for better anti-aliasing on webkit browsers */
}

/* a pseudo element arrow placed on top of the other one with the same color as the wrapper */
.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg);/* added for better anti-aliasing on webkit browsers */
}

@-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }
  
  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }

/* END ROBSAWYER.ME SCROLL INDICATOR */

/* to go on top of wp admin bar */
.peFlareLightbox {
	z-index: 99999 !important;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}