/*
Theme Name: Spiral
Theme URI: https://pixelonetry.com/downloads/spiral-one-page-parallax-wordpress-theme/
Author: pixelonetyry
Author URI: https://pixelonetry.com/
Description: Spiral is creative one page parallax WordPress theme for anyone. This theme can be used for creative, portfolio, agency or multipurpose website .This theme is perfect for any other categories as well and you can also modify it.
Version: 1.1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, sticky-post, threaded-comments, translation-ready
Text Domain: pixelonetry.
*/

/*alignment inside post page content
.alignright,
.alignleft,
.aligncenter,
.sticky,
.wp-caption-text,
.wp-caption,
.bypostauthor,
.gallery-caption{

}
*/

.logged-in .navbar-expand-lg { margin-top: 32px!important; }

.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;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*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;
}

.ma-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%;
	}
}