/*
Theme Name: VFSS - The7 Child Theme
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* BRANDING COLORS

#9a612d RUST 
#7a4f3c BROWN
#ce7d3a GOLD
#000000 BLACK (font)
#f2b482 SALMON
#909365 GREEN (Dark)
#504A1D SAMPLED GREEN (archives)
#9d935a GREEN (Olive)
#635a28 GREEN2 (DARK AVOCADO - used in Community)
#90c9ec BLUE (Light)
#6e8ca0 BLUE2 (Light)
#e4c8c8 PINK
#685151 MAUVE

*/




/* GENERAL */

.white-text, .white-text p, p.white-text, .white-text h1, h1.white-text, .white-text h2, h2.white-text, .white-text h3, h3.white-text, .white-text h4, h4.white-text, .white-text h5, h5.white-text, .white-text h6, h6.white-text , .white-text a, a.white-text  {color:#ffffff;}
.salmon-text, .salmon-text p, p.salmon-text, .salmon-text h1, h1.salmon-text, .salmon-text h2, h2.salmon-text, .salmon-text h3, h3.salmon-text, .salmon-text h4, h4.salmon-text, .salmon-text h5, h5.salmon-text, .salmon-text h6, h6.salmon-text, .salmon-text a, a.salmon-text {color:#f2b482;}
.green-text, .green-text p, p.green-text, .green-text h1, h1.green-text, .green-text h2, h2.green-text, .green-text h3, h3.green-text, .green-text h4, h4.green-text, .green-text h5, h5.green-text, .green-text h6, h6.green-text, .green-text a, a.green-text {color:#909365;}
.green2-text, .green2-text p, p.green2-text, .green2-text h1, h1.green2-text, .green2-text h2, h2.green2-text, .green2-text h3, h3.green2-text, .green2-text h4, h4.green2-text, .green2-text h5, h5.green2-text, .green2-text h6, h6.green2-text, .green2-text a, a.green2-text {color:#635a28;}

.blue-text, .blue-text p, p.blue-text, .blue-text h1, h1.blue-text, .blue-text h2, h2.blue-text, .blue-text h3, h3.blue-text, .blue-text h4, h4.blue-text, .blue-text h5, h5.blue-text, .blue-text h6, h6.blue-text, .blue-text a, a.blue-text {color:#90c9ec;}
.blue2-text, .blue2-text p, p.blue2-text, .blue2-text h1, h1.blue2-text, .blue2-text h2, h2.blue2-text, .blue2-text h3, h3.blue2-text, .blue2-text h4, h4.blue2-text, .blue2-text h5, h5.blue2-text, .blue2-text h6, h6.blue2-text, .blue2-text a, a.blue2-text {color:#6e8ca0;}
.pink-text, .pink-text p, p.pink-text, .pink-text h1, h1.pink-text, .pink-text h2, h2.pink-text, .pink-text h3, h3.pink-text, .pink-text h4, h4.pink-text, .pink-text h5, h5.pink-text, .pink-text h6, h6.pink-text, .pink-text a, a.pink-text {color:#e4c8c8;}
.gold-text, .gold-text p, p.gold-text, .gold-text h1, h1.gold-text, .gold-text h2, h2.gold-text, .gold-text h3, h3.gold-text, .gold-text h4, h4.gold-text, .gold-text h5, h5.gold-text, .gold-text h6, h6.gold-text, .gold-text a, a.gold-text {color:#ce7d3a;}
.brown-text, .brown-text p, p.brown-text, .brown-text h1, h1.brown-text, .brown-text h2, h2.brown-text, .brown-text h3, h3.brown-text, .brown-text h4, h4.brown-text, .brown-text h5, h5.brown-text, .brown-text h6, h6.brown-text, .brown-text a, a.brown-text {color:#7a4f3c;}
.mauve-text, .mauve-text p, p.mauve-text, .mauve-text h1, h1.mauve-text, .mauve-text h2, h2.mauve-text, .mauve-text h3, h3.mauve-text, .mauve-text h4, h4.mauve-text, .mauve-text h5, h5.mauve-text, .mauve-text h6, h6.mauve-text, .mauve-text a, a.mauve-text {color:#685151;}
.center-text, .center-text p {text-align:center;}
.large-text, .large-text p {font-size:22px;line-height:30px;}
.small-text, .small-text p {font-size:14px;line-height:18px;}
.semibold {font-weight:600;}
.hide-this {display:none;}

.banner-text {font-size:56px;line-height:1.2em;font-family:'Josefin Sans';}
a.my-link {font-size:24px; font-weight:600;}

.news-links {font-size:23px;line-height:1.8em;font-weight:600;}

a.green-btn {background:#7a7d53 !important;border-color:#7a7d53 !important;color:#ffffff !important;}
a.green-btn:hover {background:transparent !important;;color:#7a7d53 !important;}
a.green2-btn {background:#635a28 !important;border-color:#635a28 !important;color:#ffffff !important;}
a.green2-btn:hover {background:transparent !important;;color:#635a28 !important;}
a.blue-btn {background:#608094 !important;border-color:#608094 !important;color:#ffffff !important;}
a.blue-btn:hover {background:transparent !important;;color:#608094 !important;}
a.gold-btn {background:#ce7d3a !important;border-color:#ce7d3a !important;color:#ffffff !important;}
a.gold-btn:hover {background:transparent !important;;color:#ce7d3a !important;}
a.olive-btn {background:#9d935a !important;border-color:#9d935a !important;color:#ffffff !important;}
a.olive-btn:hover {background:transparent !important;;color:#9d935a !important;}
a.mauve-btn {background:#685151 !important;border-color:#685151 !important;color:#ffffff !important;}
a.mauve-btn:hover {background:transparent !important;;color:#685151 !important;}


.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

/* MAIN MENU / HEADER */
/*.mm-wheelchair {}*/
.mm-wheelchair.vc_icon_element.vc_icon_element-outer {
  margin-bottom: 0;
}

.mm-wheelchair.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
  width:2em;
  height:2em;
}

.anchor-link {
  position: relative;
  top: -81px;
}

.anchor-builtin {
  scroll-margin-top: 81px;
}
/*
.inline-header .header-bar > .mini-widgets {align-items:end;margin-bottom: 20px;}
.masthead:not(.side-header) .main-nav {align-items:end;margin-bottom: 50px;}

.masthead.sticky-on:not(.side-header) .main-nav {margin-bottom: 15px;}
.inline-header.sticky-on .header-bar > .mini-widgets {margin-bottom: 0px;}
.inline-header.sticky-on .vc_do_icon {margin-bottom: 20px;}
*/

#phantom .logo-box,
#phantom .phantom-top-line-logo,
.phantom-sticky .sticky-on.masthead:not(.side-header) .branding > a,
.phantom-sticky .sticky-on.masthead:not(.side-header) .branding > img {
  padding: 0px;
}
.transparent.phantom-sticky .sticky-on.masthead .branding > a,
.transparent.phantom-sticky .sticky-on.masthead .branding > img {
  padding: 0px;
}
.branding > a, .branding > img {
  padding: 0px;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-white a:hover .vc_icon_element-icon {color:#9a612d;}

/* HOME PAGE */
#whats-new h3.entry-title {font-size:23px;line-height:1.8em;font-weight:600;margin-bottom:25px;}
#whats-new h3.entry-title a {color:#909365 !important;text-decoration:underline;}
#whats-new h3.entry-title a:hover {text-decoration:none;}

/* RESOURCES */

.resource-container > .vc_column-inner > div.wpb_wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: start;
}

.resource-blue-title, .resource-green-title, .resource-grey-title {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  /*border:1px solid #000000;*/
  box-shadow: 1px 2px 5px rgba(0,0,0,0.50);
  padding-bottom:15px;
  flex-grow: 1;
}
#content .resource-blue-title h3, #content .resource-green-title h3, #content .resource-grey-title h3 {
  margin:0 0 15px 0;
  text-align:center;
}
.resource-blue-title h3, .resource-green-title h3, .resource-grey-title h3 {
  font-size:28px;
  line-height:30px;
  padding:25px;
  color:#ffffff;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.resource-blue-title h3 {background-color:#233B4B;}
.resource-green-title h3 {background-color:#7A7D53;}
.resource-grey-title h3 {background-color:#8F6666;}
.resource-blue-title p, .resource-green-title p, .resource-grey-title p {
  text-transform:uppercase;
  color:#757575;
  text-align:center;
  margin-bottom:15px;
  padding:0 32px;
}
.resource-blue-title p a, .resource-green-title p a, .resource-grey-title p a {
  color:#000000;
  text-decoration:none;
  font-weight:600;
}

.no-p-margin p {
  margin: 0;
}


/* TABS */
#page .wpb_tour.tab-style-one .wpb_tabs_nav > li.ui-state-active, #page .wpb_tour.tab-style-one .wpb_tabs_nav > li.ui-state-active:hover {background-color: #ce7d3a;}
.wpb_tour.wpb_content_element:not(.tab-style-four) .wpb_tabs_nav > li:not(.ui-state-active):hover > a {color:#ce7d3a;}


/* BLOG */
#page .blog-shortcode .post-thumbnail-wrap {display:none !important;}
#page #eventposts .blog-shortcode .post-thumbnail-wrap {display:unset !important;margin-bottom:40px;}
#eventposts article {margin-bottom:40px;}
#page #eventposts .blog-shortcode h3.entry-title {/*display:none !important;*/font-weight:400;margin-bottom:25px;}
#page #eventposts .blog-shortcode h3.entry-title a {color:#ffffff;}
#page #eventposts .blog-shortcode h3.entry-title a:hover {color:#6e8ca0;}
#page #eventposts .blog-shortcode .post-details.details-type-link:after {background-color: #6e8ca0;}
#page #eventposts.all-events .blog-shortcode h3.entry-title a {color:#000000;}
#page #eventposts.all-events .blog-shortcode h3.entry-title a:hover {color:#6e8ca0;}


#eventposts.white-text .post-details.details-type-link, #eventposts.white-text .post-details.details-type-link * {color:#ffffff;}

.blog-shortcode.dividers-on article {border-bottom:1px solid rgba(0,0,0,0.4) !important;}
.single #main {margin:68px 0;}
#content .blog-shortcode h3.entry-title {margin-bottom:5px;}
#news .entry-excerpt p {margin-bottom:10px;} 
#content .blog-shortcode .entry-excerpt p {margin-bottom: 0px !important;}
#content .blog-shortcode .entry-excerpt .gallery-shortcode {margin-bottom:-25px;}

.mygallery img {margin-right:5px !important;margin-bottom:5px !important;height:100% !important;width:auto !important;float:left !important;}
.mygallery img:last-of-type {margin-right:0px !important;}
/*
.mygallery {display: flex;flex-wrap: nowrap;align-items: center;box-sizing: border-box;gap: 0.5em;}
.mygallery img {box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;}
*/
#eventposts.white-text .blog-shortcode.dividers-on article {
  border-bottom: 1px dashed rgba(255,255,255,0.4) !important;
}
#eventposts .post-thumbnail a:hover img {opacity:0.5;}

/* FORMS */
.gform_wrapper .gform_footer input[type="submit"] {border-color: #ce7d3a !important;background-color:#ce7d3a !important;color:#ffffff !important;border:2px solid #ce7d3a !important;}
input[type="submit"]:not([name="update_cart"]):hover {background-color: #ffffff !important;color:#ce7d3a !important;}


/* FOOTER */
.footer-logo img {width:140px !important;height:125px !important;}
.footer-text p, p.footer-text {line-height:1.4em; font-size: 16px;}
.footer .widget {padding: 0 0px;}
.footer-divider {padding:0 10px;}


/* MOBILE CSS */
@media screen and (max-width: 768px) {

}

/* OFFERINGS STYLING */

@media screen and (min-width: 769px) {
  .offering-image {
    width: 40%;
    float: right;
    padding: 0 0 10px 10px;
  }
}

.offering-links {
  margin-bottom: 25px;
  display: inline-flex;
  flex-flow: column;
  align-items: start;
  justify-content: start;
}

/* ARCHIVE STYLING */

.shortlist-item {
  border: 1px solid #ddd;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shortlist-item:hover {
  background-color: #eee;
}

.archive-grid, .songs-grid {
  display: grid;
  grid-template-columns: max-content 1fr;
}

#content .archive-grid p:last-child {
  margin-bottom: 0;
}

.archive-grid {
  gap: 2px;
  padding-top: 8px;
}

.songs-grid {
  grid-column: span 2;
  border-radius: 5px;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.50);
  max-width: 800px;
  min-width: 50%;
  justify-self: center;
  max-height: 50vh;
  overflow-y: auto;
}

.songs-grid > * {
  padding: 6px 3px 6px 3px;
}

.songs-grid > :nth-child(1), .songs-grid > :nth-child(2) {
  padding-top: 6px;
}

.songs-grid > :nth-child(1) {
  border-top-left-radius: 5px;
}

.songs-grid > :nth-child(2) {
  border-top-right-radius: 5px;
}

.songs-grid > :nth-last-child(1), .songs-grid > :nth-last-child(2) {
  padding-bottom: 6px;
}

.songs-grid > :nth-last-child(2) {
  border-bottom-left-radius: 5px;
}

.songs-grid > :nth-last-child(1) {
  border-bottom-right-radius: 5px;
}

.songs-grid > :nth-child(4n + 2), .songs-grid > :nth-child(4n + 1)
{
  background-color: #ccc;
}

.rad-list {
  display: flex;
  flex-direction: column;
}

.track-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 100%;
}

.track-entry > :first-child {
  padding-right: 5px;
}

.track-info {
  color: rgba(0,0,0,.3);
  padding-right: 5px;
}

.song-time, .track-number {
  padding-right: 4px;
  border-radius: 5px;
  padding: 0 3px;
  text-align: center;
  font-weight: 400;
  height: fit-content;
  align-self: flex-start;
  user-select: none;
  background-color: rgba(0,0,0,.05);   
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.song-time:hover, .track-number:hover {
  background-color: rgba(0,0,0,.15);

}

.song-time:active, .track-number:active {
  background-color: rgba(0,0,0,.1);
}

.archive-grid > :nth-child(2n-1) {
  font-weight: bold;
  padding-right: 6px;
}

#player-window {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .5);
}

#player-window.multiple-tracks {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.player-container {
  height: 150px;
  width: 100%;
  flex-grow: 1;
  position: relative;
}
#player-window:not(.activated) .player-container {
  visibility: hidden;
}

.player-container.loaded #player, .player-container.loaded .player {
 opacity: 1;
 transition: opacity .5s ease;
}

.player-container.loaded #loading-bar, .player-container.loaded .loading-bar {
 opacity: 0;
 transition: opacity .5s ease;
}

.player-container.loaded:not([data-id="0"]):not(#player-window) {
  border-left: 1px solid rgba(0, 0, 0, .5);
  box-sizing: border-box;
}

#player, #loading-bar, .player, .loading-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

#loading-bar, .loading-bar {
  width: 0;
  transition: width .3s ease;
  background-color: #BBBBDD;
  opacity: 1;
}

#load-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  width: 100%;
  height: 100%;
  position: absolute;
  color: #aaa;
  background-color: #eee;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

#load-button:hover {
  color: #b2b2b2;
}

#load-button:active {
  color: #bbb;
}

#player-window.activated #load-button {
  display: none;
}

#player, .player {
  width: 100%;
  opacity: 0;
}

#player ::part(scroll) {
  border-radius: 10px;
}

.player-container:first-child ::part(scroll) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.player-container:last-child ::part(scroll) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#player ::part(region) {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: rgba(187, 187, 187, .2);
  color: black;
  text-align: center;
  line-height: 100%;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  #player ::part(region) {
    font-size: 10px;
  }
}

#player ::part(region-number) {
  position: absolute;
  left: 6px;
  top: 3px;
}

.player:not(.active) ::part(cursor) {
  visibility: hidden;
}

/* ARCHIVE LIST STYLING */
.custom-post-list {
  display: flex;
  flex-flow: column nowrap;
}

.custom-post {
  height: 4em;
  border-radius: 5px;
  box-shadow: 0px 0px 2px;
  margin-bottom: 6px;
  padding: 4px;
  position: relative;
}

.custom-post:hover {
  background: rgba(0, 0, 0, .05);
}

.custom-post:active {
  background: rgba(0, 0, 0, .15);
}

.custom-post-title {
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  font-size: 1.25em;
  padding-left: .5em;
  line-height: 1;
}

.custom-post-subtitle, .custom-post-right {
  position: absolute;
  top: 50%;
  font-size: .8em;
  font-style: italic;
  padding-left: 1em;
}

.custom-post-right {
  right: 1em;
  transform: translateY(-50%);
}

.custom-post-right.line-1 {
  top: 25%;
}

.custom-post-right.line-2 {
  top: 50%;
}

.custom-post-right.line-3 {
  top: 75%;
}

a.custom-post-link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  box-sizing: border-box;
}