/*
Theme Name: Hickshynson Child
Theme URI: http://wordpress.cospo.itembridge.com/
Author: InfoStyle
Author URI: http://themeforest.net/user/InfoStyle
Description: Cospo responsive theme
Template: hickshynson
Version: 1.0.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular-extended
Text Domain: hickshynson
*/
/*@import url('../hickshynson/style.css');*/
/* ===================== General ===================== */

body {
  letter-spacing: 0;
}
.large p,
.large li {
  font-size: 1.20em;
  line-height: 1.4;
}

.header.style-1 .logo-wrap {
  padding: 9px 70px 9px 40px;
}

.logo-wrap img {
  width: 257px;
}

ul.inline li{
  display: inline-block;
  list-style: none;
}

.topbar{
  text-align: right;
  padding: 3px 30px;
  background: #000;
}
.topbar ul.inline{
  margin: 0;
  display: inline-block;
}

.topbar ul.inline li a{
  padding: 0 10px;
  font-size: 12px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.hicks-events-wrapper .date-time-wrapper p{
  font-size: 28px;
  font-weight: 700;
  color: #ae9e6c;
  margin-bottom: 13px;
}
.hicks-events-wrapper .content{
  padding: 15px 0;
  font-size: 23px;
  color: #fff;
}

.icons-box .icons-item .icons-box-title > a:hover {
  color: #af9f6c;
}

.icons-box .icons-item .icons-box-title {
  font-weight: 700;
  line-height: 1.3;
}

.icons-box .icons-item .icons-box-title a {
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.icons-box .icons-item .icons-box-title a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 3px;
  background: hsl(46deg 30% 90%);
  display: block;
  width: 25%;
  z-index: -1;
}

.accordion.style-2 .a-title {
  font-weight: 700;
}

.accordion.style-2 .accordion-item:first-child .a-title {
  padding-top: 16px;
}

.page-content {
    padding: 40px 0 0;
}

.custom-list li {
  padding-left: 40px;
}

.custom-list li > span {
  position: absolute;
  left: 0;
  top: 6px;
}

.child-members_list:hover > li > a {
  color: #999;
}

.child-members_list:hover > li:before {
  background: #999;
}

.child-members_list:hover > li:hover > a {
  color: #000;
  border-bottom: 1px solid #ae9e6c;
}

.child-members_list:hover > li:hover:before {
  background: #000;
}


.child-members_list li {
  position: relative;
  list-style: none;
  padding: 4px 0 4px 30px;
}

.child-members_list li.location {
  padding-left: 0;
}

.child-members_list li.location:first-child h3{
  margin-top: 8px;
}

.child-members_list li.location h3 {
  margin-top: 24px;
  margin-bottom: 5px;
  font-size: 23px;
  color: rgb(175 159 109);
}

.child-members_list li.location h3 i {
  font-size: 20px;
}

.child-members_list li.location:before {
  content: none;
}

.child-members_list li:before {
  content: '';
  width: 20px;
  position: absolute;
  height: 1px;
  background: #000;
  left: 0;
  top: calc(50% + 1px);
}

.child-members_list > li > a {
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.child-members_list li:hover .team-item{
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.child-members_list li .team-item {
  -o-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  right: calc(100% + 20px);
  top: 100%;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 350px;
  height: auto;
  text-align: center;
  -webkit-box-shadow: 0 0 60px 2px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 60px 2px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 60px 2px rgba(0,0,0,0.10);
  box-shadow: 0 0 60px 2px rgba(0,0,0,0.10);
  background: #fff;
  visibility: hidden;
  overflow: hidden;
  z-index: 1;
}

.child-members_list li .team-item .member-info p {
  font-size: 0.85em;
  line-height: 1.5;
}


.child-members_list li .team-item:after {
  content: '';
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  position: absolute;
  left: 100%;
  top: calc(50% - 27px);
}

.child-members_list li .team-item .team-member {
  padding-left: 0;
  padding: 15px 15px 30px;
}

.child-members_list li .team-item .team-member img {
  padding: 15px;
  border-radius: 100px;
}
    

.tabs .tabs-nav > li a.active {
  background: #af9f6d;
}

.profile-page .page-nav,
.tabs .tabs-nav {
  display: none;
}

.page-header.team-members-style-2:after {
  background: #fff;
  display: none;
}

.profile-section .profile-content .social-icons > * {
  margin: 0;
  border: 0px solid #fff;
  color: rgb(255 255 255 / 56%);
  font-size: 17px;
}

.profile-section .profile-content .social-icons > *:hover {
    background: transparent;
    color: #fff;
}

.profile-content .our-info.style-2 > p,
.profile-content .our-info.style-2 > p a.custom-link,
.our-info.style-2 > p i {
  color: rgb(255 255 255 / 56%);
}

.breadcrumbs-wrap.style-3 .page-title {
  color: rgb(175 159 109);
}

.page-header.team-members-style-2 .breadcrumbs-wrap.style-3 {
  position: relative;
}

.page-header.team-members-style-2 .breadcrumbs-wrap.style-3:before {
  content: '';
  background: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.profile-section .profile-content .prof-inner {
    padding: 0 0 43px 28px;
}

.profile-page .profile-tabs .tabs-content {
  height: auto !important;
}

.profile-page .profile-tabs .tabs-content .tab.active {
  position: relative !important;
}

.accordion:not(.style-2) .a-title {
  background: #f6f4ef;
  padding-left: 28px;
  font-size: 24px;
  font-family: Frank Ruhl Libre;
  font-weight: 700;
}

.accordion:not(.style-2) .a-title.active {
  background: rgb(175 159 109);
}

.entry .label .post-icon.standard {
  display: none;
}

blockquote p, .blockquote-holder blockquote {
    line-height: 1.3;
    letter-spacing: 0;
} 

.blockquote-holder {
  border-left: 5px solid #af9f6d;
}

.blockquote-holder blockquote {
  border-width: 0;
  padding: 0;
}

blockquote {
  padding-left: 15px;
  border-left: 5px solid #af9f6d;
}

p:not(:last-child) {
    margin-bottom: 1em;
}

img.alignleft, img.alignright {
    border: 5px solid #ffffff;
    border-width: 0 5px 5px 0;
    box-shadow: 2px 2px #af9f6d;
}

img.alignright {
  border-width: 0 0 5px 5px;
  box-shadow: -2px 2px #af9f6d;
}

.entry .thumbnail-attachment img{
  width: 100%;
}

.comments-list .children {
    margin-left: 30px;
}

.entry .label .title {
    background: #3f3f3f;
}

.entry .entry-body .label {
  border-width: 0;
  min-width: 133px;
}

.entry .label .date {
  padding: 0;
}

.entry .label .date > .month {
    font-size: 14px;
    color: #af9f6d;
    text-align: right;
    padding: 2px 0;
}

.entry .entry-title a {
  color: #000;
}

.entry .entry-title a:hover {
  color: #af9f6d;
}

.entry .entry-title a:focus {
  text-decoration: underline;
}

.tooltips a {
  color: #000;
  font-weight: 500;
}

.tooltips a.info-btn.with-icon > i {
  color: #000;
}

.breadcrumbs-wrap {
  background-color: #dbd3bd;
}

.pagination {
    margin: -2px -2px 50px;
}

.pagination > li.active > a, .pagination > li:hover > a {
  box-shadow: none;
}

#comments {
  margin-bottom: 50px;
  background: hsl(45deg 38% 97%);
  padding: 20px;
}

#comments h3 {
  margin: -20px -20px 32px;
  padding: 0 0 10px;
  background: #fff;
}

.comment-form .form-submit #submit {
  background: #af9f6d;
}

.comments-list .comment {
  border-top: 1px solid hsl(45deg 38% 89%);
}

.single .site-main .post-item {
  margin-bottom: 0;
  border-width: 0;
}

.entries-nav {
    margin-bottom: 55px;
    padding: 15px 25px;
    background: #f5f2e9;
}

.entry .entry-meta:not(:last-child) {
  margin-bottom: 15px;
}

.entry-box-holder .entry .entry-meta:not(:last-child) {
  margin-bottom: 0;
}

.entry .entry-title {
  font-family: 'Frank Ruhl Libre';
}

.entry .thumbnail-attachment:not(:last-child) {
    padding-left: 150px;
}

.side-bar {
  background: #f8f9fb;
  width: 70px;
}

.row-reverse {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .topbar {
    padding: 3px 13px;
  }
  .header {
    padding-right: 0;
  }
  .header.fixed-header:not(.clone-fixed) {
    position: relative;
  }
  #wrapper {
    overflow: auto;
    overflow-x: hidden; 
    height: 100% !important;  
  }
  #wrapper .mobile-advanced {
    display: block;
    overflow: auto;
    height: auto;
    -moz-box-shadow: 0 2px 5px rgb(0 0 0 / 29%);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 29%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 29%);
  }
  .top-header .responsive-nav-button {
    display: block;
  }
  #advanced-menu-hide {
    top: 0;
    left: 15px;
    width: auto;
    right: auto;
    color: #fff;
  }
  #advanced-menu-hide:after {
    font-size: 15px;
  }
  .mobile-advanced li > a {
    color: #808080;
  }
  .mobile-advanced ul ul li > a {
    padding-left: 0;
    margin-left: 15px;  
  }
  .mobile-advanced ul ul li > a:before {
    content: none;
  }
  .mobile-advanced > ul {
    padding: 15px;
    background: #f4f4f4;
    display: none;
  }
  .mobile-advanced > div > ul {
    margin-bottom: 0;
  }
  .side-bar {
    background: #f8f9fb47;
    width: 22px;
  }
  body {
    font-size: 17px !important;
  }
  h1 {
    font-size: 3.052rem;
  }

  h2 {
    font-size: 2.441rem
  }

  h3 {
    font-size: 1.953rem
  }

  h4 {
    font-size: 1.563rem
  }
  .clemans-banner h1 {
    margin-bottom: 0;
    line-height: 1.1 !important;
    font-size: 3.052rem !important;
  }

  .header .menu-wrap {
    position: absolute;
    top: 10px;
    right: 0;
    width: auto;
  }

  .header.style-1 .logo-wrap {
    padding: 9px 150px 9px 20px;
  }
  .wrapper {
    width: 100%;
  }

  .entry .label .date > .month {
    text-align: left;
  }

  .mobile-advanced li {
    position: relative;
  }

  .mobile-advanced li > span.menu-toggler {
    position: absolute;
    top: 0;
    right: 2px;
  }

  .mobile-advanced ul.sub-menu {
    display: none;
  }

  .mobile-advanced ul.sub-menu > .current-menu-item > a {
    color: #333334;
    font-weight: 600;
  }

  .mobile-advanced li.current-menu-ancestor > a {
    color: #333334;
  }

}

@media only screen and (max-width: 480px) {
  .fx-col-3 > * {
      width: 100%;
  }
  [class*="fx-col-"] > *, .pricing-tables-holder.cols-3 .pricing-col {
      width: 100%;
  }
  .box-image.vc_column_container>.vc_column-inner {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-size: cover;
    background-position: center;
  }
  .row-reverse {
    flex-direction: row;
  }

}