/**
  Main Styling for Equaly Theme
  
  @see schema/{selected schema}/css folders for the 
  CSS color rules. This file will only has CSS Rules
  for positioning, font and layout.
  
  
  1. Header Elements
  2. Logo Elements
  3. Navigation Menu Elements
  4. Header Sticky Elements
  5. Headline Elements
  6. Slider Elements
  7. Sidebar Elements
  8. Main content Elements
  9. Footer Elements
  10. Full Footer Elements
  11. Post related elements
  12. Comments related elements
  13. Page not found page
  14. Pagination elements
  15. Table Elements
  16. Slick Nav elements
  17. Search Form Elements
  18. Form Elements

  **/
body {
  padding: 0 !important;
  font-size: 15px;
  font-family: Tahoma, Arial, Verdana, Serif;
  font-weight: 400;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow-x: hidden;
}

html {
  height: 100%;
  min-height: 100%;	
}

#page {
	overflow: hidden; /** Webkit fix **/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-family: "PT Sans", serif;
  font-weight: 500;
  line-height: 1.1;
}

img,
.btn,
i,
a {
  outline: 0 !important;
  transition: all ease-out .3s;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
}

a:hover {
	text-decoration: none;
}

.tight p {
	margin-bottom: 3px;
}

p {
	line-height: 160%;
	margin-bottom: 30px;
}

.clearboth {
  clear: both;
}

img {
	height: auto;
}

.area {
  padding: 10px 20px;
  position: relative;
}

/** HEADER **/
#header {
  z-index: 100;
  padding: 0 20px;
  min-height: 100px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}

#header .container {
  z-index: 100;
}

.wrapper-sticky {
	transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

.wrapper-sticky.sticky-active {
	opacity: 0.97;
}

/** 
  Logo, Site Title and site description styling
  **/
#logo {
  padding-top: 10px;
  padding-bottom: 10px;
}

.home-link {
  display: inline-block;
  margin-right: 15px;
  max-width: 100%;
}

.branding {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.site-title {
  font-size: 30px;
  line-height: 45px;
  margin: 0;
  font-weight: 800;
}

.site-description {
  font-size: 15px;
  line-height: 16px;
  margin: 0;
  font-weight: 400;
  font-style: italic;
}

/**
  Style for header main navigation and 
  its dropdown.
  **/
#navigation ul.nav {
  margin-bottom: 0;
}

#navigation ul.nav > li {
  min-height: 100px;
  height: 100px;
  vertical-align: middle;
  margin: 0 10px;
  padding: 28px 0 0;
  outline: 0;
}

#navigation ul.nav > li > a {
  vertical-align: middle;
  text-transform: uppercase;
  padding: 12px;
  font-size: 14px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  outline: 0;
  background: transparent;
  overflow: hidden;
  vertical-align: middle;
  
}

#navigation ul.nav > li > a:hover {
	margin-bottom: 0 !important;
}

#navigation ul.nav > li > a > .caret {
	display: none;
}



#navigation .nav-pills > li:hover > a,
#navigation .nav-pills > li > a:focus,
#navigation .nav-pills > li.active > a {
  outline: 0;
}

#navigation ul.nav ul {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  opacity: 0;
  margin-top: 20px;
  display: block !important;
  visibility: hidden;
}

#navigation ul.nav > li ul.dropdown-menu {
  border-radius: 4px;
  padding: 0 0 15px;
  border: 0;
}

#navigation ul.nav > li > ul.dropdown-menu:before {
	content: '';
	display: block;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: inherit;
  border-left-color: transparent;
  border-style: solid;
  border-width: 10px;
  margin: 0 0 0 12px;
  width: 10px;
  position: relative;
  top: -20px;
}

#navigation ul.nav > li ul.dropdown-menu ul.dropdown-menu {
  border-top: none;
  margin-left: 100%;
  box-shadow: 0 0 2px #eee;
  padding: 15px 0;
  top: 0;
}

#navigation ul.nav > li > ul.dropdown-menu a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 10px;
  padding: 8px 10px;
  font-size: 13px;
}

#navigation ul.nav > li ul.dropdown-menu li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#navigation ul.nav > li ul.dropdown-menu li:last-child a {
  border-bottom: none;
}

#navigation ul.nav > li > ul.dropdown-menu a:focus,
#navigation ul.nav > li > ul.dropdown-menu a:hover {
  border: none;
  border-radius: 4px;
  padding-left: 14px;
  padding-right: 6px
}

#navigation ul.nav > li li.menu-item-has-children > a {
  padding-right: 28px;
  position: relative;
}

#navigation ul.nav > li li.menu-item-has-children > a:after {
  content: "\f0da";
  display: block;
  font-family: fontawesome;
  top: 8px;
  right: 6px;
  position: absolute;
}

/** Hover state **/
#navigation ul.nav li.menu-item-has-children:hover > ul {
  opacity: 1;
  margin-top: -1px;
  visibility: visible;
}

#navigation ul.nav > li.menu-item-has-children:hover > a {
  outline: 0;
}

#header {
	border-left: none;
	border-right: none;
}

/** HEADER IN STICKY MODE **/
#header.sticky {
  min-height: 65px;
}

#header.sticky {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#header.sticky #navigation ul.nav > li {
  min-height: 55px;
  height: 55px;
  padding-top: 10px;
}

#header.sticky #navigation ul.nav > li a {
	font-size: 13px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}

#header.sticky #navigation ul.nav > li > ul.dropdown-menu {
	top: 110%;
}

#header.sticky #logo {
	padding: 0 15px;
}

#header.sticky #logo img {
	max-height: 36px;
	width: auto;
	max-width: auto;
	height: auto;
}

#header.sticky .site-description {
	display: none;
}

.wrapper-sticky {
  z-index: 120;
}

.admin-bar #header.sticky {
  top: 32px !important;
}

.sticky #header {
  height: 100%;
}

/** HEADLINE **/
#headline {
	height: 150px;
}

#headline .area {
	margin: 0;
}

#headline .headline-title {
  font-size: 36px;
  font-weight: normal;
  line-height: 38px;
  text-transform: none;
  margin: 0 0 10px;
}
#headline .headline-subtitle {
  font-size: 14px;
  font-style: normal;
  margin: 0;
}

#headline .headline-right {
	text-align: right;
}
#headline .headline-title > .fa {
  margin-bottom: 2px;
  margin-right: 5px;
  margin-top: 2px;
  vertical-align: text-top;
}

#headline .headline-right .headline-title {
	font-size: 20px;
	margin-right: 30px;
}

#headline .headline-right .headline-item-text {
  font-size: 13px;
  text-transform: none;
  font-style: normal;
  color: inherit;
  margin-top: 0;
}


/** SLIDER **/
#slider .container-fluid,
#slider-region.row {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
}

#slider .fullwidthbanner-container {
	width: 100% !important;
}


/** MAIN CONTENT **/
#maincontent {
	padding-top: 50px;
}

.template-page-visualcomposer #maincontent {
	padding-top: 0;
}

#content {
	padding-top: 20px;
	padding-bottom: 20px;
}

#page .with-sidebar-right {
	padding-right: 40px;
}

#page .with-sidebar-left {
  padding-left: 40px;
  float: right;
}



/** SIDEBAR **/
#sidebar {
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 150%;
}


/** CONTENT BOTTOM **/
#content-bottom {
	text-align: center;
	padding: 60px 20px;
}

/** FOOTERS **/
#footer {
	padding: 60px 20px 30px;
	line-height: 150%;
} 

#footer .widget {
  margin-bottom: 35px;
}

#footer .widgettitle {
	font-size: 19px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#footer .container,
#footer .row,
#footer .region,
#footer .widget,
#footer ul,
#footer .widgettitle,
#footer li {
	border-color: inherit;
}

#footer .region {
	padding-right: 20px;
}

#footer li {
	line-height: 160%;
	padding: 6px 0 7px;
}

#footer li:last-child {
	border-bottom: none;
}

#footer li:before {
	display: none;
}

#footer ul.inline > li {
	padding: 0 5px;
}

#fullfooter .row {
  padding: 0;
}

#fullfooter .row {
  min-height: 63px;
}

#fullfooter p {
  margin-bottom: 0;
}

#fullfooter .footer-menu {
	margin: 0;
	padding: 0;
}

#fullfooter .footer-menu li {
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 30px;
	padding: 0;
}


/**
  Post titles 
  **/
.post-section-title {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 40px;
}

/**
  Post Byline
  **/
.post-byline {
	margin-bottom: 30px;
}

.post-byline .meta {
	margin-right: 30px;
}

.post-byline .meta:last-child {
	margin-right: 0;
}

.post-byline .meta i {
	margin-right: 5px;
}


/**
  Post Tags
  **/
.post-tags {
  font-size: 13px;
  position: relative;
  top: -24px;
}
/**
  Post Thumbnail Image
  **/
figure.post-thumbnail,
div.post-thumbnail {
  margin-bottom: 30px;
  text-align: center;
}

figure.post-thumbnail img,
div.post-thumbnail img {
  margin: 0 auto;
  float: none;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  max-width: 100%;
}

/**
  Post Author
  **/
.post-author.well .diamond {
	margin: 10px 20px 10px 10px;
}


/**
  Post Social
  **/
.single #maincontent .post-social {
	margin-bottom: 80px;
	margin-top: 50px;
	padding: 10px 20px;
	border-radius: 6px;
}

.post-social ul {
  margin: 0;
  text-align: center;
  padding: 10px 0;
  display: inline;
}

ul.social-links .social-icon {
  padding: 0;
}

.post-social .post-social-text {
  float: right;
  font-weight: 600;
  margin-right: 30px;
  margin-top: 5px;
}

.post-social .faplus {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.post-social i {
  border-radius: 6px;
  display: block !important;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

#footer .post-social i {
  border-radius: 6px;
  display: block !important;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  width: 45px;
}

/** 
  Post section
  **/
.post-section {
  padding-bottom: 20px;
  margin-bottom: 40px;
}


/** Post teasers **/
.multiple {
  margin-bottom: 100px;
}

.multiple.sticky .post-title {
	margin-right: 40px;
}

.multiple.boxed,
.multiple.sticky {
	padding: 20px;
	border-width: 4px;
	border-style: solid;
	position: relative;
	border-radius: 6px;
}

.multiple.sticky:before {
  content: '';
  border-radius: 100%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  right: 12px;
}

.multiple.sticky:after {
	content: "\f0a2";
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
	font-family: fontawesome;
	position: absolute;
	top: 12px;
	right: 12px;
	animation: ring 8s 1s ease-in-out infinite;
  transform-origin: 50% 4px;
}

.post.multiple figure.post-thumbnail,
.post.multiple div.post-thumbnail {
  /**min-height: 266px; **/
  position: relative;
}

.post-teaser .post-title {
	margin-bottom: 10px;
}

.post-teaser .post-byline {
	font-size: 14px;
}

.post-teaser .post-byline i {
	font-size: 24px;
	vertical-align: middle;
	font-weight: normal;
}

.post-teaser .post-byline .meta {
  line-height: 24px;
}

.teaser-hover {
	position: relative;
}
.teaser-hover figure {
	overflow: hidden;
	border-radius: 6px;
}

.teaser-hover:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.teaser-hover .mask {
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
}

.teaser-hover:hover .mask {
  opacity: 1;
  text-align: center;
  vertical-align: middle;
}

.teaser-hover i {
	font-size: 40px;
	padding: 20px;
	border-radius: 60px;
	opacity: 0.8;
}

.teaser-hover:hover i.fa-search {
	margin-right: -10px;
}

.teaser-hover:hover i.fa-link {
	margin-left: -10px;
}

.teaser-hover .hover-title {
  font-weight: bold;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.teaser-hover:hover .hover-title {
	margin-top: 20px;
	font-weight: bold;
}


/**
  Comment entries
  **/
.comment ul.children {
  padding-left: 80px;
  margin-top: 40px;
}

.comment ul.children figure.post-thumbnail img,
.comment ul.children div.post-thumbnail img {
  width: 72px;
}

.comment .post-thumbnail img {
	border-radius: 50%;
}

.media-list .comment-wrapper {
  position: relative;
}

.media-list .comment-wrapper .reply-link {
  position: absolute;
  top: 0;
  right: 0;
}

.media-list .comment-wrapper .media-heading {
  margin-right: 80px;
  padding-bottom: 20px;
  padding-top: 12px;
}

.media-list .comment-wrapper > .pull-left {
  margin-right: 20px;
}

.media-list > .comment {
  margin-bottom: 60px;
}

.media-list > .comment:last-child {
  margin-bottom: 0;
}

.media-list > .children .comment {
	margin-bottom: 40px;
}


.bypostauthor > .comment-wrapper {
	padding: 20px;
	border-radius: 6px;
}

.bypostauthor > .comment-wrapper .reply-link {
  right: 20px;
  top: 20px;
}


/**
  Comment Form
  **/
.comment-author {
  font-size: 16px;
  margin-bottom: 15px;
}

.comment-author small {
  font-size: 12px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  float: left;
  width: 48%;
  clear: left;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 100%;
}

.comment-form-comment {
  margin-left: 52%;
}

.logged-in .comment-form-comment {
  margin-left: 0;
}

.form-allowed-tags {
  clear: both;
}

.form-allowed-tags code {
  font-size: 11px;
  line-height: 130%;
  margin: 10px 0;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-boz-sizing: border-box;
  display: block;
}

.post-comment #respond {
	padding: 20px;
	background: #e9e9e9;
	border-radius: 6px;
	margin-bottom: 20px;
}

.post-comment #respond:after {
	content: '';
	display: block;
	clear: both;
}


/** 404 PAGE **/
#page-not-found #content {
  text-align: center;
  padding: 40px 0;
}

#page-not-found .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
}

#page-not-found .not-found {
  font-size: 83px;
  font-weight: normal;
  padding: 150px 0;
  position: relative;
  background: transparent url(images/404-top.png) no-repeat top center;
}

#page-not-found .not-found:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background: transparent url(images/404-bottom.png) no-repeat bottom center;
  display: block;
  content: '';
}



/**
  Equal Heights
  **/
html.js .equalheightRow {
  overflow: hidden;
}

.equalheightRow .items {
  height: 100%;
}





/**
  Normal Pagination
  **/
.pagination > a,
.pagination ul > li > a, .pagination ul > li > span {
  float: left;
  margin-left: 7px;
  font-size: 17px;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  text-transform: uppercase;  
  border-radius: 6px;
  padding: 10px 14px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
}

.page-numbers {
  padding: 0;
}

/**
  Post pagination
  **/
.page-links {
	margin-bottom: 50px;
}
.page-links > a,
.page-links > span {
  display: inline-block;
  margin-left: 7px;
  font-size: 17px;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  text-transform: uppercase;  
  border-radius: 6px;
  padding: 10px 14px;
  line-height: 18px;
}

/**
  Mini Pager
  **/
.pager-mini {
  float: right;
  margin: 0;
  padding: 0;
}

.pager-mini li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: inline-block;
}

.pager-mini li a {
  width: 32px;
  height: 34px;
  display: inline-block;
  vertical-align: center;
  line-height: 32px;
  font-size: 24px;
  text-align: center;
}

.pagination {
  display: inline-block !important;
  width: 100%;
  clear: both;
}

/**
  Table
  **/
table > thead > tr > th {
  border-top-width: 1px;
  border-top-style: solid;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

table > thead > tr > th,
table > thead > tr > td {
  border-bottom-width: 2px;
}


/** SlickNav **/
.slicknav_nav {
  margin: 20px 0 20px;
  padding: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.slicknav_btn,
.slicknav_icon,
.slicknav_icon-bar {
  border-color: inherit;
}


.slicknav_menu > ul {
  border-width: 1px;
  border-style: solid;
}

.slicknav_menu .slicknav_nav > li {
  border-left-width: 4px;
  border-left-style: solid;
}


/**
  Search Form
  @see searchform.php
  **/
#searchbar {
  height: 90px;
}

.search-form {
  position: relative;
}

.search-form .search-field {
  padding: 10px 47px 10px 18px;
}

.search-form .search-submit {
  height: 38px;
  width: 47px;
  position: absolute;
  top: 3px;
  right: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 18px;
}


/**
  Contact Information
  **/
.contact-heading {
	margin-right: 10px;
}

.contact-text {
	margin-left: 10px;
}

.contact-rows > .faplus {
	margin-right: 20px;
}


/**
  NSU Form
  **/
.form-inline .nsu-form {
	margin: 0;
}
.form-inline .nsu-form p {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px;
}

.form-inline .nsu-form p:first-child {
	width: 70%;
  padding-right: 20px;
}

.form-inline .nsu-form p:last-child {
  width: 30%;
}


/**
  Vertical align
  **/
.vertical-center {
	padding-top: 0;
	padding-bottom: 0;
}


/**
  Slick Nav
  **/
.slicknav_btn {
  top: 27px;
}

.sticky-active .slicknav_btn {
	top: 8px;
}


/**
  Scroll top
  **/
#toTop {
  width: 34px;
}