/*
Theme Name: Nair Music Theme
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
Description: A special theme created for Nair
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nair

*/

body{ margin:0; padding:0; font-family: 'Rajdhani', sans-serif; font-size:16px; color:#afafaf;}

h1,h2,h3,h4,h5{font-family: 'Playfair Display', serif; text-transform:uppercase; }
.h1, .h2, .h3, h1, h2, h3 {  margin-bottom: 5px;   margin-top: 0px; }

a{ color:#747474; text-decoration:none; transition:all 0.1s ease-in; }
a:hover{ color:#545454; text-decoration:none; }

.alignleft { float: left; margin: 0 1em 1em 0 !important; }
.alignright { float: right; margin: 0 1em 0 1em !important; }
.full-width{ padding:1.5em 15px 0 15px;}
.full-width.gold{ background-color: rgb(163, 139, 63); }
.full-width.white{ background-color: #fff; }

.page-wrapper{ background:url('img/background.png') repeat scroll 0 0 transparent;}
.button { border: 1px solid; display: inline-block; font-family: 'Rajdhani', sans-serif; font-size: 22px; padding: 5px 1.5em; line-height: 22px; text-decoration: none !important; }
.button.big { border: 2px solid; display: inline-block; font-family: 'Rajdhani', sans-serif; font-size: 26px; padding: 10px 1.5em; line-height: 26px; text-decoration: none !important; }
.button.white { color: #fff; }
.button.white:hover { color: rgb(163, 139, 63); }
.button.black { color: #000; }
.button.black:hover { color: #555; }
.button.gold{ color: rgb(163, 139, 63); }
.button.gold:hover{ color: #000; }

.nair-button a { padding: 5px 20px !important; text-transform: uppercase; border-width: 1px !important; margin: 0 10px; border-radius: 2px !important; font-size: 1.2em !important; }
blockquote { border-left: medium none; }

input[type="submit"].button { background-color: rgb(163, 139, 63); }
input[type="submit"].button:hover { color: #000; }

/* Header Styles */

.main-menu-container { background-color: rgba(163, 139, 63, 0.6); left: 0; position: absolute; right: 0; top: 0; z-index: 998; height:60px; }
.logged-in .main-menu-container { top: 32px; }
@media screen and (max-width:783px){
	.logged-in .main-menu-container { top: 46px; }
}
.logo-wrapper { display: block; height: 60px; position: relative; }
.logo-wrapper h1 { height: 60px; margin: 0; padding: 6.5px 0; }
#nair-logo { width: 111px; height: 47px; }
#silvia-nair-logo { height: 47px; width: 236px; }

/* Menu Styles */

.menu { list-style: inside none none; margin: 0; padding: 0; }
.menu li{ display:inline-block; vertical-align:top; padding:0 0.5em; }
#main-menu { float:right; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; font-size: 32px; line-height: 60px; text-align: right; display:inline-block; vertical-align:top;}
#main-menu a{ color:#fff; }
#main-menu a:hover{ color:#F9EECC; }

#main-menu-toggle{ display:none;}
.main-menu-container.sticky {background-color: rgba(163, 139, 63, 0.9);  transition:all 0.2s ease-in; position: fixed; top:0;}

.main-menu-container .social-list { display: inline-block; list-style: inside none none; margin: 0; padding: 0; text-align: right; vertical-align: top; float:right; }
.main-menu-container .social-list li{ display:inline-block; vertical-align:top; padding:0 0.5em;}
.main-menu-container .social-list li a{ font-size: 32px; line-height: 60px; color:#fff;}
.main-menu-container .social-list li a:hover{ color:#F9EECC; }

@media screen and (max-width:996px){
	#main-menu { font-size:22px;}
	.main-menu-container .social-list li a{ font-size:22px; }
}
@media screen and (max-width:768px){
	#main-menu-toggle { color: #fff; cursor: pointer; display: block; font-size: 44px; line-height: 60px; padding: 0 0.5em; position: absolute; right: 0; top: 0; z-index: 100; }
	.main-menu-container{ height:auto;}
	#main-menu-wrapper {display:none; width:100%;}
	#main-menu { display:block; width:100%; text-align:center; float: none;}
	.menu li { border-top: 1px solid #fff; display: block; float: none; text-align: center; width: 100%; }
	.main-menu-container .social-list{ display:block; width:100%; text-align:center; float: none;}
	
	.col-xs-12{ width:100%; }
}

/* Slider Styles */

#slider-wrapper{margin-bottom:20px;}
#slider{ position:relative; }
#slider .carousel-inner { height: 100%; position: relative; width: 100%; }
#slider .carousel-inner > .item { height: 100%; }
#slider .slide{ background-attachment:fixed; background-color:#fff; background-position:center; background-repeat: no-repeat; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0;}
#slider .slide img{display:none;}

.carousel-caption { background-color: rgba(0, 0, 0, 0.3); bottom: auto; margin: 0; max-width: 50%; padding: 87px; position: absolute; top: 0; }
.carousel-caption.right { left: auto; right: 6em; }
.carousel-caption.left { left: 300px; right: auto; }
.carousel-caption > h1 { font-size:56px; text-shadow: 2px 2px 0 rgb(163, 139, 63); }
.carousel-caption > h2 { font-size:32px; font-family: 'Rajdhani', sans-serif; text-shadow:none; }
.carousel-caption > hr { border-color:rgb(163, 139, 63); border-width: 4px; margin: 1em auto 2em; }
.carousel-caption > ul { list-style:none inside; padding:0; margin:0; }

@media screen and (max-width:800px){
	.carousel-caption.right { padding: 67px 27px; right: 2em;}
	.carousel-caption.left { padding: 67px 27px; left: 100px;}
	.carousel-caption > h1 { font-size:46px; }
	.carousel-caption > h2 { font-size:22px; }
}

@media screen and (max-width:768px){
	#slider .slide { background-attachment: scroll; background-position: 25% center;}
}

@media screen and (max-width:600px){
	.carousel-caption { bottom: 0; max-width: none; right: 0; left:0; top: auto; width: 100%; padding:27px;}
}

/* Deco Title Styles */

.deco-title h1, .deco-title h2, .deco-title h3, .deco-title h4, .deco-title h5{ line-height: 1em; margin: 0 0 1em;}
.deco-title.white { color:#fff; text-shadow: 2px 2px 0 rgb(163, 139, 63); }
.deco-title.black { color:#000; }
.deco-title.gold { color:rgb(163, 139, 63); }
.deco-title.left{ text-align:left;}
.deco-title.right{ text-align:right;}
.deco-title.center{ text-align:center;}

.deco-title .deco-bar { display: inline-block; height: 4px; width: 160px; }
.deco-title .deco-bar.white { background-color: #fff; }
.deco-title .deco-bar.black { background-color: #000; }
.deco-title .deco-bar.gold{ background-color: rgb(163, 139, 63); }

.video-splash { background: #ffffff url('img/nair-hey-watch-my-video.jpg') no-repeat scroll 66% center / contain !important; padding-top: 30px !important; }
@media screen and (max-width:768px){.video-splash { background: #ffffff url('img/nair-hey-watch-my-video.jpg') no-repeat scroll 66% top / contain !important; } }
.video-splash .wpb_video_wrapper { border: 2px solid #fff; }
.video-splash .video-placeholder { min-height:249px; }

/* Live Event Style */

.live-event { border-bottom: 1px solid #ccc; padding: 2em 0; }
.live-event-box { padding: 2em 0; }
.live-event-date { color: rgb(163, 139, 63); display: block; font-family: "Playfair display",serif; font-size: 32px; font-variant: all-petite-caps; font-weight: bold; line-height: 32px; margin-top: -4px; text-align: center; }
.live-event-box .live-event-date { text-align:left; margin-bottom:0.5em; }
.live-event h3 { font-family: 'Rajdhani', sans-serif; font-size: 32px; line-height: 32px; margin: 0 0; padding: 0; }
.live-event-more{ padding:2em 0; text-align:center;}
.live-event-content { margin: 2em 0; }

@media screen and (max-width:800px){
	.live-event h3{ text-align:center; padding:1em 0;}
}

/* News widget Styles */

.news-widget { border-bottom: 1px solid #fff; padding: 1.5em 0; }
.news-widget .news-thumbnail { background-attachment:scroll;background-color:#efefef; background-position:center; background-repeat:no-repeat; background-size:cover; }
.news-widget .news-thumbnail img { display:none; }
.news-widget .news-content { color:#fff; }
.news-widget .news-content h3{ color:#fff; display:inline; font-size:14px; font-family:'Rajdhani',sans-serif; margin:0; padding:0;}
.news-widget .news-link{ text-align:right; padding-top:0.5em; padding-bottom:0.5em;}

@media screen and (max-width:768px){
	.news-widget .news-content { font-size: 1.2em; padding: 1em 15px; }
	.news-widget .news-content h3{ color:#fff; display:block; font-size:22px; font-family:'Rajdhani',sans-serif; margin:0.5em 0; padding:0 15px; text-align:center;}
}

/* Archive Styles */

.content-archive { background-color: #fff; color:#555; min-height: 660px; padding-bottom: 10em; padding-top: 10em; }
.image-live-wrapper{ background-attachment:scroll;background-color:#efefef; background-position:center; background-repeat:no-repeat; background-size:cover;}
.image-live-wrapper img{ display:none;}
.lower { border-bottom: 1px solid #747474; margin: 0 0 2em; padding: 1em 0 2em; text-align: right; }

@media screen and (max-width:768px){
	article { margin-top: 2em; text-align: center; }
	.lower {text-align: center; }
}

/* Footer Styles */

#credits { border-top: 1px solid #fff; color: #fff; font-family:'Rajdhani',sans-serif; font-size: 16px; line-height: 16px; padding: 0.5em; text-align: right; }
#credits a { color: #fff; padding: 0 0 0 0.3em; text-transform: uppercase; }
.nl-form { padding: 3em 0; }
.nl-form h3 { color: #fff; font-family: "Rajdhani",sans-serif; font-size: 35px; line-height: 35px; padding: 1em 0; }
.nl-form h3 strong{ font-weight:bold; margin:0 10px;  }
.nl-form input[type="email"] { border: 1px solid rgb(163, 139, 63); font-size: 32px;  margin: 0 1em; padding: 0 0.2em; }

@media screen and (max-width:800px){
	.nl-form { text-align:center; }
	.nl-form input[type="email"] { margin:0.5em; width: 250px;}
	#credits a { display:block; text-align:center; padding: 0.3em; }
}

.tracklist{ list-style: none inside; padding:0; counter-reset: tracklist-counter; }
.tracklist li{ display:inline-block; vertical-align:top; min-width:200px; padding:0 10px; }
.tracklist li:before { background-color: #a38b3f; color: #fff; content: counter(tracklist-counter, decimal); counter-increment: tracklist-counter; display: inline-block; height: 20px; margin-right: 10px; text-align: center; width: 20px;}

#instagram .row {background-color:#fff;}

.protected-post-form { background-color: #efefef; box-shadow: 2px 2px 0 #ccc; display: block; margin: 0 auto; padding: 2em; width: 33%; }
.protected-post-form .pass-label{display: block; margin: 10px 0 0 0;}
.protected-post-form > input[type="password"] { margin: 0 0 20px; }