/*
 Theme Name:   Enfold Child
 Theme URI:    http://www.chesterarchaeolsoc.org.uk/enfold-child/
 Description:  Enfold Child Theme
 Author:       Informatics Centre
 Author URI:   http://www.informaticscentre.co.uk/
 Template:     enfold
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  enfold-child
*/

.helvetica-neue-websave {
  font-family: "Bookman Old Style", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.logo, .logo a {
  overflow: visible;
}

h2, h3 {
  font-family: Helvetica, Arial, sans-serif;
}

footer {
  font-family: Helvetica, Arial, sans-serif;  
  margin-top: 80px !important;
}

footer#socket {
  font-size: 14px;
}

.copyright a:nth-child(2) {
  display: none;
}

h3 {
  margin-top:50px !important;
}

.html_header_top.html_header_sticky #main {
  margin-top: 0;
  padding-top: 178px !important;
}

.container_wrap.title_container {
  border: none;
}

.content, .sidebar {
  padding: 0;
}

.av-special-heading {
  margin-top: 0;
}

.template-blog .post_delimiter {
  padding:0;
}

nav {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}

.main_color strong, .main_color b {
  color: #454545;
}

/* blog paragraph */
article .entry-content p {
  font-size:18px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
  margin:0;
  max-width: 100% !important;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
  max-width: 100% !important;
  text-align: left;
}

#top .fullsize .template-blog .post .entry-content-header h2 {
  text-align: left !important;
  max-width:100%;
}

#top .fullsize .template-blog .post .entry-content-wrapper footer {
  margin-top:0px !important;
}

.small-delimiter .post_delimiter {
  display:none;
}

.author .entry-content {
    display: none;
}

.juicer-feed h1 {
   display: none !important;
}

.feed-item {
  margin-bottom: 0 !important;
  border: none !important;
}

.j-social:hover, .heart:hover, .retweets:hover {
  color: #1270a6 !important;
}

.juicer-button {
  border-color: #1270a6 !important;
  color: #1270a6 !important;
  text-transform: initial !important;
}

.juicer-button:hover {
  background-color: #1270a6 !important;
  border-color: #1270a6 !important;
  color: #ffffff !important;
}

.juicer-feed ul.j-filters li {
  background: none !important;
  border-bottom: 2px solid white;
  margin: 5px;
  padding: 10px 5px !important;
  width: 44%;
  display: inline-block;
  letter-spacing: 0 !important;
}

.juicer-feed ul.j-filters li:nth-child(3) {
  display: none !important;
}

.juicer-feed ul.j-filters li::before {
  min-width: 10px !important;
  display: inline-block;
}

.juicer-feed ul.j-filters li::after {
  display: none !important;
}

.juicer-feed ul.j-filters li.facebook:hover, .juicer-feed ul.j-filters li.facebook.highlight {
  border-bottom: 2px solid #3B5998;
}

.juicer-feed ul.j-filters li.twitter:hover, .juicer-feed ul.j-filters li.twitter.highlight {
  border-bottom: 2px solid #55ACEE;
}

.juicer-feed ul.j-filters li.j-facebook {
  color: #3B5998 !important;
}

.juicer-feed ul.j-filters li.j-twitter {
  color: #55ACEE !important;
}

.j-message {
  font-family: "Bookman Old Style", serif !important;
  font-size: 14px !important;
  line-height: 1.5em !important;
}

.j-message a {
  font-weight: normal !important;
  color: #1270a6 !important;
}

.j-message a:hover {
  color: #1270a6 !important;
  text-decoration: underline !important;
}

.pagination-meta {
  display: none !important;
}

.pagination .current, .pagination a {
  background: none !important;
  border: 1px solid #1270a6;
  color: #1270a6 !important;
  font-weight: bold !important;
  margin-right: 6px !important;
}

.pagination a:hover, .pagination .current {
  background-color: #1270a6 !important;
  color: white !important;
}

@media only screen and (max-width: 767px) {
  .responsive #top #main {
    padding-top: 66px !important;
  }

  #background-left, #background-right {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .juicer-feed ul.j-filters li {
    display: block;
    width: 100%;
  }
}

.phone-info, .phone-info>span {
  display: block;
  font-family: Helvetica, Arial, san-serif;
  font-weight: normal;
  text-align: left;
  width: 100%;
}

.phone-info>span {
  line-height: 20px;
}

.phone-info>span>span:last-child {
  float: left;
  line-height: 20px;
}

#main {
  margin-top: 60px;
}

.header_bg {
  display: none;
}

#header_meta {
  z-index: 0 !important;
}

.menu-item:hover {
  cursor: pointer !important;
}

.btn, input[type=submit] {
  background: transparent !important;
  border-color: #1270a6 !important;
  color: #1270a6 !important;
  font-family: Helvetica, serif;
  display: inline-block;
  padding: 5px 15px;
  border: 2px solid #1270a6 !important;
  color: #1270a6;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  min-width: 150px;

  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

input[type=submit] {
  font-size: 16px;
}

.btn:hover, input[type=submit]:hover {
  background-color: #1270a6 !important;
  border-color: #1270a6 !important;
  color: white !important;
  text-decoration: none;
}

.post-password-form {
  margin: 0 auto;
  width: 50%;
}

.logout {
  float: right;
}

#header {
  background: #000;
}

nav li a {
  border: none !important;
}

.avia-menu-text {
  padding: 10px;
}

nav a .avia-menu-text {
  border-bottom: 2px solid #000;
}

nav a .avia-menu-text:hover {
  border-bottom: 2px solid #fff;
}

.av-main-nav > li > a { 
  padding: 0 5px;
}

.sub-menu li a {
  padding: 0 !important;
}

.sub-menu li a, .sub-menu li a .avia-menu-text {
  width: 100%;
  display: block;
}

.sub-menu li a .avia-menu-text {
  padding: 10px 15px;
}

.av-main-nav > li > a {
  font-weight: normal;
}

.av-masonry-gallery {
  margin-top: -60px;
  margin-bottom: 60px;
  background: none !important;
}

#main { 
  background: none;
}

#main > div {
  border: none !important;
}

header {
  font-size: 14px;
}

header a {
  color: #fff;
}

header > .container > div {
  display: inline-block;
  margin: 15px 20px 15px 0;
  vertical-align: top;
}

header > .container > div li a {
  border-bottom: 2px solid #000;
  text-decoration: none;
  width: 100% !important;
  display: block;
  line-height: 1.5em;
}

header > .container > div li a:hover {
  border-bottom: 2px solid #fff;
}

header > .container > div:first-child {
  margin-left: 0;
}

header > .container > div:last-child {
  margin-right: 0;
}

header ul {
  margin-bottom: 0;
}

.current-menu-item {
  font-weight: bold;
}

header div .logo {
  float: left !important;
  position: initial !important;
  width: auto;
  height: 110px;
}

header div .logo .logo {
  width: 100%;
}

header .info {
  background-color: #eeeeee;
}

header.header_color .phone-info {
  color: #454545 !important;
}

header .phone-info {
  width: 100%;
}

header .top-menu ul {
  text-align: left;
}

header .top-menu ul li {
  display: inline-block;
}

header .top-menu ul li a, header .top-menu ul li a:hover {
  color: #454545;
  font-family: Helvetica, Arial, san-serif;
  font-size: 11px;
  text-decoration: none;
}

header .banner img {
  width: 100%;
  margin-bottom: -10px;
}

.tml-login {
  margin: 0 auto;
}

input[type=text], input[type=password], textarea {
  border-color: #f8f8f8 !important;
  background-color: #f8f8f8 !important;
}

.avia-slideshow-inner {
  height: 300px !important;
}

.avia-slideshow {
  max-height: 300px !important;
}

#background-left, #background-right {
  position: absolute;
  height: 100%;
  top: 600px;
  width: 100%;
}

#background-left {
  background: url('/wp-content/uploads/2019/03/background-left.jpg') left top no-repeat;
  background-size: 15%;
}

#background-right {
  background: url('/wp-content/uploads/2019/03/background-right.jpg') right top no-repeat;
  background-size: 15%;
}

.container_wrap_first {
  min-height: 450px;
}

.menus {
  float: right !important;
}

.menus div {
  float: left;
  margin-right: 10px;
}

.menus .switch {
  display: none;
}

.logo-wrapper {
  margin: 0 !important;
  width: calc(100% - 500px) !important;
}

.logo, .logo img {
  width: 100%;
  height: auto !important;
}

.logo img {
  max-width: 350px;
  margin-top: 12px;
}

@media (max-width: 1199px) {
  .logo-wrapper {
    width: 100% !important;
  }

  .logo, .logo img {
    width: auto !important;
    height: auto !important; 
  }

   .logo {
    margin: 0 25% 0 25% !important;
  }


  .menus {
    float: none !important;
    margin: 20px 10% !important;
  }
}

/* Larger than mobile */
@media (max-width: 999px) {
  .responsive #top .logo {
    margin: 0 !important;
    width: 100%;
  }

  .responsive .logo img {
    max-width: 100%;
    height: auto;
    display: block;
    width: 50%;
    margin: 20px 25% 20px 20%;
  }

  .menus {
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
  }

  .menus div {
    float: none !important;
    width: 100% !important;
  }

  .menus a {
    font-size: 12px !important;
    padding: 5px 0;
  }

  .menus .switch {
    border: none;
    font-size: 18px !important;
    display: block;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
  }

  .menus .switch span {
    float: right;
  }

  .menus .switch:active, .menus .switch:focus {
    border: none !important;
  }

  .phone-info {
    font-size: 12px !important;
  }

  .phone-info a {
    color: #454545 !important;
  }

  .responsive .phone-info span {
    text-align: left !important;
  }

  header > .container > div li a {
    font-size: 18px !important;
  }

  .menu {
    margin-left: 0 !important;
  }

  .metaslider {
    display: none;
  }

  h1.av-special-heading-tag {
    margin-top: 0 !important;
  }

  .av-special-heading-h2 { 
    padding: 0 !important;
  }
}

@media (max-width: 900px) {
   .responsive .logo img {
    margin: 20px 25% 20px 10%;
  }
}

@media (max-width: 766px) {
   .responsive .logo img {
    margin: 20px 25% 20px 25%;
  }
}

@media (min-width: 998px) and (max-width: 1198px) {
  .logo-wrapper {
    height: 110px;
  }
}