html.wp-toolbar {
	padding:0;
	overflow: hidden;
}
body {
	font-family: "Helvetica Neue", Arial, sans-serif; 
	font-size: 1rem;
	line-height: 1.5;
	display: unset;
  /*display: inline-flex;
	flex-flow: row wrap; */
	min-height: 100vh;
	height: 100%;
	height: 100vh;
	/*flex-direction: row;*/
	margin: 0;
	width:100%;
}

body.js.is-fullscreen-mode {
	margin-top: 0;
	height: 100%;
}
body.js.is-fullscreen-mode #wpcontent {
	width: 100%;
}

body.js.is-fullscreen-mode .is-fullscreen-mode .interface-interface-skeleton,
body.js.is-fullscreen-mode .edit-post-layout {
	top: 15vh;
}

body::-webkit-scrollbar {
    width: 1em;
}

*, *::before, *::after {
    box-sizing: inherit;
    scrollbar-width: 1em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
  background-color: #4cc4d9;
  outline: 1px solid slategrey;
}
* {
  scrollbar-color: #4cc4d9 rgba(0,0,0,0.1);
}

/* ******* FLEX GRID AND COLUMNS ******* */
.flex-grid {
	display: flex;
		/* flex-direction: column; */
}
.flex-grid .col {
  flex: 1;
  display: flex;
  align-items: center; 
      max-width: 100%;
}
/* .col-1 {
} 
.col-2 {
} 
.col-3 {
} */

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-sm-6, .col-sm-12, .col-md-3, .col-md-4, .col-md-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px) {
	.col-sm-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media (min-width: 768px) {
	.col-md-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.col-md-4 {
		  -ms-flex: 0 0 33.3%;
	    flex: 0 0 33.3%;
	    max-width: 33.3%;
	}
	.col-md-6 {
		  -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.col-md-7 {
		  -ms-flex: 0 0 58%;
	    flex: 0 0 58%;
	    max-width: 58%;
	}
	.col-md-8 {
		  -ms-flex: 0 0 67%;
	    flex: 0 0 67%;
	    max-width: 67%;
	}
	.col-md-10 {
		  -ms-flex: 0 0 83%;
	    flex: 0 0 83%;
	    max-width: 83%;
	}
}

/* ***** FLEX GRID AND COLUMNS END ******* */

/* ******* HEADER *************** */
.page > header,
#wpcontent > header {
	position:fixed;
	width:100%;
	display:inline-block;
	flex: 0 0 100%;
	height: 11.5%;
	height: 11.5vh;
	padding-top: 0; /*1em;*/
	padding-bottom: 0; /*1em;*/
}
.page > header .col-2, 
#wpcontent > header .col-2 {
	justify-content: right;
}
.page > header .col-2 *, 
#wpcontent > header .col-2 * {
	padding-right:2%;
}
.page > header,
#wpcontent > header, footer {
	background-color: #00ABC9;
	/*min-height: 30%; */
	display: block;
	/* max-height: 40%; */
	width: 100%;
	padding-bottom: 0.5%;
	z-index:110;
}
footer {
	height: 0%;
	height: 0vh;
} 
.page > header h1, 
#wpcontent > header h1 {
	font-size:1.8em;
}
.page > header h2, 
#wpcontent > header h2, 
.page > header .subheading,
#wpcontent > header .subheading {
	color: #ffffff;
	margin-bottom: 0;
	font-size: 1.2rem;
	padding-top: 0.4rem;
	font-weight: bold;
}
.page > header .top, 
#wpcontent > header .top {
	height:100%;
	width:100%;
}
.page > header .top .logo,
#wpcontent > header .top .logo {
	background-image:url(https://ipsodeckso.com/members/wp-content/uploads/IPSO_PreppedBarBlue.png);
	background-repeat: no-repeat;
	background-size: 55%;
    background-position: left center;
    /* vertical-align: middle; */
    /* justify-items: center; */
    height: 100%;
    /* line-height: 360%; */
    width: 100%;
    /*float: left; */
    /* margin-right: 5%; */
    margin-top: 1%;
    /* margin-bottom: 5%; */
}
.page > header .top nav,
#wpcontent > header .top nav, 
.page > header .top nav div,
#wpcontent > header .top nav div {
	height:100%;
	float:right;
	width: 60%;
	margin-right: 15%;
}
.page > header nav ul,
#wpcontent > header nav ul, footer nav ul {
	text-align: right;
	margin:0;
	padding:0;
	height:100%;
}
.page > header nav ul li,
#wpcontent > header nav ul li, footer nav ul li {
	display:inline-table;
	list-style-type: none;
	width:auto;
	margin-right: 25px;
	text-align: left;
	height:100%;
}
.page > header nav ul li a,
#wpcontent > header nav ul li a, 
footer nav ul li a, 
.page > header nav ul li a:visited,
#wpcontent > header nav ul li a:visited, footer nav ul li a:visited {
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color:#ffffff;
	height:100%;
	display:table-cell;
	vertical-align: middle;
}
.inner {
padding-top: 0;
padding-bottom: 0;
  height: auto;
  width:100%;
 	padding-left: 4%;
  padding-left: 4vw;
  padding-right: 4%;
	padding-right: 4vw;
}
.page > header > .inner,
#wpcontent > header > .inner, footer > .inner {
	/*padding-left: 0; */
	/*padding-left: 17vw;*/
	padding-right: 0;
 	height: 100%;
 	float: left;
}

/** OFFSET FOR FRONTEND DASHBOARD VS BACKEND **/
.page > header  .inner h1,
#wpcontent > header .inner h1, 
.page > header  .inner h2, 
#wpcontent > header .inner h2, 
.page > header .inner .subheading, 
#wpcontent > header .inner .subheading {
 	margin: 0;
 	line-height: 3rem;
}
footer .inner {
 	padding-top: 0;
 	padding-bottom: 0;
}
footer .footer-one {
	width: 20%;
}
/* ******* END HEADER ****** */