@charset "UTF-8";

/*
Theme Name: asamahighland2
Description: Child theme for Vantage theme for WordPress
Author: Asama Highland Sports Club
Template: vantage
Theme URI: 
Author URI: 
Version: 1.0
*/

@import url(../vantage/style.css);
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
dl, ul, ol, li { list-style:none; }

body {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 15px !important;
  background-color: transparent!important;
}

a, #menu_archive .headline2, #menu_archive li a.title, #menu_bottom_area h2, #menu_bottom_area h3, .post_date, .archive_headline, .post_title {
}
a {
  text-decoration: none;
  transition: all 300ms ease-out;
}
a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*---------------------------------------------------------------------------------------------
  COMMON
---------------------------------------------------------------------------------------------*/
body.responsive #page-wrapper {
    box-shadow: 0 0 1.25em 0.313em rgba(0, 0, 0, .5);
}
#main { padding: 0; }
.content-area { background-color: #fff; }
.home .side-info-box {
  margin-top: 0;
}
.side-info-box {
  margin-top: 70px;
  padding: 15px 10px 10px 10px;
  background-color: rgba(21, 90, 219, 0.8);
}
.side-info-box h3 {
  margin-bottom: 15px;
  font-size: 22px;
  color: #fff;
  text-align: center;
}
.side-info-box .term-box {
  padding: 10px;
  background-color: #fff;
}
.side-info-box .term-box h4 { margin: 1em 0 ; }
.side-info-box .term-box img { max-width: 100%; }

.sectionTit {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0 0 2.5vh 0!important;
  padding-left: 30px;
  background-color: rgba(21, 90, 219, 0.8);
  /*background: url(/img/side_navi_background.png) repeat left top;*/
  color: #fff!important;
}
.sectionTit::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  width: 6px;
  height: 33px;
  background-color: #fff;
  border-radius: 10px;
}
.sectionTit + p.rower-section__copy {
  margin-top: 0;
}
.sectionTit + .document-list {
  margin-top: 0;
}

.titleBox { position: relative; }
.titleBox a {
  position: absolute;
  top: 9px;
  right: 10px;
  display: block;
  padding: 3px 10px;
  background-color: #fff;
  border-radius: 3px;
  border-bottom: 3px solid #e0e0e0;
  color: #155adb;
}

.page-template-default .entry-main {
  max-width: 1240px;
  margin: 50px auto 30px auto;
}

@media (max-width: 767px) {
  #main {
    padding: 0 15px;
    background-color: transparent;
  }
  .side-info-box { margin-top: 0; }
  .sideNavigation { display: none; }
  .sectionTit {
    height: auto;
    padding: 15px 15px 15px 30px;
    line-height: 1.5!important;
    font-size: 5vw!important;
  }
  .sectionTit::before {
    height: calc(100% - 15px); 
  }
}

/*---------------------------------------------------------------------------------------------
  HEADER
---------------------------------------------------------------------------------------------*/
#masthead > .hgroup  { display: none; }
.menu-menu-1-container {
  max-width: 1240px;
  margin: 0 auto;
}
#search-icon { display: none; }

.main-navigation {
  border-top: rgba(222, 222, 222, 0.8) 1px solid;
  background: rgba(52, 53, 56, 0.9);
  /*background-color: transparent;*/
}
.main-navigation ul>li {
  border-right: 1px dotted rgba(222,222,222,0.8);
}
.main-navigation ul ul li {
  border-right: none;
}
.main-navigation a {
  color: #fff;
}

#main-slider {
  position: relative;
  box-shadow: 0px 0px 10px -1px #777;
  /*margin-top: -68px;*/
}

.metaslider-3587,.metaslider-3591,.metaslider-3597,.metaslider-3600,.metaslider-3604,.metaslider-3605,.metaslider-3609,.metaslider-3613,.metaslider-3619,.metaslider-3645 {
  max-width: 1240px!important;
}

.home #main-slider::before {
  position: absolute;
  content: '氷上に色とりどりの笑顔咲く別世界';
  left: 50%;
  top: 43%;
  transform: translate(-50%,-50%);
  display: block;
  width: 100%;
  line-height: 1.5;
  font-family: "Sawarabi Mincho";
  font-size: 300%;
  font-weight: 200;
  letter-spacing: 0.1em;
  z-index: 1000;
  text-align: center;
  text-shadow: 0 0 4px #2196F3, 0 0 8px #03A9F4, 0 0 10px #013a8a, 0 0 12px #003a8a, 0 0 12px #056eff, 0 0 12px #07e4ff;
  color: #fff;
}
.home #main-slider::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 450px;
  height: 90px;
  background: url(/wp-content/uploads/2018/04/mainLogo.png) no-repeat center center / cover;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .home #main-slider::before {
    font-size: 5vw;
  }
  .home #main-slider::after {
    bottom: 30px;
  }
}
@media (max-width: 767px) {
  .home #main-slider::before {
    top: 10%;
    font-size: 5vw;
  }
  .home #main-slider::after {
    top: initial;
    bottom: 10%;
    width: 250px;
    height: 45px;
  }
}

/*---------------------------------------------------------------------------------------------
  FOOTER
---------------------------------------------------------------------------------------------*/
#pg-3524-5 { height: 65px; }
.banner-list-wrapper {
  width: 100%;
  margin: 100px auto 0 auto;
  padding: 30px 0 40px 0;
  background-color: #ff2734;
}
.banner-list-wrapper .banner-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1210px;
  margin: 0 auto;
}
.banner-list__item { margin: 0 15px 10px 0; }
.banner-list__item:nth-of-type(5n) { margin-right: 0; }
.banner-list__item a { display: block; }
.banner-list__item img {
  width: 100%;
  height: 55px;
}

.banner-list__title {
  margin: 1.5em 0;
  color: #fff;
  /*font-family: "Sawarabi Mincho";*/
  font-size: 150%;
  text-align: center;
}

.footerLink {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1080px;
  height: 65px;
  margin: 0 auto;
}
.footerLink ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 30px);
}
.footerLink ul li { margin-left: 1.5em; }
.footerLink ul li a {
  color: #155adb;
}

.footerLink ul.leftLink li::before {
  display:inline-block;
  margin: 0 5px 0 0;
  font-family: FontAwesome;
  content: '\f0da';
  color: #ff2734;
  vertical-align: middle;
  font-size: 15px;
}
.footerLink ul.rightLink li::after {
  display:inline-block;
  margin: 0 0 0 5px;
  font-family: FontAwesome;
  content: '\f0d9';
  color: #ff2734;
  vertical-align: middle;
  font-size: 15px;
}

.footerLink .pageTop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 100%;
  border-right: solid 3px #959595;
  border-left: solid 3px #959595;
}
/*
.footerLink .pageTop a {
  display: block;
}*/
.footerLink .pageTop .fa {
  font-size: 300%;
  color: #155adb;
}
.footer-container {
  padding: 60px 0;
  background-color: #155adb;
  color: #fff;
  /*font-family: "Sawarabi Mincho";*/
  text-align: center;
}
.footer-container--inn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.footer-container__logo {
  width: 150px;
}
.footer-container__logo img { max-width: 100%; }
.footer-container__info {
  margin-left: 15px;
  line-height: 2.1;
  font-size: 92%;
  text-align: center;
}
.footer-container__copyright {
}

@media (max-width: 767px) {

  .banner-list-wrapper .banner-list {
        justify-content: center;
  }
  .banner-list__item { margin-right: 0; }

  .footerLink {
    flex-wrap: wrap;
    height: auto;
    padding: 20px 0;
  }
  .footerLink .pageTop {display: none;}
  .footerLink ul {
    width: auto;
  }
  .footerLink ul li{
    margin: 0 10px 0 0;
    white-space: nowrap;
  }
  .footerLink ul.rightLink li::before {
    display: inline-block;
    margin: 0 5px 0 0;
    font-family: FontAwesome;
    content: '\f0da';
    color: #ff2734;
    vertical-align: middle;
    font-size: 15px;
  }
  .footerLink ul.rightLink li::after {display: none;}
  .footer-container--inn { flex-direction: column; }
  .footer-container__info { margin: 0; }
  .footer-container__info, .footer-container__copyright {
    font-size: 4vw;
  }

}

/*---------------------------------------------------------------------------------------------
  TOP PAGE
---------------------------------------------------------------------------------------------*/
body .supsystic-social-sharing {
  display: none!important;
}

body.responsive.layout-full #page-wrapper .full-container {
  max-width: 100%;
  /*background: rgba(22, 22, 22, 0.8);*/
}
body #page-wrapper .full-container > .content-area {
  margin: 0 auto;
}

article.home-list {
  zoom: 1;
  margin: 0 0 10px;
}

article.home-list:before {
  content: '';
  display: block;
}

article.home-list:after {
  content: '';
  display: table;
  clear: both;
}

article.home-list .entry-thumbnail {
  width: 95px;
  float: left;
}

article.home-list .entry-thumbnail img {
  width: 75px;
  height: auto;
}

article.home-list .entry-summary {
	padding: 0 10px 20px 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

article.home-list .entry-summary .date {
  /*font-size: 11px;
  font-weight: bold;*/
  color: #766223;
}

article.home-list .entry-summary .entry-meta-info {
  display: flex;
  align-items: center;
}

article.home-list .entry-summary .category {
  display: inline-block;
  margin: 0 3px 3px 10px;
  padding: 3px 6px;
  border-radius: 3px;
  line-height: 1.4;
  /*text-shadow: 0 1px 1px rgba(0, 0, 0, .4);*/
  font-size: 11px;
  font-weight: bold;
}

article.home-list .entry-summary .category-news {
  background-color: #3e78b4;
}
article.home-list .entry-summary .category-taikai {
  background-color: #e50056;
}
article.home-list .entry-summary .category-curling-2
, article.home-list .entry-summary .category-school {
  background-color: #009c88;
}
article.home-list .entry-summary .category-leage {
  background-color: #e56d00;
}
article.home-list .entry-summary .category-other {
  background-color: #999;
}
article.home-list .entry-summary .category-holeschedule {
  background-color: #9d67f1;
}
article.home-list .entry-summary .category-blog {
  background-color: #fad163;
}

article.home-list .entry-summary .category a {
  text-decoration: none;
  /*color: #766223;*/
  color: #fff;
}
/*
article.home-list .entry-summary .category a::after {
  content: '/';
  display: inline-block;
  margin: 0 5px 0 10px;
}*/
article.home-list .entry-summary .category a:nth-of-type(2) {
  display: none;
}

article.home-list .entry-summary h4 {
  margin: 0 0 0 15px;
  /*padding: 0 0 6px;
  border-bottom: dotted 1px #ccc;*/
}
article.home-list .entry-summary h4 a {font-size: 84%;}
article.home-list .entry-summary p {
  font-size: 13px;
  line-height: 1.6em;
}

.newsListWrapper h4.entry-title {
  position: relative;
  margin: 0;
  padding: 20px 15px;
  /*background-color: #fcfcfc;*/
  border-bottom: 1px dashed #aaa;
  font-size: 115%;
}
.newsListWrapper h4.entry-title::after {
  float: right;
  display: inline-block;
  margin: 0;
  font-family: FontAwesome;
  content: '\f04b';
  color: #666;
  vertical-align: middle;
  font-size: 8px;
}
.newsListWrapper h4.entry-title a {
  display: inline-block;
  color: #444;
  text-decoration: underline;
}
.newsListWrapper h4.entry-title a:hover {
  text-decoration: none;
}

/* main banner */
.topMainBanner{
  max-width: 1240px;
  margin: 0 auto;
  background: url(/wp-content/uploads/2018/04/ling.png) no-repeat center 35% / 70%;
  /*padding: 20px 20px 5px 20px;*/
}

.topMainBanner .bannerList {
  display: flex;
  flex-wrap: wrap;
}
.topMainBanner .bannerList li {
  width: calc(50% - 30px);
  height: 308px;
  margin: 0 60px 55px 0;
  border: 5px solid #fff;
  /*border-radius: 16px;*/
  box-shadow:0px 0px 10px -1px #777;
  overflow: hidden;
  transition: all .35s ease;
}
.topMainBanner .bannerList li:hover {
  box-shadow:0px 0px 12px 3px #777;
}
.topMainBanner .bannerList li:hover > a img {
  transform: scale(1.04);
}

.topMainBanner .bannerList li:nth-child(even) {
  margin-right: 0;
}
.topMainBanner .bannerList li a {
  position: relative;
  z-index: 10;
  display: block;
}
.topMainBanner .bannerList li a:hover {
  opacity: 1!important;
}
.topMainBanner .bannerList li a img {
  position: relative;
  z-index: 20;
  width: 100%;
  max-height: 308px;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  transition: all .35s ease-in-out;
  backface-visibility: hidden;
}
.topMainBanner .bannerList li a h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  width: 100%;
  margin: 0;
  font-size: 30px;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-shadow:0px 0px 4px #d52905,0px 0px 4px #d52905,0px 0px 8px #d52905,0px 0px 12px #d52905;
  text-align: center;
}

@media (max-width: 767px) {
  .topMainBanner .bannerList li {
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
  }
  .topMainBanner .bannerList li a { height: 100%; }
  .topMainBanner .bannerList li a img { height: 100%; }
  .topMainBanner .bannerList li a h3 { font-size: 6vw; }

  article.home-list .entry-summary .entry-meta-info {
    display: inline-block;
  }
  article.home-list .entry-summary .entry-meta-info h4 {
    margin: 5px 0 0 0;
  }

}
#pg-3524-0.panel-no-style {
  padding: 80px 0 20px 0;
  background-color: #f5f5f5;
}

#pg-3524-1 {
  max-width: 1240px;
  margin: 0 auto;
}
#pg-3524-2.panel-has-style {
  margin: -40px -50% 0 -50%;
  background-color: #FF2734;
}
#pg-3524-3 {
  margin: 100px -50% 0 -50%!important;
  background-color: #FF2734;
  text-align: center;
}
#pg-3524-4 {
  margin: 0 -50%!important;
  background-color: #ff2734;
}
.bannerListWrapper {
  justify-content: center!important;
  max-width: 1080px;
  margin: 0 auto;
  padding: 50px 0 0 0;
  text-align: center;
}
.bannerListWrapper h3 {
  color: #fff;
  font-family: "Sawarabi Mincho";
}
.bannerListWrapper .footerBanner {
  margin-bottom: -5px;
}
.bannerListWrapper .footerBanner img {
  width: 230px;
  height: 55px;
  object-fit: cover;
}
#pg-3524-4 > .bannerListWrapper {
  padding: 0 0 10px 0;
}
#pg-3524-5 > .bannerListWrapper {
  height: 65px;
  padding: 0;
}
.banner-list {
  text-align: center;
}
.youtube-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 308px;
  height: 92px;
  margin: 11px auto 0 auto;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #f00;
  color: #fff!important;
  font-size: 120%;
  text-align: center;
}
.youtube-btn .fa {
  margin-right: 15px;
  font-size: 200%;
}

@media (max-width: 767px) {
  #pg-3524-0.panel-no-style {
    margin-top: 20px;
    padding: 0;
  }
	#pg-3524-1 {}
  .bannerImg img { width: 100%; }
}

/*---------------------------------------------------------------------------------------------
  下層ページ（共通）
---------------------------------------------------------------------------------------------*/
.metaslider .caption-wrap {
  top: 50%;
  left: 50%!important;
  bottom: initial!important;
  background: transparent!important;
  opacity: 1!important;
  transform: translate(-50%,-50%);
  font-size: 200%;
  font-weight: bold;
  text-shadow: 1px 1px 15px #000;
}

.section--wrapper {
  margin-bottom: 50px;
}

h3.widget-title {
  font-weight: 600;
}

.rower-section__title {
  margin: 0 0 2.5% 0!important;
  padding: 0 15px 0 30px;
  line-height: 1.6;
  font-size: 131%!important;
  text-indent: -1.3em;
}
.rower-section__title::before {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/wp-content/uploads/2018/04/circle-icon.png) no-repeat center center / contain;
  margin: -1px 5px 0 0;
  content: '';
  vertical-align: middle;
}
.rower-section__copy {
  padding: 0 15px;
  line-height: 1.8;
}

.font-weight__bold { font-weight: bold; }

.rower-section-info__table { border-bottom: none; }
.rower-section-info__table th {
  width: 35%;
  padding: 15px;
  border: #ccc solid 1px;
  background: #fffbe8;
  vertical-align: top;
  font-size: 108%;
  font-weight: normal;
  text-align: left;
}
.rower-section-info__table td {
  width: 65%;
  padding: 15px;
  vertical-align: top;
  border: #ccc solid 1px;
  background: #fff;
  font-size: 108%;
  text-align: left;
}

.document-list {
  margin: 2.5% 0 2.5% 10px;
  padding: 0 15px;
}
.document-list li {
  margin-left: 0!important;
  line-height: 2;
  list-style: disc;
}
.document-list li a { 
  font-size: 108%;
  text-decoration: underline;
}
.document-list li a:hover {
  text-decoration: none;
}
.document-list li span.fa {
  margin-left: 5px;
  color: #ff2734;
}
.notes {
  margin: 0 0 2% 0;
  font-size: 92%;
  color: rgba(0,0,0,.65);
}
.notes--list {
  margin: 0 0 2% 0;
  font-size: 92%;
  color: rgba(0,0,0,.65);
}
.notes--list li {
  list-style: disc!important;
}

.contact__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 65px;
  margin: 0 auto;
  padding: 15px;
  background-color: #3f51b5;
  border-radius: 4px;
  font-size: 108%;
  font-weight: bold;
  color: #fff!important;
}
.contact__btn span {
  margin-right: 5px;
  font-size: 120%;
}

.access__background-image {
  background: url(http://www.asamahlsportsclub.jp/wp-content/uploads/2021/10/bg-acess.jpg) no-repeat center right;
  height: 460px;
}
.post-navigation a,
.pagination a {
  padding: 12px 15px 12px 15px;
  background: transparent!important;
}
.post-navigation a:hover,
.pagination a:hover {
  background: #333!important;
  color: #fff;
  opacity: 1;
}
.pagination .current {
  padding: 12px 15px 12px 15px;
  background: #333;
} 

@media (max-width: 767px) {
  .flexslider .caption-wrap .caption { font-size: 5vw; }
  .rower-section__title {
    padding-right: 0;
    padding-left: 30px;
    text-indent: -1.3em;
  }
  .rower-section-info__table {
    border: 1px solid #ccc!important;
  }
  .rower-section-info__table th,
  .rower-section-info__table td {
    display: block;
    width: 100%;
  }
  .rower-section-info__table th {
    border-bottom: none;
  }
  .access__background-image {
    height: 600px;
    background: url(http://www.asamahlsportsclub.jp/wp-content/uploads/2021/10/bg-acess.jpg) no-repeat bottom right;
  }
}

/*---------------------------------------------------------------------------------------------
  下層ページ（記事関連）
---------------------------------------------------------------------------------------------*/
body.archive #main, body.single #main { background-color: transparent; }
.archive-header {
  position: relative;
  margin-bottom: 50px;
  background-color: #eee;
}
.archive-header > div {
  margin: 0 auto;
}
.archive-header #page-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 15px #000;
  text-align: center;
}
.archive-header #page-title span {
  line-height: 1.5;
}
body.archive #primary, body.single #primary {
  display: flex;
  justify-content: space-between;
  float: none;
  max-width: 1240px;
  width: initial;
}
.original-maincontent {
  width: calc(70% - ( 0.3 * 30px ) );
}

.original-maincontent .entry-content { padding: 0 30px; }
.original-maincontent .entry-content p {
  margin: 0;
  font-size: 115%;
  line-height: 1.8;
}
.original-maincontent article.post {
  margin-bottom: 0;
  border-bottom: none;
}
.original-maincontent article.post:last-child {}

.original-maincontent h1.entry-title {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px!important;
  margin: 0 0 2.5vh 0!important;
  padding-left: 30px;
  background-color: rgba(21, 90, 219, 0.8);
  color: #fff!important;
}
.original-maincontent h1.entry-title::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  width: 6px;
  height: 33px;
  background-color: #fff;
  border-radius: 10px;
}
.original-maincontent .entry-content table {
  width: 100%;
}
.original-maincontent .entry-content table th {
  text-align: left;
  padding: 10px;
  border: #ccc solid 1px;
  background: #FFFBE8;
  vertical-align: middle;
  font-weight: normal;
}
.original-maincontent .entry-content table td {
  text-align: left;
  padding: 10px;
  border: #ccc solid 1px;
  background: #fff;
}

.original-maincontent .entry-meta {
  margin-bottom: 20px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dotted #ccc;
  text-align: right;
}
.original-sidebar {
  width: calc(30% - ( 0.7 * 30px ) );
}
.original-sidebar > .side-info-box {
  margin: 0 auto 35px auto;
}

.original-sidebar .banner-list { margin-bottom: 30px; }
.original-sidebar iframe { margin-bottom: 35px; }

.original-sidebar > #secondary {
  float: none;
  width: 100%;
  margin-top: 50px;
  padding: 0 20px;
}

.original-sidebar > #secondary h3.widget-title {
  width: 100%;
  margin-bottom: 10px;
  padding: 15px;
  background-color: #eee;
  text-shadow: -0.5px 0.5px 1px rgba(255,255,255,1);
}
.original-sidebar > #secondary ul li {
  padding: 10px;
  border-bottom: 1px dotted #999;
}
.original-sidebar > #secondary ul li a {
  color: #365899;
  font-size: 108%;
}

.photo-list {
  display: flex;
  align-items: center;
}
.photo-list--item {
  margin: 0!important;
}
.photo-list--item img {
  width: 100%;
  height: 200px;
  padding: 1px;
  object-fit: cover;
}

@media (max-width: 767px) {
  body.archive #primary, body.single #primary {
    flex-direction: column;
  }
  .original-maincontent, .original-sidebar {
    width: 100%;
  }
  .original-maincontent h1.entry-title {
    height: auto;
    padding: 15px 15px 15px 30px;
    line-height: 1.5!important;
    font-size: 5vw!important;
  }
  .original-maincontent h1.entry-title::before {
    height: calc(100% - 15px); 
  }
  .original-maincontent .entry-content { padding: 0; }
}

.apss-social-share { margin-top: 20px; text-align:right;}
.apss-theme-6 .apss-single-icon .fa { color:#fff; }
.apss-theme-6 .apss-facebook a:before { background-color: #3b5998; }
.apss-theme-6 .apss-twitter a:before { background-color: #1dcaff; }
.apss-theme-6 .apss-google-plus a:before { background-color: #dd4b39; }
.apss-theme-6 .apss-email a:before { background-color: #8f8f8f; }