/*

Theme Name: GD_GMWWP v1

Theme URI: http://bmwsequel.com/

Description: Wordpress theme coded exclusively for Bmwsequel.com

Version: 1.0

Author: Gratrix Designs

*/







/* 2 COLUMN BOX */



.bar {

	margin:10px auto 0!important; 

	padding:20px; 

	background:#FFF; 

	width:1000px; 

	display:block; 

	overflow:hidden; 

	border:1px solid #EBEBEB; 

	-moz-box-sizing: border-box; 

	-webkit-box-sizing: border-box; 

	box-sizing: border-box;

}







.bar img {

	border: 5px #ffffff solid;

	margin-top: 5px;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

	-webkit-box-shadow: 0 0 10px 0 #E5E5E5;

	box-shadow: 0 0 10px 0 #E5E5E5;

}



.bar img:hover {

	border: 5px #f2ee38 solid;

	margin-top: 5px;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

	-webkit-box-shadow: 0 0 10px 0 #E5E5E5;

	box-shadow: 0 0 10px 0 #E5E5E5;

}



.bar .latest-imgs {

	width:48%; 

	display:block;

}



.bar .welcome {

	font-size: 14px;

	width:50%; 

	font-style:italic;

	line-height: 18px;

}



.bar .welcome:first-letter {

	float: left; 

	line-height: 30px; 

	padding: 4px 8px 0 3px; 

	font-size:40px; 

	font-family:Georgia;

	color: #f2ee38;

}



.bar b { 

	color:#739bd2; 

}



.bar strong { 

	color:#8cb2e5; 

}



.bar i { 

	color:#bdba2a; 

}



.bar em { 

	color:#FFF;

	background: #f2ee38; 

	line-height: 0.75em;

	padding: 2px;

	display: inline-block;

}









/* HEADER & BODY */



#header img {

	width: 100%;

	height: auto;

}



body {

	margin: 0;

	padding: 0;

	height: 100%;

	color: #888;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 13px;

	background-color: #F1F1F1;

	line-height: 20px;

}



body, html { 

	text-rendering: optimizeLegibility !important; 

	-webkit-font-smoothing: antialiased !important; 

}











/* WRAPPER/CONTAINER */



#container, .wrapper { 

	margin: 0 auto; 

	overflow: hidden;

	max-width: 100%; 

}



#container {

	overflow:hidden;

	background:URL("") top center repeat;

	padding:0px;

	margin: 0 auto;

	width:1000px; 

}









/* NAVIGATION */



#navigation .fa{ 

	font-size: 10pt;

	color: #8cb2e5;

}







#navigation { 

	padding: 18px 30px;

	max-width: 100%;

	background: #FFF; 

	text-transform: uppercase;

}







#navigation a {

	font-family: 'Gidugu', sans-serif;

	font-weight: 400;

	font-size: 16pt;

	color: #454545;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 1px;

}



#navigation a:hover { 

	text-decoration: none;

	-webkit-box-shadow: 0 3px 0 0 #f2ee38;

	box-shadow: 0 5px 0 0 #f2ee38;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

}



a.menu-link {

	color: #9ac9c6!important; 

  	float: right;

	display: block;

	padding: 10px 0px; 

}



nav[role=navigation] {

	clear: both;

	-webkit-transition: all 0.3s ease-out;  

	-moz-transition: all 0.3s ease-out; 

	-ms-transition: all 0.3s ease-out; 

	-o-transition: all 0.3s ease-out; 

	transition: all 0.3s ease-out; 

}



.js nav[role=navigation] { 

	overflow: hidden;

	 max-height: 0; 

}



nav[role=navigation].active { 

	max-height: 400em; 

}







nav[role=navigation] ul { 

	margin: 0; padding: 0; 

}



nav[role=navigation] li { 

	padding: 0px 5px; 

}



nav[role=navigation] li a { 

	font-weight: bold; 

	font-family: arial; 

	color: #666; 

	font-size: 12px; 

	display: block; 

	border-bottom: 1px solid #E1E1E1; 

	padding: 5px; 

	margin: 0px 0px 0px 5px;

}









/* SIDEBAR */



#side {

	margin-top:10px;

	margin-left:10px;

	float: right;

	width:360px; 

}



.side {

	margin-bottom:40px;

	padding:0px 10px; 

}



.side { 

	font-size:13px; 

	line-height:20px; 

	color:#535150; 

	padding:10px 10px 8px 10px; 

}



.side .title {

	font-family: 'Playfair Display', serif;

	font-size: 15px;

	font-weight: 400;

	color: #535150;

	padding-bottom: 3px;

	border-bottom: 1px solid #798eab;

	margin-bottom: 20px;

	letter-spacing: 0px;

	text-transform: uppercase;

}



.sideb {

	border-bottom: 5px solid #535150;

	padding-bottom: 2px;

}



.side .border {

    margin-top: -12px;

    border-bottom: 2px dotted #f2ee38;

}



.side a { 

	color:#535150; 

	font-weight: 700;

}



.side a:hover { 

	color:#8cb2e5; 

}



.side ul { 

	margin:0px; 

	padding:0px; 

}



.side li { 

	padding:5px; 

	list-style:none; 

	border-bottom:1px solid #ddd; 

}



.side li:hover { 

	background:#fff; 

}



.side blockquote { 

	color:#363636;

	background:#FAFAFA; 

	border: 1px solid #E1E1E1;

	padding:8px 10px; 

	margin:10px 0px; 

}



.side blockquote a { 

	color:#8cb2e5;

}



.side blockquote a:hover { 

	color:#8cb2e5;

}







.side img {

	border: 5px #ffffff solid;

	margin-top: 5px;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

	-webkit-box-shadow: 0 0 10px 0 #E5E5E5;

	box-shadow: 0 0 10px 0 #E5E5E5;

}



.side img:hover {

	border: 5px #8cb2e5 solid;

	margin-top: 5px;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

	-webkit-box-shadow: 0 0 10px 0 #E5E5E5;

	box-shadow: 0 0 10px 0 #E5E5E5;

}







/* PROJECTS */



#projects b { 

	border-bottom: 0px;

	background: #1d1d1d; 

	letter-spacing: 1px; 

	text-decoration: none; 

	font-size: 10px; 

	text-transform: uppercase; 

	color: #fff; 

	padding: 5px; 

	line-height: 23px;

}



#projects strong { 

	border-bottom: 0px;

	background: #f2ee38; 

	letter-spacing: 1px; 

	text-decoration: none; 

	font-size: 10px; 

	text-transform: uppercase; 

	color: #FFF; 

	padding: 5px; 

	line-height: 23px;

}



#projects u { 

	border-bottom: 0px;

	background: #8cb2e5; 

	letter-spacing: 1px; 

	text-decoration: none; 

	font-size: 10px; 

	text-transform: uppercase; 

	color: #FFF; 

	padding: 5px; 

}



#projects a i { 

	color: #535150; 

	padding-right: 4px; 

}



#projects a i:hover { 

	color: #8cb2e5; 

}







#projects a { 

	color: #8cb2e5; 

	font-size: 13px; 

	font-weight: 700; 

}







#projects a:hover { 

	color: #535150; 

}







#projects .border { 

	border-bottom: 0px; 

	margin: 10px 0px; 

	border-bottom: 1px solid #FFF; 

}





/* PROJECTS3 */



#projects3 img { 

	padding:4px; 

	border:1px solid #8cb2e5; 

	margin-right:10px; 

	border-radius:50px; 

	background:#FFF; 

	margin: 5px 10px 5px 0;

}







#projects3 b { 

	font-weight:normal!important; 

	color:#8cb2e5; 

	font-family: 'Oswald', serif;

	text-transform:uppercase; 

	font-size:12px; 

	letter-spacing:1px; 

}







#projects3 i { 

	color:#1d1d1d; 

	letter-spacing:1px; 

}



#projects3 a { 

	border-bottom: 0px; 

	background: #f2ee38; 

	text-decoration: none; 

	font-size: 10px; 

	text-transform: uppercase; 

	color: #FFF; 

	padding: 5px; 

	line-height: 23px;

}



#projects3 a:hover { 	

	border-bottom: 0px; 

	background: #8cb2e5; 

	letter-spacing: 1px; 

	text-decoration: none; 

	font-size: 10px; 

	text-transform: uppercase; 

	color: #FFF; 

	padding: 5px; 

	line-height: 23px;

}



#projects3 .fa { 	

	color: #FFF; 

}







/* POSTS */



#entry { 

	margin-right:0px;

	margin-top:0px;

	width:630px;

	float: left; 

}



.post {

	padding:10px;

	margin-bottom:30px;

	background:#fff;

}



.post .title a { 

	font-family: 'Playfair Display',serif;

	font-size: 32px;

	font-weight: 400;

	line-height: 1.2;

	margin: 0;

	color: #535150;

}



.post .title a:hover { 

	color:#535150; 

	padding-bottom:2px; 

}



.post .meta{ 

	padding-top: 5px; 

	font-size: 10px; 

	text-transform: uppercase; 

	color: #535150; 

	margin-bottom: 10px; 

}



.post .meta i { 

	color: #798eab; 

	padding-right: 5px; 

}



#div {

    width: 300px;

    height: 1px;

    margin: 10px;

    background-color: #8cb2e5;

}



.border {

    margin-bottom: 15px;

    margin-top: 5px;

    border-bottom: 1px dashed #b1b1b1;

}







.post .cats {

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 10px;

}



.post .cats a {

	color: #535150;

	line-height: 0.95em;

	padding: 2px;

	display: inline-block;

	border: solid 1px #798eab;

	text-transform: uppercase;

}



.post .cats a:hover,

.post .cats a:focus {

	color: #535150;

	line-height: 0.95em;

	padding: 2px;

	display: inline-block;

	border: solid 1px #8cb2e5; 

	text-transform: uppercase;

}



.post i { 

	color: #535150; 

	padding-right: 4px; 

}



.post a i { 

	color: #86a2da; 

	padding-right: 4px; 

}



.post a i:hover { 

	color: #86a2da; 

}









/* POST IMAGES */







.post img, post a img {

	border: 5px #fff solid;

	margin: 5px;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

	-webkit-box-shadow: 0 0 10px 0 #e3e2d8;

	box-shadow: 0 0 10px 0 #e3e2d8;

	opacity: 1.0;

}







.post a img:hover {

	border: 5px #f2ee38 solid;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

	-webkit-box-shadow: 0 0 10px 0 #e3e2d8;

	box-shadow: 0 0 10px 0 #e3e2d8;

	opacity: 0.8;

}



/* HEADER TAGS */



.post h1 { 

	font-size: 15px;

	font-weight: 900;

	color: #798eab;

	text-transform: uppercase;

	border-bottom: 2px solid #798eab;

	padding-bottom: 4px; 

}



.post h2 { 

	font-size: 15px;

	font-weight: 900;

	color: #8cb2e5;

	border-bottom: 2px solid #8cb2e5;

	padding-bottom: 4px; 

}



.post h3 { 

	font-size: 15px;

	font-weight: 900;

	color: #363636;

	border-bottom: 2px solid #363636;

	padding-bottom: 4px; 

}









/* GALLERY LINK */







.gal-links {

	color: #777;

	margin: 10px 0px 10px 45px;

	padding-left: 20px;

	padding-bottom: 10px;

}



.gal-links:before { 

	font-family: FontAwesome;

	font-style: normal; 

	margin-top: 0px; 

	margin-left: -60px; 

	padding: 9px 10px;

	content: '\f030'; 

	color: #363636; 

	font-size: 20px; 

	float: left; 

	background-color: #8cb2e5;

	border-radius: 50px;

}







/* POST QUOTE */



.post blockquote {

	color: #777;

	margin: 10px 0px 10px 45px;

	padding-left: 20px;

}



.post blockquote:before { 

	font-family: FontAwesome;

	font-style: normal; 

	margin-top: 0px; 

	margin-left: -60px; 

	padding: 9px 10px;

	content: '\f10d';

	color: #363636; 

	font-size: 20px; 

	float: left; 

	background-color: #f2ee38;

	border-radius: 50px;

}





/* FEATURED IMAGE */



.post .featured {

	padding-top: 10px;

	margin-left:-10px;

	margin-right:-10px;

	border:0px solid #fff!important; 

}







.post .featured img { 

	width:630px;

	min-weight:630px;

	max-width:630px;

	height:auto;

	padding:0px!important;

	border:0px!important;

	margin:0px; 

}









/* MISC TEXT */



a {

	color: #535150;

	font-weight: 700;

	text-decoration: none;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

}



a:hover {

	color: #8cb2e5; 

	text-decoration: none;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	-ms-transition: all 250ms linear;

	-o-transition: all 250ms linear;

	transition: all 250ms linear;

}



b { 

	color:#8cb2e5; 

}



strong { 

	color:#798eab; 

}



i { 

	color:#535150; 

}







em { 

	color:#FFF;

	background: #f2ee38; 

	line-height: 0.75em;

	padding: 2px;

	display: inline-block;

}



u { 

	color:#8cb2e5; 

	text-decoration:none; 

	padding-bottom:1px; 

	border-bottom:1px dotted #8cb2e5; 

	letter-spacing:0px; 

}







/* SUBMIT */



.searchform input { 

	padding:5px;

	border:0px; 

	width:120px; 

	color:#8cb2e5; 

}



textarea,select {

	max-width: 100%;

	padding: 5px;

	border: 1px solid #DDD;

	background: #FFF;

	color: #8cb2e5;

}



button,

input[type='reset'],

input[type='submit'],

input[type='button'] {

	font-size: 11px;

	line-height: 15px;

	padding: 5px;

	transition: all .4s ease-in-out;

	letter-spacing: 2px;

	text-transform: uppercase;

	color: #FFF;

	border: 1px solid #f2ee38;

	background: #f2ee38;

}



button:hover,

input[type='reset']:hover,

input[type='submit']:hover,

input[type='button']:hover {

	color: #FFF;

	border: 1px solid #8cb2e5;

	background: #8cb2e5;

}









/* HIDDEN POST CONTENT */



.hidcon { 

	margin: 20px 0px; 

}



.hidcon a:hover { 

	background:#f2ee38; 

	color:#fafafa; 

}



.hidcon a { 

	padding: 10px 20px; 

	border: 1px solid #f2ee38;

	color:#8cb2e5;

	letter-spacing:2px;

	font-weight: 900;

	text-transform:uppercase;

	font-size:11px; 

}





/* IMAGE/TEXT ALIGN */



img.alignleft { 

	float: left; 

	margin: 5px 10px 5px 0; 

}



img.alignright { 

	float: right; 

	margin: 5px 0 5px 10px; 

}



img.aligncenter { 

	margin-top:8px; 

	margin-bottom:2px; 

	text-align: center; 

	display: block; 

}



.alignleft { 

	float: left; 

	margin: 5px 10px 5px 0; 

}



.alignright { 

	float: right; 

	margin: 5px 0 5px 10px; 

}







.aligncenter { 

	text-align: center; 

	margin-left: auto; 

	margin-right: auto; 

}



.hidden { 

	display: none; 

}



.post .alignleft, .side .alignleft { 

	margin-right:10px; 

	float:left; 

}



.post .alignright, .side alignright { 

	margin-left:10px; 

	float:right; 

}



.post .aligncenter, .side aligncenter { 

	margin:0 auto; 

}







/* BREADCRUMB */



.breadcrumb a { 

	font-size: 13px;

	color:#fafafa;

	background:#f2ee38; 

	padding:6px 10px; 

	margin:10px 0px; 

}



.breadcrumb a:hover { 

	color:#fafafa;

	background:#8cb2e5; 

	padding:6px 10px; 

	margin:10px 0px; 

}







/* HIGHLIGHT */



::selection {

	background: #f2ee38;

	color: #ffffff;

}



::-moz-selection {

	background: #f2ee38;

	color: #ffffff;

}







/* SHAREDADDY */



.sharedaddy {

        text-align:center;

}



.sharedaddy a.sd-button {

	background: #fff!important;

        color:#a1a1a1!important;

}







.sharedaddy ul li a.sd-button > span {

	background: #fff!important;

        color:#a1a1a1!important;

}







.sharedaddy li:nth-child(odd) { 

	background-color:#fff; 

}



.sharedaddy li:nth-child(even) { 

	background-color:#fff; 

}





/* TOOL TIP */



#qTip { 

	padding:6px;

	display: none;

	color: #fafafa; 

	border: 0px solid #fafafa;

	position: absolute;

	text-transform: uppercase;

	background-color:#f2ee38;

	z-index: 1000;

	-moz-opacity:.80;

	filter:alpha(opacity=80);

	opacity:.80; 

	font-family: 'Oswald', sans-serif;

	font-size:11px;

}





/* TOP AFFIE DROPDOWN */



select{

	padding:4px;

	margin-top:10px;

	width:220px;

	background:#f2ee38;

	border:solid 1px #8cb2e5;

	font-family: 'Oswald', sans-serif;

	color:#fafafa;

	text-transform:uppercase;

	font-size:13px;

	font-weight:normal;

	letter-spacing:1px;

}





/* FOOTER */



#footer {

	clear: both; 

	width: 100%; 

	padding: 9px 0; 

	text-decoration: none; 

	font-weight: 500px; 

	font-size: 14px; 

	line-height: 20px;

	background: #FFF;

}



#footer a {

	color: #798eab;

	text-decoration: none;

}



#footer .inner {

	padding: 15px; 

	overflow: hidden; 

	margin: 0 auto; 

	max-width: 1000px;

}



#footer .credit {

	display: inline-block; 

	float: left; 

	text-transform: uppercase; 

	font-family: 'Playfair Display', serif;

	color: #535150;

	font-size: 14px; 

}



#footer .nav {

	display: inline-block; 

	float: right; 

	text-transform: uppercase; 

	font-family: 'Playfair Display', serif;

}



#footer .desc {

	width: 100%; 

	padding: 9px 0; 

	text-decoration: none; 

	font-weight: 300; 

	font-size: 13px; 

	color: #535150;

}









/* SCROLLBAR */



/* Let's get this party started */

	::-webkit-scrollbar {

   	width: 12px;

}



/* Track */

	::-webkit-scrollbar-track {

	background-color: #fff;

	border: 1px solid #fff;

	border-top: none;

	border-bottom: none;

}



/* Handle */

	::-webkit-scrollbar-thumb {

	background-color: #f2ee38;

	border: 1px solid #fff;

	border-top: none;

	border-bottom: none;

}



::-webkit-scrollbar-button{

	height: 0px !important;

}







/* PAGINATION */



div.pagination {

	text-align: center;

	font-family: 'Oswald', sans-serif;

	font-size: 12px;

	padding:2px;

	margin:7px;

}



div.pagination a {

	margin: 2px;

	padding: 0.5em 0.64em 0.43em 0.64em;

	background-color: #f2ee38;

	text-decoration: none; /* no underline */

	color: #fafafa;

}



div.pagination a:hover, div.pagination a:active {

	padding: 0.5em 0.64em 0.43em 0.64em;

	margin: 2px;

	background-color: #8cb2e5; 

	color: #fafafa;

}



div.pagination span.current {

	padding: 0.5em 0.64em 0.43em 0.64em;

	margin: 2px;

	background-color: #8cb2e5;

	color: #fafafa;

}



div.pagination span.disabled {

	display:none;

}







/* RESPONSIVE */



@media screen and (min-width: 980px) {

	a.menu-link { display: none; }

	.js nav[role=navigation] { max-height: none; }

	nav[role=navigation] ul { margin: 0; border: 0; }

	nav[role=navigation] li { display: inline-block; padding: 5px; }

	nav[role=navigation] li a { border: 0; } 

	}



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

	body { padding: 20px; }

	#container { max-width: 100%; background: #; }

	#latestimg { display: none; }

	#header img {width:100%!important; height:auto!important; padding:0; border:0; -webkit-box-shadow:none;-moz-box-shadow:none; box-shadow:none;}

	.post { width: 540px; }

	#entry{ width: 540px; }

	div.pagination { width: 540px; }

	.side { width: 300px; }

	.post .featured img {display: none;}

	.bar { max-width: 100%; }

	.bar .welcome { max-width: 100%; }

	.post .title a { font-size: 24px;}

	#playerposition { display: none; }



	}