/*
Theme Name: otem rellik 2016
Theme URI: http://www.otemrellik.com/
Description: otem theme dude.
Version: 1.0
Author: otem rellik
Author URI: http://otemrellik.com/
Tags: otem rellik
Text Domain: otem rellik
*/
/*=============================================HELPERS/GLOBAL========================================================*/
body{
	font-family: 'PT Sans', sans-serif;
	/*background-image: url(images/bg.png);*/
	background-color: #ddd;
	font-size: 16px;
}
h1,h2,h3{
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
}
h2{
	color: #dc2947;
}
a{
	color:#dc2947;
	text-decoration: none;
}
a{
	transition: all 0.3s ease;
}
.bg-white{
	background-color: rgba(255,255,255, .7);
}
.break-word{
	word-break:break-word;
}
a.slide{
	transition:none;
}
a:hover,
a:focus,
a:active{
	color: #48dbe7;
	text-decoration: none;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-top-30{
	margin-top: 30px;
}
.margin-top-50{
	margin-top: 50px;
}
.margin-top-100{
	margin-top: 100px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-bottom-30{
	margin-bottom: 30px;
}
.margin-bottom-40{
	margin-bottom: 40px;
}
.margin-bottom-100{
	margin-bottom: 100px;
}
.margin-top-115{
	margin-top: 30px;
}
@media (min-width: 992px){
	.margin-top-115{
		margin-top: 65px;
	}
}
@media (min-width: 1200px){
	.margin-top-115{
		margin-top: 115px;
	}
}
.red{
	color: #dc2947;
}
.blue{
	color: #48dbe7;
}
.gray{
	color: #797675;
}
.font-28{
	font-size: 28px;
}
input::-webkit-input-placeholder {
	color: #bcbcbc !important;
	font-size: 24px;
}
input::-moz-placeholder {
	color: #bcbcbc !important;
	font-size: 24px;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: #bcbcbc !important;
	font-size: 24px;
}
input:-ms-input-placeholder { 
	color: #bcbcbc !important;
	font-size: 24px;
}
.footer-text{
	font-size: 14px;
	color: #B5B4B4;
	margin:30px 0;
}
.gigpress-listing li{
	list-style: none;
	position: relative;
}
.gigpress-listing li:before{
    content: "\f140";
    font-family: FontAwesome;
    position: absolute;
    left: -25px;
    color: #20BFB9;
    font-size: 18px;
    top: -1px;
}
.gigpress-sidebar-more{
	text-align: center;
}
.paging .upper{
	line-height: 25px;
}
.instacenter{
	display: block;
	margin:10px auto;
}
iframe{
	max-width: 100%;
}
span.gigpress-info-item{
	display:block;
}
/*=============================================HEADER========================================================*/
#site-header{
	background: #dc2947;
	position: fixed;
	top: 0;
	width: 100%;
	color: black;
	z-index: 103;
}
#site-header a{
	font-size: 20px;
	color: black;
	text-transform: uppercase;
	color: #800E20;
}
#site-header a:hover,
#site-header a.active{
	color: #fff;
}
#site-header .row:after{
	content: "";
	height: 344px;
	width: 100%;
	display: block;
	background-image: url(svg/2016Logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	bottom: -186px;
	right:-150px;
	z-index: -1;
	pointer-events:none;
}
#site-header ul li{
	display: block;
}
#site-header .social-links{
	margin-top: 3px;
}
#site-header .social-links a{
	font-size: 28px;
	margin-right: 15px;
}
.menu-nav{
	display: none;
}
@media(min-width: 768px){
	#site-header .row:after{
		height: 516px;
		width: 375px;
		bottom: -265px;
		right: -50px;
	}
}
@media (min-width: 992px){
	.menu-nav{
		display: block;
	}
	#site-header ul li{
		display: inline-block;
	}
}
@media (min-width: 1200px){
	#site-header .row:after{
		width: 500px;
		height: 688px;
		top: -275px;
		right: -270px;
	}
}
#site-header .menu-trig{
	font-size: 28px;
	color: #800E20;
}

/*=============================================SEARCH/SOCIAL========================================================*/
#search-form input{
	border-radius: 0;
	border: none;
	background: rgba(255,255,255,.5);
	color: #bcbcbc;
	font-size: 24px;
}
#search-form input:focus{
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);
}
#search-form .btn{
	padding: 5px 20px;
	border-radius: 0;
	background: rgba(72,219,231, .5);
	font-size: 24px;
}
/*=============================================SIDEBAR========================================================*/
@media (min-width: 992px){
	.sidebar-wrapper{
		margin-top: 0px;
	}
}
.video-header{
	background: rgba(72,219,231, .5);
	text-transform: uppercase;
	text-align: center;
	color: white;
	-webkit-box-shadow: 5px 5px 0 0 rgba(100,183,189,.5);
	box-shadow: 5px 5px 0px 0px rgba(100, 183, 189, .5);
	font-weight: normal;
}
.slide{
	height: 150px;
	display: block;
	background-size: cover;
	width: 100%;
}
@media (min-width: 768px){
	.slide{
		height: 300px;
	}
}
.next-slide,.prev-slide{
	color: white;
	font-size: 50px;
	z-index: 102;
	position: absolute;
	height: 100%;
	width: 50px;
	left: 0;
	top: 0;
}
.next-slide i,
.prev-slide i{
	text-shadow:3px 0px #dc2947;
	top: calc(50% - 30px);
	position: absolute;
	left: 10px;
}
.next-slide{
	text-align: right;
	left: auto;
	right: 0;
}
.next-slide i{
	text-shadow:-3px 0px #dc2947;
	right: 10px;
}
.tagcloud a{
	opacity: .8;
}
.tagcloud a:nth-child(odd) {
	color: #00C2FF;
}
.tagcloud a:nth-child(even){
	color: #FF5353;
}
.tagcloud a:nth-child(3n+0){
	color: #AD6346;
}
.tagcloud a:hover{
	color: black;
}

/*=============================================POSTS========================================================*/
.post-wrapper{
	position: relative;
	background: rgba(255,255,255, .7);
	padding-bottom: 20px;
}
.post-header{
	width: 101%;
	left: -1%;
	position: relative;
	padding:10px 20px;
	background: rgba(140,255,83, .7);
	box-shadow: 5px 5px 0px 0px rgba(78, 136, 50, .5);
	-webkit-box-shadow:5px 5px 0px 0px rgba(78, 136, 50, .5);
}
/*=============================================VIDEOS========================================================*/
#VideoPageWrapper .trigger{
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 24px;
	min-height: 80px;
}
#VideoPageWrapper h3{
	background: rgba(127, 255, 0, 0.64);
	-webkit-box-shadow: 3px 3px 0 0 rgb(136, 216, 56);
	box-shadow: 3px 3px 0px 0px rgb(136, 216, 56);
	padding:15px;
	min-height:82px;
	word-break:break-word;
}
#VideoPageWrapper .a-1{
	background: rgba(49, 255, 180, 0.64);
	-webkit-box-shadow: 3px 3px 0 0 rgb(43, 228, 158);
	box-shadow: 3px 3px 0px 0px rgb(43, 228, 158);
}
#VideoPageWrapper .a-2{
	background: rgba(253, 54, 98, 0.64);
	-webkit-box-shadow: 3px 3px 0 0 rgb(189, 82, 105);
	box-shadow: 3px 3px 0px 0px rgb(189, 82, 105);
}
#VideoPageWrapper .a-3{
	background: rgba(255, 108, 0, 0.64);
	-webkit-box-shadow: 3px 3px 0 0 rgb(193, 121, 67);
	box-shadow: 3px 3px 0px 0px rgb(193, 121, 67);
}
#VideoPageWrapper .a-4{
	background: rgba(69, 65, 247, 0.64);
	-webkit-box-shadow: 3px 3px 0 0 rgb(78, 76, 183);
	box-shadow: 3px 3px 0px 0px rgb(78, 76, 183);
}
/*=============================================RDEI========================================================*/
.nimbus-slide{
	/*min-height: 220px;*/
	background-position: center;
	background-size: cover;
}
@media (min-width: 768px){
	.nimbus-slide{
		/*min-height: 500px;*/
	}
}
.nimbus-slide h3{
	background-color: rgba(255,255,255,.8);
	position: absolute;
	bottom: 0;
	padding: 15px 30px;
	left: 0;
	color:  #dc2947;
}
/*=============================================PAGINATION========================================================*/
.wp-paginate{
	padding:0;
	margin: 0;
	list-style: none !important;
}
.wp-paginate li{
	margin-right: 10px;
	display: inline-block;
}
.wp-paginate a{
	background: rgba(240,242,133,0.7);
	color: #333;
	padding:1px 5px!important;
	border:none !important;
}
.wp-paginate a:hover{
	background:rgba(100,255,255,0.5) !important;
}
.wp-paginate .current{
	background:rgba(100,255,255,0.5) !important;
	color:#333 !important;
	border:none !important;
	padding:1px  5px !important;
}
.wp-paginate .gap{
	color:#666 !important;
}
.icon-caret-left,
.icon-caret-right{
	font-size: 50px;
}