/*
Theme Name: Dizzy-Seven Theme
Theme URI: http://jeremyfrancis.sendasites.com/dizzy-seven
Author: Jeremy Francis
Author URI: http://jeremyfrancis.sendasites.com
Description: Custom Theme Framework For People and Coders
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: css grid, html 5
Text Domain: dizzy-seven
*/

/* Base Layout */
html { 
	margin-top: 0px !important; 
	overflow-x:hidden;
}
html body { 
	margin-top: 0px !important; 
}
.full-width {  /*Add Grid sizing to this element too*/
	/*width:100%;
	max-width:1060px;
	display:table;
	float:none;
	margin:0 auto;*/
	grid-column:2/8;
}
.container {
	display:table;
	position:relative;
} 
main section > * {
			grid-column:2/8
}
main article {
	grid-column:2/6;
}
main aside {
	grid-column:6/8;
	padding: 2em;
}
.grid  {
    display: grid;
	grid-gap: 35px;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	grid-template-rows: repeat(15, auto);
	grid-auto-rows: 75px;
    grid-auto-flow: dense;
}
.grid header {
	grid-column: 1/-1;
}
.grid article {
	grid-column:auto;
	position:relative;
}
.grid article header {
	display: table;
	padding: 0px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
figure {
	box-sizing: border-box;
	margin: 0;
	max-width: 672px;
}
.alignleft {
		display:table;
		float:left;
		margin:.5em 1.5em .5em 0;
}
.alignright {
		display:table;
		float:right;
		margin:.5em 0 .5em 1.5em;
}
.aligncenter {
	display: block;
    float: none;
    margin: 0 auto;
    padding: 2em;
}
.entrytext {
	display:table;
	width:100%;
}
.entrytext img, #tinymce img {
	margin-top:10px;
}
.entrytext blockquote {
	display:table;
  	float: none;
	padding: 40px;
	box-sizing: border-box;
	max-width: 640px;
	margin: 50px auto;
	background: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid var(--main-color);
	font-weight: bold;
	font-style: italic;
	color: var(--second-color);
	font-size: 1.8em;
	line-height: 1.2em;
	position: relative;
}
.entrytext blockquote::before {
    content: "\f086";
	font: 400 2.5em/1em Font Awesome\ 5 Free;
	color: var(--main-color);
	position: absolute;
	top: -33px;
	left: 50%;
	transform: translateX(-50%);
	letter-spacing: -1px;
	line-height: .8em;
	display: block;
	z-index: 0;
	text-shadow: -10px 0px 0px #fff, 10px 0px 0px #fff;
}
.entrytext iframe {
	max-width:100%;
}
cite {
    color: var(--main-color);
	float: none;
	display: block;
	text-align: right;
	margin: 1em 0 -1em 0;
	font-size: .65em;
	font-weight: normal;
	font-style: normal;
}
cite::before {
	content: "\f054";
	font: normal 1em/1em Font Awesome\ 5 Free;
	margin: 0 .25em 0 -1.25em;
}
.callout {
  background:var(--main-color);
  box-shadow:15px 15px 0px 0px var(--second-color);
  border:none;
  color:#fff;
  text-align:left;
  width:80%;
  box-sizing:border-box;
  font-size:1.5em;
  line-height:1.5em;
  padding:2em;
  margin:2em 2em;
  display:table;
  float:none;
}
.callout a {
  text-transform:uppercase;
  font-weight:bold;
  color:var(--second-color);
}
.entrytext ul, .entrytext ol {
	margin: 1.5em 0;
	grid-column: 2/-1;
	padding: 0;
}
.grid a {
	display:table;
	position:relative;
}
.grid h3 {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	padding: 1em;
	font-size: 2.5em;
	color: var(--highlight-color);
	text-align: center;
	background: rgba(0,0,0,.7);
}
.grid img {
	width:100%;
	height:auto;
}
.archive .teaser, .category .teaser, .search-results .teaser {
    display: table;
    width: 95%;
    height:initial;
    min-height: initial;
    margin: 40px auto;
    padding: 1em;
    border: 1px solid #ccc;
    float:none;
    background:#fff;
    box-sizing:border-box;
	overflow:hidden;
}
.post-type-archive-jetpack-portfolio .teaser {
	padding:0!important;
	background:none!important;
}
.post-type-archive-jetpack-portfolio .teaser img {
	width:100%!important;
	margin:0!important;
}
.post-type-archive-jetpack-portfolio .grid article .loop-categories {
	position: absolute;
	top: 47%;
	text-transform: uppercase;
	left: 50%;
	transform: translate(-50%,-50%);
}
.post-type-archive-jetpack-portfolio .grid article .loop-categories a {
	color:#fff;
}
.archive .teaser img, .category .teaser img, .search-results .teaser img {
    width: 35%;
	height: auto;
	float: left;
	margin: 10px 20px 10px 10px;
}
.blog .teaser .thesis-img, .category .teaser .thesis-img, .archive .teaser .thesis-img, .search-results .teaser .thesis-img {
  padding: 5px 0 20px 0;
}
.blog .teaser .teaser_link, .archive .teaser .teaser_link, .category .teaser .teaser_link, .search-results .teaser .teaser_link {
    float: right;
}
.archive div.teaser {
  position:relative;
}
.teaser .loop-comments {
    background: var(--main-color);
	padding: .25em .4em .5em .4em;
	position: absolute;
	top: 0px;
	right: -20px;
	color: #fff;
	font-size: 3em;
	text-align: center;
	line-height: 1em;
}
.teaser .loop-comments b {
  	font-size: .2em;
    margin: -5px 0 -22px 0;
    display: table;
}
.teaser .loop-comments::before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border: 20px solid transparent;
    border-top: 20px solid var(--second-color);
    border-left: 1px solid transparent;
    bottom: -40px;
    left: 40px;
}
.teaser-meta-container {
	position:absolute;
    top: 0px;
	right:0px;
	padding: 2em;
	font-size: 1.5em;
}
.teaser-meta-container h3 {
    color: var(--main-color);
	margin-bottom: 1em;
}
.teaser .loop-categories::before {
  left:-25px;
}
.teaser-meta-container span {
  display:table;
  float:left;
}
.teaser .loop-categories {
  	position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
	color: #fff;
    font-weight: normal;
    font-size: .55em;
}
.archive .teaser header {
	padding:0px;
}
.archive .teaser header h2 {
	grid-column: 1/-1;
}
#nav-below {
	display: table;
	width: 100%;
	max-width: 960px;
	margin: 1em auto;
}
#nav-below .nav-previous, #nav-below .nav-next {
	float: left;
	font-size: 1.5vw;
}
#nav-below .nav-next {
	float: right;
}
.copyright {
  text-align:center;
  margin:2em 10%;
  display:block;
}
@media screen and (max-width: 782px) {
		html { margin-top: 0px !important; }
		html body { margin-top: 0px !important; }
}
/* Colors */
.has-main-color-background-color {
     background-color: var(--main-color);
 }
.has-main-color-color {
     color: var(--main-color);
}
.has-second-color-background-color {
     background-color: var(--second-color);
 }
.has-second-color-color {
     color: var(--second-color);
}
.has-highlight-color-background-color {
     background-color: var(--highlight-color);
 }
.has-highlight-color-color {
     color: var(--highlight-color);
}
.has-special-color-background-color {
     background-color: var(--special-color);
 }
.has-special-color-color {
     color: var(--special-color);
}
/* Typography */
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;
}
header p, aside p, footer p {
	z-index: 1;
    position: relative;
	font-size:1.5em;
	line-height:1.5em;
}
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
}
.entrytext h1, .entrytext h2, .teaser h2, #tinymce h2 {
	text-align:left;
	font-weight:bold;
}
.entrytext {
	font-size: 1.5em;
	line-height: 1.5em;
}
.entrytext h2, .teaser h2, #tinymce h2 {
	font-size: 2.05em;
	margin-top: 0;
	margin-bottom: 7px;
}
.entrytext h3, #tinymce h3  {
	font-size: 1.8em;
	margin-top:0;
	color:#666;
	font-weight:normal;
}
.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;
}
footer p {
	color:#eee;
}
/*  Nav  */
.floating {
		background:var(--special-color);
}
.logo img {
    height: 50px;
}
.to-top {
	display: table;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000000;
    font-size: 3em;
		-moz-transition:all 0.35s ease-in-out;
		-webkit-transition:all 0.35s ease-in-out;
}
.to-top i {
	background: rgba(255,255,255,.6);
    padding: .25em .5em;
}
.off {
		right:-200px;
		-moz-transition:all 0.35s ease-in-out;
		-webkit-transition:all 0.35s ease-in-out;
}
.error404 #searchform {
    display: table;
    width: 795px;
    margin: 5em auto 8em;
}
.error404>header {
    height: 30vh;
}
.error404 #s {
    float: left;
    max-width: 600px;
    margin-right: 1em;
}
.error404 #searchsubmit {
    font-size: 1.5em;
}
/*  Social  */
.social-share {
	display:table;
	margin:50px 0 30px;
	clear:both;
}
.sidebar .social-share {
	margin:0;
}
.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;
	line-height: 1.5em;
}
.social-share a:hover {
	opacity:.7;
	color:#fff;
}
.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: 4px 5px 5px 0px;
}
/* Prev-Next */
#cooler-nav {
	display: table;
	width: 100%;
	margin-bottom: 50px;
}
.nav-box {
	width:initial;
	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 img {
	height: 100px;
    width: 100px;
}
.nav-box a p {
	margin:0;
	position: absolute;
	left: 145px;
	top: 50%;
	transform: translateY(-50%);
}
.next a p {
	left: auto!important;
	right: 145px;
}
.next {
	float:right;
}
.next img {
	float:right;
}
.next a {
	text-align:right;
}
.previous {
	float:left;
}
main img {
	max-width:100%;
	height:auto;
}
/*Schema Widget*/
.schemabiz figure img {
    float: left;
    margin: 0 0.5em 0 -1.75em;
    height: 45px;
}
.schemabiz {
		float: none;
    margin: 0 auto;
    font-size: 2.5em;
    line-height: 1em;
    box-sizing: border-box;
    padding: 1em 3em;
}
.schemabiz .s-name {
    font-size: 1em;
}
.schemabiz address {
		font-style:normal;
}
.schemabiz ul li {
		list-style: none;
    float: none;
    display: table;
    margin: 0.15em 0 -.15em 2em;
    position: relative;
}
.schemabiz li .prelo {
	float: left;
    position: absolute;
    top: 50%;
    left: -1.85em;
    transform: translateY(-50%);
    color: var(--main-color);
    width: 1.5em;
    text-align: center;
}
.schemabiz li a, #schemabiz li {
	color:#777;
}
.schemabiz .sch-social {
	margin: 1.75em -1.5em;
}
.schemabiz .sch-social h3 {
    margin: 0;
}
.schemabiz .sch-social .social a {
    background: var(--main-color);
    margin: 0 .15em;
    padding: .2em;
    color: #fff!important;
    width: 1.5em;
    display: table;
    float: left;
    text-align: center;
}
.schemabiz .sch-social .social a:hover {
		background: var(--second-color);
}
.widget .schemabiz {
    padding:0px;
}
.widget .schemabiz ul {
    font-size: .55em;
}
/*Title Animation*/
.blur {
		-webkit-filter: blur(100px) brightness(200%);
    filter: blur(100px) brightness(200%);
    -moz-transition: all 2.5s ease-in-out;
    -webkit-transition: all 2.5s ease-in-out;
    opacity: 0;
}
.blur.go {
		-webkit-filter: blur(0px) brightness(100%)!important;
    filter: blur(0px) brightness(100%)!important;
    -moz-transition: all 2.5s ease-in-out;
    -webkit-transition: all 2.5s ease-in-out;
    opacity: 1!important;
}
/*Gutenberg styles -> Moved to Guttenberg Style Sheet
.alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
}
 
.alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
}*/

/*  Mobile Resets  */
@media screen and (max-width: 1024px) {
	body>nav {
		grid-template-columns: 0px 1fr 1fr 1fr 1fr 1fr 1fr 0px;
	}
	.logo {
		grid-column: 1/3;
	}
	body>nav div, .menu-main {
		grid-column:3/8;
	}
}
@media screen and (max-width: 782px) {
	body>nav {
		display:table;
	}
	#menu-main, #nav div>div>ul {
		width:100%;
	}
	.menu-main {
		float: none;
		clear: both;
		width: 100%;
		margin: 0px !important;
	}
	.menu li {
		float:none;
    		width: 100%;
    		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: 1.2em;
			line-height: 2em;
    		color: var(--highlight-color);
    		border: 1px solid var(--second-color);
    		padding: 0px 8px;
	}
	.menu .menu-item-has-children:hover::after {
		border: 1px solid var(--main-color);
	}
  	.menu li a {
    		max-width:75%;
  	}
  	.menu li:hover .sub-menu {
    		position: relative;
    		visibility: visible;
			width: 100%;
    		background: none;
			float:none;
  	}
  	.sub-menu .current-menu-item::before, .sub-menu .current_page_item::before {
		left: 0px;
  		margin-top: 6px;
   	}
	.sub-menu::before {
		display:none;
	}
	.archive main section > * {
		grid-column: 1/-1;
	}
	.nav-box {
		box-sizing:border-box;
		width:100%
	}
	.next img {
		float:left;
	}
	.next a p {
    		right: unset;
    		left: 145px!important;
    		text-align: left;
	}
	.rve iframe {
		margin: 1em auto;
	}
	.wp-block-column {
      		flex-basis: unset!important;
      		flex-grow: unset;
      		margin: 0 auto!important;
    	}
	/*.alignfull {
		width: calc(100% + 67.5%)!important;
	}*/
	.grid>header {
		grid-column:-1/8;
	}
	.grid>header h1 {
		color:#333;
	}
	.single .entrytext li {
    	font-size: 2.5vw!important;
    	line-height: 3.5vw!important;
	}
}
@media screen and (max-width: 425px) {
	.archive .teaser img, .category .teaser img, .search-results .teaser img {
		width: 100%;
		height: auto;
		float: none;
		margin: 10px auto;
	}
	section header {
		padding:0px;
	}
	.grid {
		display:table!important;
		width:100%;
	}
	.single .entrytext li {
		margin-left: 3em;
   		font-size: 4.25vw!important;
 	  	line-height: 7.5vw!important;
	}
	.rve iframe {
		width: 300px;
		height: auto;
		display: table;
	}
	/*.alignfull {
		width: calc(100% + 18.5%)!important;
    		display: table;
	}*/
	.entrytext p, .entrytext ul {
    		font-size: 4.45vw;
    		line-height: 7.25vw;
	}
	.social-share {
    		font-size: 5vw;
	}
	.social-share a {
		display: inline-block;
    	height: 36px;
    	width: 36px;
    	overflow: hidden;
	}
	.social-share span {
		margin: 6px 5px 10px 9px;
    	display: table;
    	float: left;
	}
}