/*



Theme Name: Dizzy-Six Theme



Theme URI: http://jeremyfrancis.sendasites.com/dizzy-six



Author: Jeremy Francis



Author URI: http://jeremyfrancis.sendasites.com



Description: Custom Theme Framework For People and Coders



Version: 1.0



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Tags: 



Text Domain: dizzy-six



*/















/*



Typography   ============================



*/







/*



	font-family: 'Open Sans', sans-serif;



 	font-family: 'Open Sans Condensed', sans-serif;



*/



body {



	margin:0;

	font:300 10px/1.2em 'Open Sans', sans-serif;

	-moz-transition:all 0.35s ease-in-out;


	-webkit-transition:all 0.35s ease-in-out;

}

body, #nav, #header_area, #content_area {
	opacity:1!important;
}


:hover {



	-moz-transition:all 0.35s ease-in-out;



	-webkit-transition:all 0.35s ease-in-out;



}



a {



	text-decoration:none!important;



	border-bottom:none!important;



}



h1, h2, h3 {



	font-weight:bold;



	letter-spacing:0px;



	text-transform:none;



	line-height:1.25em;



}



h1, h2 {



	font-family: 'Open Sans Condensed', sans-serif;



	font-weight:700;



	font-size: 3.65em;



	text-align: center;



	color: #666;



	letter-spacing: -2px;



}



.format_text h1, .format_text h2, .teaser h2, #tinymce h2 {



	text-align:left;



}



h3 {



	font-family: 'Open Sans Condensed', sans-serif;



}



.format_text h2, .teaser h2, #tinymce h2 {



	font-size: 2.05em;



	margin-top: 0;



	margin-bottom: 7px;



}



.format_text h3, #tinymce h3  {



	font-size: 1.4em;



	margin-top:0;



	color:#666;



}







.social .fontawesome-text {



	display: none;



}



.title {



	color: #fff;



	text-shadow: 0px 4px 5px rgba(0,0,0,.5), 0px 10px 10px rgba(0,0,0,.5);



	letter-spacing: 0px;



	font-size: 5em;



	line-height: 1em;



	text-align: right;



}



.subtitle {



	font-weight: 300;



	letter-spacing: 3px;



	display: block;



	font-size: .65em;



}



/* End Typography */







/*



Layout  =========================================



*/



#header_area,



#content_area,



#footer_area {



	width:100%;



	display:table;	



	clear:both;	



}



.full_width {



	width:100%;



	display:table;



}



#header_area .page,



#content_area .page,



#footer_area .page,



#nav .page,



#before_content .page {



	max-width: 1060px;



	margin: 0 auto;



	width: 100%;



	padding-right: 20px;



	padding-left: 20px;



	font-size: 1.4em;



	line-height: 1.5em;



	display:table;



	position:relative;



}



#header, #content, #footer {



	padding:20px;



}



.format_text img, #tinymce img {



	margin-top:10px!important;



}



.format_text blockquote, #tinymce blockquote {



	color: #fff;



	background: rgba(0,0,0,.6);



	padding: 20px 20px 5px 75px;



	margin: 0px 0 20px 40px;



	width: 40%;



	float: right;



	border: none;



	position: relative;



}



.format_text blockquote::before, #tinymce blockquote::before {



	content: ",,";



	font: bold 7em 'Times', serif;



	color: #fff;



	position: absolute;



	top: 0px;



	left: 18px;



	transform: translateY(-50%) scaleX(-1);



	letter-spacing: -1px;



}



.format_text blockquote::after, #tinymce blockquote::after {



	content: "";



	height: 0px;



	width: 0px;



	border: 30px solid transparent;



	border-top: 30px solid #000;



	opacity: .6;



	position: absolute;



	right: 30px;



	bottom: -60px;



	border-right: 0px;



}



cite {



	display:block;



	text-align:right;



	margin:15px 10px;



	color:#be6e2d;



	font-weight:bold;



}



aside {



	display: table;



	float: left;



	width: 215px;



	font: 300 1.5em 'Oswald', sans-serif;



	border-top: 1px solid;



	border-bottom: 1px solid;



	padding: 20px 40px 20px 0px;



	margin: 10px 30px 40px 0;



	color: #666;



	position: relative;



}



aside::after {



	content: "";



	width: 0px;



	height: 0px;



	border: 30px solid transparent;



	border-left: 17px solid #666;



	position: absolute;



	top: 50%;



	right: -50px;



	transform: translateY(-50%);



	opacity: .5;



}



.callout {



    	width: 50%;



    	padding: 30px;



    	background: #fff;



    	color: #885;



    	text-align: center;



    	margin: 30px auto;



    	border: 3px solid #fff;



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



}



.callout h3 {



	margin: -50px auto 25px;



    	color: #885;



    	background: #fff;



    	width: auto;



    	padding: 0 10px;



    	display: table;



}







.format_text li {



	margin:0px 60px;



}







#tinymce {



	background:#fff!important;



	width:740px;



	font-size:16px;



}



#tinymce iframe, .format_text iframe {



	display:block;



	margin:50px auto;



}



.logo {



	float: left;



	padding: .25em;



	font: normal 1.6em 'Open Sans Condensed', sans-serif;



}



.logo img {



	float:left;



	height:25px;



	width:auto;



}



.alignleft {



	float: left;



	margin: 0 1em 0 0;



}



.alignright {



	float:right;



	margin:0 0 0 1em;



}



.aligncenter {



	



}



.alignnone {



	



}



#content {



	float: left;



	width: 75%;



	max-width: 720px;



}

.full-page #content{
  	max-width: 1006px;
    	width: 100%;
}

.entrytext {



	padding:.75em 1em;



}



#main-sidebar {



	float: right;



	width: 25%;



	max-width: 260px;



	padding: 20px;



}







/*End Layout*/







/*



Navigation and Buttons   =====================================



*/



input[type=button], input[type=submit], .teaser_link, .button, a[href$=".pdf"] {



	padding: .5em 1.5em;



	border: 1px solid;



	color: #fff;



	background: #026;



	display:table;



}



input[type=button]:hover, input[type=submit]:hover, .teaser_link:hover, .button:hover, a[href$=".pdf"]:hover {



	background:#885;



	cursor:pointer;



	color:#fff;



}



input[type=button] span, input[type=submit] span, .teaser_link span, .button span , a[href$=".pdf"] span {



	display: block;



	font-size: .55em;



	letter-spacing: 0.05em;



}



#nav {



	position: fixed;



	top: 0px;



	display: block;



	z-index: 100000;



	background: #fff;



}



.floating {



	box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);



	-moz-transition:all 0.35s ease-in-out;



	-webkit-transition:all 0.35s ease-in-out;



}



.menu-main {



	display:table;



	margin:0 10px;



}



.menu {



	position:relative;



	margin-top: 0px;



	padding: 0px;



}



.menu li {



	list-style:none;



	float:left;



	position:relative;



	padding: .65em 1.75em;



	margin: 0 1px;	



}



.menu li:hover {



	background:#ccc;



}



.sub-menu {



	position:absolute;



	top:100%;



	left:0;



	background:#eef;



	visibility:hidden;



	padding:0px;



	width:250px;



}



.menu li:hover .sub-menu {



	visibility:visible;



}



.sub-menu::before {



	content: "";



	position: absolute;



	top: -19px;



	left: 10px;



	border: 10px solid transparent;



	border-bottom: 10px solid #eef;



}



.sub-menu li {



	display: inline-table;
	width: 100%;
	box-sizing: border-box;



}



.sub-menu li:hover {



	background:#ddd;



}



.menu-button {



	position: absolute;



	top: 5px;



	right: 30px;



	text-transform: uppercase;



	border: 1px solid #888!important;



	padding: .2em .75em;



	display:none;



}



.menu-button::before {



	content: "\f0c9";



	font: normal 1em/1em 'FontAwesome';



	float: left;



	position: relative;



	top: 4px;



	margin: 0 0.65em 0 0;



}



/* End Navigation and Buttons */











/*



Header Content   =======================================



*/



.author {



	color: #fff;



	font: 300 1.5em/1.2em 'Open Sans', sans-serif;



	position: absolute;



	bottom: 25px;



}



.author img {



	border-radius: 100%;



	border: 1px solid rgba(255,255,255,.5);



	padding: 1px;



	width: 50px;



	height: auto;



	margin: 0px 10px -21px 0;



}



.author a {



	color: #885;



}



.teaser_author .author {



	position: initial;



	color: #885;



	margin: 0px 5px;



	font-size: 1em;



}



.author-archive img {



	border-radius: 100%;



	height: 1em;



	width: auto;



	margin: 10px 10px -11px 0;



	border: 2px solid #eee;



}



/* End Header Content */







/*



Body Content   =========================================



*/







/* End Body Content */







/*



Sidebar Content   ======================================



*/

.sidebar .widget {

	display:table;

	width:100%

}





/* End Sidebar Content */







/*



Footer Content  ========================================



*/



#footer {



	color:#ddd;



}



#footer a {



	color:#fff;



}



.social a {



	font: normal 2.85em 'FontAwesome';



	background: #026;



	color: #fff;



	float: left;



	margin: .5em;



	padding: .85em;



	border-radius: 100%;



	height: 1em;



	width: 1em;



	position: relative;



}



.social a i {



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%)



}



.social a:hover {



	background: #885;



  	box-shadow: 0px 0px 0px 5px rgba(255,255,255,.6);



}



.social {



	width: initial;



	display: table;



	margin: 40px auto 0px;



	clear: both;



}



.social a img {



	width: 1.2em;



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%,-50%)



}



.sidebar .social {



	font-size:.5em;	



}



/* End Footer Content */







/*



Special Content   ======================================



*/



.social-share {



	display:table;



	margin:50px 0 30px;



	clear:both;



}



.sidebar .social-share {



	margin:0!important;



}



.social-share a {



	background: #ccc;



	padding: 5px 10px;



	float: left;



	margin: 0 4px 0 0;



	color: #FFF;



	font-size: 1.2em;



	text-decoration:none!important;



}



.social-share a:hover {



	opacity:.7;



}



.social-share span {



	font: normal 1em 'FontAwesome';



	margin: 3px 5px 5px -3px;



	display: table;



	float: left;



}



.social-share .facebook {



	background: #46a;



}



.social-share .share-icon-twitter {



	background: #7cd;



}



.social-share .share-icon-linked-in {



	background: #28c;



}



.social-share .share-icon-pinterest {



	background: #d22;



}



.social-share .share-icon-pinterest span {



	font-family:'Social';



}



.social-share .share-icon-google-plus {



	background: #d43;



}



.social-share .social-email {



	background:#111;



}



.sidebar .social-share a {



	overflow: hidden;



	width: 12px;



	height: 20px;



	line-height:14em;



}



.sidebar .social-share span {



	margin: 2px 5px 5px -2px;



}



/*----- Prev-Next -----*/



#cooler-nav {



	display: table;



	width: 100%;



	margin-bottom: 50px;



}



.nav-box {



	width: 360px;



	font-size: .75em;



}



.nav-box img {



	display: inline;



	float: left;



	border-radius: 100%;



	margin: 0px 16px;



	padding: 3px;



	border: 1px solid #ccc;



}



.nav-box a {



	font: bold 2.5em 'Oswald', sans-serif;



	display:table;



	position: relative;



	width: 300px;



}



.nav-box a p {



	position: absolute;



	left: 145px;



	top: 50%;



	transform: translateY(-50%);

	font-size:1.5em;

}



.next a p {



	left: auto!important;



	right: 145px;



}



.next {



	float:right;



}



.next img {



	float:right;



}



.next a {



	text-align:right;



}



.previous {



	float:left;



}

* Add To Core */
.nav-box {
		width:initial;
}
.nav-box a p {
		margin:0;
	    font-size:.5em;
}
.nav-box img {
		height: 100px;
    width: 100px;
}





/*--Dynamic Posts--*/

.archive div.teaser {

	width: 40%;

	padding: 5%;

	float: left;

}



#am-container {



	overflow:auto;



	box-shadow: 0px 30px 70px -45px #000;



	position:relative;



}



.am-wrapper{



	float:left;



	position:relative;



	overflow:hidden;



}



.am-wrapper img{



	position:absolute;



	outline:none;



	opacity:.9;



	-moz-transition:all 0.35s ease-in-out;



	-webkit-transition:all 0.35s ease-in-out;



}



.am-wrapper img:hover {



	opacity:1;



	-webkit-transform: scale(1.35);



    -moz-transform: scale(1.35);



	transform: scale(1.35);



}



.teaser-meta-container {



	display: table;



	background: rgba(0,0,0,.7);



	position: absolute;



	left: 0;



	right: 0;



	bottom: 0px;



	width: 100%;



	color: #fff;



	padding: 2px 0px 5px;



}



.teaser h3 {



	margin: .2em .35em;



}



.teaser .loop-comments {



	background: #0af;



	padding: .2em .95em;



	margin: .4em;



	border-radius: 2px;



	font-size: .7em;



	position:relative;



}



.teaser .loop-comments::before {



	content: "";



	height: 0;



	width: 0;



	position: absolute;



	border: 10px solid transparent;



	border-top: 6px solid #0af;



	border-left: 1px solid transparent;



	bottom: -14px;



	left: 5px;



	



}



.teaser .loop-categories {



	background: #0af;



	padding: .2em .95em;



	font-size: .7em;



	margin: 0px 20px;



	position:relative;



}



.teaser .loop-categories::before {



	content: "";



	border: .85em solid transparent;



	border-right: 1em solid #0af;



	position: absolute;



	top: 50%;



	left: -16px;



	transform: translateY(-50%);



}



.teaser .loop-categories::after {



	content: "";



	height: 5px;



	width: 5px;



	background: #ddd;



	border-radius: 100%;



	position: absolute;



	top: 50%;



	left: -3px;



	transform: translateY(-50%);



	box-shadow: 1px 1px 1px rgba(0,0,0,.4);



}



/* End Special Content */







/*



Responsive   =========================================== 



*/



/*---:[ responsive resets ]:---*/







.format_text img,



.format_teaser img,



.format_text iframe,



.format_text object {



	max-width: 100%



}







.format_text img,



.format_teaser img {



	height: auto



}







/* Media Queries */



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



	.page {



		padding:0px!important;



	}



	#header_area {



		background-position:right -30px;



		-webkit-background-size:cover!important;



		-moz-background-size:cover!important;



		-o-background-size:cover!important;



		-ms-background-size:cover!important;



		background-size:cover!important;



	}



	#header {



		min-height: 550px;



		padding:0!important;



	}




	.teaser {



		float: none;



		margin: 20px auto!important;



		width: 91%!important;



	}



	#content, #header, #footer, #main-sidebar, #left-sidebar, #right-sidebar {



		width:84%;



		float:none;



		margin:10px auto;



    	}



	.logo img {



		max-width:90%;



		margin:0px 10px;



		display:block;



	}



	.menu ul ul, .menu :hover ul :hover ul {



		left: 15em;



		background: #ddd;



	}



	.format_text li {



		margin:0 15px 0 -15px;



	}



	.format_text .social-share a {



		overflow: hidden;



		width: 12px;



		height: 20px;



		line-height:14em;



	}



	.format_text .social-share span {



		margin: 2px 5px 5px -2px;



	}



	#footer .page div {



		float:none;



		width:100%;



    	}



}



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



	.menu-button {



		display:table;



	}



	#menu-main {



		display:none;



	}



	.menu li {



		float:none;



	}



	.menu-main {



		float: none;



		clear: both;



		width: 100%;



	}



	#nav {



		box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);



	}

	#cooler-nav {

    		display: table;

    		width: 85%;

    		margin-bottom: 50px;

    		margin-left: -40px;

       }

	

  #menu-main {

    width:100%;

    padding-left:20px;

  }

  .menu li {

    width: 88%;

    border-bottom: 1px dotted #444;

  }

  .menu li:hover {

    border:1px solid transparent;

    border-bottom: 1px dotted #444;

  }

  .menu .menu-item-has-children::after {

    content: "+";

    position: absolute;

    right: 30px;

    top: 8px;

    color: #fff;

    border: 1px solid saddlebrown;

    padding: 0px 8px;

  }

  .menu li a {

    max-width:75%;

  }

  .menu li:hover .sub-menu {

    position: relative;

    visibility: visible;

  }

  .sub-menu .current-menu-item::before, .sub-menu .current_page_item::before {

	left: 0px;

  	margin-top: 6px;

   }

  #respond {

    max-width: 88%;

    margin: 5px auto;

  }

  #respond input, #respond textarea {

    width: 100%;

  }



}



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



	body {



		background-size:1000px;



	}



	.home #header_area {



    		min-height: 800px;



	}



	.title::after {



		right:0px;



	}



	.format_text blockquote {



		color: #fff;



		background: rgba(0,0,0,.6);



		padding: 20px 20px 10px 75px;



		margin: 0px 12px 20px -3px;



		width: auto;



		float: none;



		border: none;



		position: relative;



	}



	aside {



		float:none;



		width:auto;



	}



	.title {



		font-size:4em!important;



	}
	.format_text img {
  		float:none;
  		margin:20px auto;
    	clear:both;
  		display:table;
   }


}



/* End Responsive */