
#wpadminbar ul {
    background: 0 0;
    clear: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: 0;
    z-index: 99999;
    float: right;
    padding-right: 10px;
}
  
@media only screen and (max-width:1366px) {  
  #main .sidebar {
    width:100% !important;
    
    }
  }

div.nocheck {
  background: #382789;
  padding-left: 25px;
  margin-bottom: 25px;
  padding-top: 27px;
  padding-bottom: 3px;
}

#wrapper .post-content h2, #wrapper .fusion-title h2 {
  line-height: 36px !important;
}

h2 {
  margin-top: 0em;
  margin-bottom: 0.6em;
}

@media only screen and (max-width:400px) {
#sliders-container {
  display: none !important;
}
}

.ignitiondeck form .form-row select {
  color: #989898;
}

/* pretty dropdown boxes for id */
.ignitiondeck form .form-row .idc-dropdown__select, .ignitiondeck form .form-row.pretty_dropdown select {
  padding: 4px !important;
  margin: 0;
  text-indent: 0;
}
/* end pretty dropdown boxes for id */

/* make sidebar widget video pretty */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* end make sidebar widget video pretty */

/* fix typeface in header */
.fusion-main-menu > ul > li > a {
  border-top: 3px solid transparent;
  height: 83px;
  line-height: 83px;
  font-family: 'permiansanstypefaceregular', Arial, Helvetica, sans-serif !important;
  font-weight: 400;
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 0px;
}

.fusion-main-menu .fusion-main-menu-search a {
  font-family: 'icomoon' !important;
  cursor: pointer;
}
/* end fix typeface in header */

/* fix blog image width on single posts 
.fusion-flexslider .slides img {
  display: block;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
/* end fix blog image width on single posts 

.page-id-4368 .fusion-flexslider .slides img {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
*/

/* fix logo width */
.fusion-logo img {
  width: auto;
  max-width: 150px;
}
/* end fix logo width */

/* fix logo alignment*/
@media only screen and (max-width: 800px) {
.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo, .fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-logo, .fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-logo, .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo a, .fusion-mobile-menu-design-classic.fusion-header-v2 .fusion-logo a, .fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-logo a {
  float: none;
  text-align: center;
  margin: auto !important;
}
}
/* end fix logo alignment*/

/* adjust submenu alignment */
.fusion-open-submenu {
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
}
/* end adjust submenu alignment */

/* roadmap css */
h3.noborder {
  border: 0;
  margin-top: -10px;
  margin-bottom: 10px;
  text-transform: inherit;
}

h3.features {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0 !important;
  text-transform: uppercase;
  color: #FFFFFF;
}

hr.dashed {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px dashed #343A6A;
}

div.bluehead {
  background: #382789;
  padding-left: 25px;
  margin-bottom: 25px;
  padding-top: 5px;
  padding-bottom: 3px;
}

div.pink {
  background: #95225a;
  padding-top: 1px;
  padding-bottom: 10px;
}

div.blue {
  background: #382789;
  padding-top: 1px;
  padding-bottom: 10px;
}

p.box {
  margin: 0 0 10px;
  color: white;
}

.pink {
  background-color: #95225a;
  width: 100%;
  color: white;
  border: 0;
  border-radius: 0;
  padding: 10px 12px;
  text-shadow: none;
}

.dblue {
  background-color: #382789;
  width: 100%;
  color: white;
  border: 0;
  border-radius: 0;
  padding: 10px 12px;
  text-shadow: none;
}

.pink {
  background-color: #95225a;
  width: 88%;
  color: white;
  border: 0;
  border-radius: 0;
  padding: 10px 12px;
  text-shadow: none;
  background-image: none;
}

.lpink {
  background-color: #DA3585;
  width: 88%;
  color: white;
  border: 0;
  border-radius: 0;
  padding: 10px 12px;
  text-shadow: none;
  background-image: none;
}

.dblue {
  background-color: #382789;
  width: 88%;
  color: white;
  border: 0;
  border-radius: 0;
  padding: 10px 12px;
  text-shadow: none;
  background-image: none;
}
/* end roadmap css */

/* beautify toggles */
.wi-toggle .toggle-title {
  text-transform: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 16px;
  margin: 0;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
  font-family: "permiansanstypefaceregular", sans-serif;
  letter-spacing: 1px;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* end beautify toggles */

/* font families */
@font-face {
    font-family: 'permiansanstypefaceregular';
    src: url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-webfont.eot');
    src: url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-webfont.woff') format('woff'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-webfont.ttf') format('truetype'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-webfont.svg#permiansanstypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'permiansanstypefaceregularitalic';
    src: url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Italic-webfont.eot');
    src: url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Italic-webfont.woff') format('woff'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Italic-webfont.ttf') format('truetype'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Italic-webfont.svg#permiansanstypefaceregular') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'permiansanstypefaceregular';
    src: url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Bold-webfont.eot');
    src: url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Bold-webfont.woff') format('woff'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Bold-webfont.ttf') format('truetype'),
         url('http://shardsonline.com/wp-content/fonts/PermianSansTypeface-Bold-webfont.svg#permiansanstypefaceregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'permianslabseriftypefaceRg';
    src: url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-webfont.eot');
    src: url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-webfont.woff2') format('woff2'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-webfont.woff') format('woff'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-webfont.ttf') format('truetype'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-webfont.svg#permianslabseriftypefaceRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'permianslabseriftypefacebold';
    src: url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-bold-webfont.eot');
    src: url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-bold-webfont.woff2') format('woff2'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-bold-webfont.woff') format('woff'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-bold-webfont.ttf') format('truetype'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-bold-webfont.svg#permianslabseriftypefaceRg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'permianslabseriftypefaceitalic';
    src: url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-italic-webfont.eot');
    src: url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-italic-webfont.woff2') format('woff2'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-italic-webfont.woff') format('woff'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-italic-webfont.ttf') format('truetype'),
         url('http://shardsonline.com/wp-content/fonts/permianslabseriftypeface-italic-webfont.svg#permianslabseriftypefaceRg') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* end font families */

/* set fonts for p, headers */
p {
  font-family: 'permiansanstypefaceregular' !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'permianslabseriftypefacebold' !important;
  color:#7379C7;
}
/* end set fonts for p, headers */

/* homepage only pull up content to overlap revolution slider */
@media only screen and (min-width:800px) { 
.page-id-4368 #main {
  margin-top: -100px;
  z-index: 9999;
  position: relative;
  background-repeat: repeat;
  padding-top: 55px;
  padding-bottom: 40px;
}
}
/* end homepage only pull up content to overlap revolution slider */

/* transparent backgrounds on content boxes -- development roadmap */
.page-id-2812 .fusion-one-third, .page-id-2812 .fusion-one-half, .page-id-2812 .fusion-one-fourth, .page-id-2812 .fusion-two-third, .page-id-2812 .fusion-one-fifth, .page-id-2812 .fusion-two-fifth, .page-id-2812 .fusion-four-fifth, .page-id-2812 .fusion-three-fifth, .page-id-2812 .fusion-one-full {
 background:transparent !important;
}
/* end transparent backgrounds on content boxes -- development roadmap */

/* adjust opacity on content boxes */
.fusion-one-third, .fusion-one-half, .fusion-one-fourth, .fusion-two-third, .fusion-one-fifth, .fusion-two-fifth, .fusion-four-fifth, .fusion-three-fifth, .fusion-one-full, .sidebar .widget {
  margin-top: 0px;
  margin-bottom: 20px;
  background: rgba(0,0,0,0.7);
  padding: 5px 20px 20px 20px;
}
  
  .fusion-one-full {
  margin-top: 0px;
  margin-bottom: 20px;
  background: rgba(0,0,0,0.7);
  padding: 20px 20px 20px 20px;
}
/* end adjust opacity on content boxes */

/* remove border from content area */
.avada-skin-rev {
  border-top: 0px !important;
  border-bottom: 0px !important;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* end remove border from content area */

/* header to 100% */
.fusion-header-wrapper .fusion-row {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100% !important;
}
/* end header to 100% */

/* revolution slider font-family, size, color change */
.tp-caption.avada_big_black_text, .avada_big_black_text {
  position: absolute;
  color: white !important;
  font-size: 42px;
  line-height: 45px;
  font-family: 'permianslabseriftypefacebold', serif !important;
  text-align: center;
  text-shadow: black 1px 1px 9px;
}
/* end revolution slider font-family, size, color change */

/* change background color for footer */
.fusion-footer-widget-area {
  background-color: rgba(0,0,0,0.5);
}
/* end change background color for footer */

#main .sidebar {
  background-color: transparent !important;
  padding: 0px !important;
  width:32% !important;
}

/* subscribe button color, font, shape, size */
.subButton {
  background: #a63468 url(images/submit_arrow.png) no-repeat 100% 18px;
  height: 42px;
  margin: 0;
  padding: 0 36px 0 36px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.7);
  font-family: 'permiansanstypefaceregular', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  text-transform: uppercase;
  color: #fff;
  margin-top: 20px;
}
/* end subscribe button color, font, shape, size */

/* sidebar widget headers */
.fusion-title h1.title-heading-left {
  padding-right: 8px;
  padding-bottom: 15px;
}

.textwidget h1 {
  font-family: 'permianslabseriftypefacebold' !important;
  color: #7379C7;
  line-height: 35px;
}

.sidebar .widget h3, .sidebar .widget .heading h3 {
  font-family: 'permianslabseriftypefacebold' !important;
  color: #7379C7 !important;
  line-height: 35px;
  font-size: 22px;
  text-align:center;
}
/* end sidebar widget headers */

/* all that mobile jazz */
@media only screen and (max-width: 800px) {
.fusion-header-wrapper .fusion-header, .fusion-header-wrapper #side-header, .fusion-header-wrapper .fusion-secondary-main-menu {
  background-color: #000000 !important;
}
}



@media only screen and (min-width:1400px) {  
.mobilefront {
  display:none;
  }
}

.fusion-mobile-selector {
  background-color: #3e3e3e;
  border-color: #212122;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  color: #FFFFFF !important;
}

.fusion-selector-down:before, .rtl .fusion-selector-down:before {
  color: #FFFFFF !important;
}

.fusion-mobile-nav-item a {
  color: #FFFFFF !important;
  font-size: 12px;
  background-color: #3e3e3e;
  border-color: #212122;
  height: 35px;
  line-height: 35px;
}
/* end all that mobile jazz */
