/**
 * This is the place where SG Dark starts
 */

.responsive-menus.responsified span.toggler {
  background:none;
  box-shadow:none;
  text-align:left;
  font-size:2em;
  padding:20px 2px 52px 30px
}

.responsive-menus.responsified span.toggler {
  background:url(../images/menuBtn.png) no-repeat scroll 20px 20px rgba(0, 0, 0, 0)
}

@media screen and (max-width: 960px) {
  .header__site-link {
    background: url("../images/mobileHeaderLogo.png") no-repeat scroll center top / contain rgba(0, 0, 0, 0);
    height: 0;
    left: 20%;
    max-width: 308px;
    overflow: hidden;
    padding-top: 56px;
    position: absolute;
    top: 8px;
    width: 80%;
    z-index: 100000;
  }

  #navigation {
    background:url(../images/mobileHeaderBG.png) top center no-repeat;
	height: 70px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  #main {
    padding-top: 80px;
  }
}

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

  .articleAuthorCat.postMetaRight::before, .blogTitle h2::before {
    display:none
  }

  .sectionTitle.blogTitle h2 {
    color: #fff;
    float: left;
    font-size: 0.7em;
    margin: 0 4px 0 0;
  }
  
  .flexslider .slides {
    max-height: inherit;
  }

  .slideDesc {
    position: relative;
	width:100%;
	margin:0 auto
  }
  
  .slideDesc h1 {
    font-size:1.75em;
	padding:0px 0px 5px;
    width:100%;
	max-width: 100%;
  }
  .slideDesc p {
    font-size:.9em;
	margin:0;
    width:100%;
	max-width: 100%;
  }
  
  .flex-control-thumbs {display:none}


.flexslider .flex-direction-nav a {
    display: block;
    margin: -165px 0 0;
    opacity: 1;
    text-shadow: inherit;
    transition: inherit;
}

 .flex-direction-nav .flex-prev {
  left: -6px;
 }
 
 .flexslider:hover .flex-prev {
  left: -6px;
 }
 
 .flex-direction-nav .flex-next {
  right: -6px;
 }
 
 .flexslider:hover .flex-next {
  right: -6px;
 }
}

@media screen and (max-width: 640px) {
  
 .field-name-field-featured-image .field-item,
 .field-name-field-cover-photo .field-item,
 .view-banner-graphic > div {
  min-height:inherit;
  background:none
 }
  
  #mini-panel-site_footer .panel-col-first, #mini-panel-site_footer .panel-col {
   width:49%;
   text-align:center
  }
  #mini-panel-site_footer .panel-col-last {
   width:100%
  }

  .footerWrap .menu li {
    float: none;
    margin: 0 auto;
  }
  
  .panel-2col-stacked .panel-col-first, .panel-2col-stacked .panel-col-last {
    padding: 0;
    width: 100%;
  }
  
  .footerWrap h2 {
    font-size:1.2em
  }

  .articleMetaInfo, .pane-article-meta {
    bottom: inherit;
    margin: 0 auto;
    max-height: inherit;
    overflow: visible;
    padding: 10px;
    position: relative;
  }

  .node-type-article h1, .articleMetaInfo h1, .pane-article-meta h1 {
    font-size: 1.8em;
    line-height: 1em;
  }
  .articleAuthorCat {
    font-size: 1em;
  }

  .shareChatHead {
    display:None
  }
  .pane-widgets-s-post-share-buttons {
    margin: 0 auto;
	max-width: 90%;
  }
  
  .panel-col-bottom {
    padding: 0;
  }
  
  .pane-banner-graphic h2 {
    font-size: 2em;
	position:relative;
	text-align:center;
	left:inherit
  }
}