/*
Theme Name: Law Firm Sites
Theme URI: http://www.lawfirmsites.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: Law Firm Sites
Author URI: http://www.lawfirmsites.com/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: 
License URI: 
*/

/* FONT FACE
=================================*/
/*@font-face {
  font-family: FontName;
  src: url('fonts/FontName.ttf') format("truetype");
  font-weight: normal;
}*/

:root {
  /*FONT SIZE*/
  --px12: 0.75rem;
  --px14: 0.875rem;
  --px15: 0.938rem;
  --px16: 1rem;
  --px17: 1.063rem;
  --px18: 1.125rem;
  --px20: 1.25rem;
  --px21: 1.35rem;
  --px22: 1.375rem;
  --px23: 1.438rem;
  --px24: 1.5rem;
  --px25: 1.563rem;
  --px26: 1.625rem;
  --px27: 1.688rem;
  --px28: 1.75rem;
  --px30: 1.875rem;
  --px32: 2rem;
  --px34: 2.125rem;
  --px35: 2.188rem;
  --px36: 2.25rem;
  --px38: 2.375rem;
  --px40: 2.5rem;
  --px42: 2.625rem;
  --px45: 2.813rem;
  --px48: 3rem;
  --px50: 3.125rem;
  --px55: 3.438rem;
  --px60: 3.75rem;
  --px64: 4rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;


  --LoosExtended: "loos-extended", sans-serif;
  --Aktiv: "aktiv-grotesk", sans-serif;
  

  /*COLOR*/
  --Black: #040404;
  --Dark: #313131;
  --Red: #AA2B3D;
  --Blue: #4AC7E9;
  --Orange: #CA5162;
}


/* BODY
=================================*/

html { font-size: 0.833333vw; scroll-behavior: smooth; }

body { padding: 0; margin: 0; font-size: var(--px20); font-family:var(--Aktiv); font-weight:normal; color: var(--Black); }

a:hover { outline: none; text-decoration: none; }

.scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } 

.sub-menu , .repCasesBtn , a.imgHover:before ,
a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }

img { max-width: 100%; width: auto; height: auto; }

a.imgHover { display: inline-block; position: relative; vertical-align: top; }

a.imgHover img { display: block; margin: 0; }

a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

a.imgHover:hover:before { background-color: rgba(0,0,0,.5); }

.scroll.open { top: 0; }

.admin-bar .scroll.open { top: 32px; }

.scroll { position: fixed; display: none; top: -200px; left: 0; width: 100%; z-index: 5000; }

a.post-edit-link { display: inline-block; color: #fff; padding: .4rem 2rem; background-color: #000; font: 1.25rem; position: fixed; bottom: 1rem; left: 1rem; z-index: 3000; }

a.post-edit-link:hover { background-color: #333; }

section:before,section:after { clear: both; display: block; content: ''; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p { margin: 0; }

h1, .h1 { font-size: var(--px64); font-family: var(--LoosExtended); font-weight: 700; display:block; line-height: 1; }

h2, .h2 { font-size: var(--px64); font-family: var(--LoosExtended); font-weight: 700; display:block; line-height: 1; }

h3, .h3 { font-size: var(--px36); font-family: var(--LoosExtended); font-weight: 700; display:block; }

h4, .h4 { font-size: var(--px24); display:block; }

h5, .h5 { font-size: var(--px18); display:block; }

h6, .h6 { display:block; }

a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 999; }

svg { fill:inherit; stroke:inherit; }

[width="18"] { width:1.125rem; }
[width="19"] { width:1.188rem; }
[width="22"] { width:1.375rem; }
[width="28"] { width:1.75rem; }
[width="29"] { width:1.813rem; }
[width="51"] { width:3.188rem; }
[width="56"] { width:3.5rem; }
[width="55"] { width:3.438rem; }
[width="67"] { width:4.188rem; }
[width="81"] { width:5.063rem; }

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; color: #fff; border: none; }

.main-menu { list-style: none; padding: 0; margin: 0; }

.main-menu li { position: relative; padding: 0; }

.main-menu li a { display: block; font-size:var(--px20); font-weight:700; text-transform:uppercase; font-family:var(--LoosExtended); }

.logo { display: inline-block; vertical-align: top; max-width: 23.438rem; margin: 3.813rem 0; vertical-align: top; }

ul.paginations { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

.top-socials { background-color:#313131; padding: 1.375rem 0; }

#header { background-image:url('images/banner-top-main.jpg'); background-size: cover; background-position: center top; padding: 3.125rem 0 0; min-height:36.438rem; color:#fff; }

/* FOOTER
=================================*/

#footer { background-color:#111215; color:#fff; padding: 4.938rem 0 1.75rem; font-size: var(--px16); overflow: hidden; }

a.logo-footer { display:inline-block; vertical-align:top; width:100%; max-width:27.375rem; height:22rem; transition:1.5s; position: relative; z-index: 5; opacity: 0; visibility: hidden; top: -5.8rem; left: -46rem; }

.effect-on a.logo-footer { opacity:1; visibility:visible; top: 0; left: 0; }

.footer-mid {  }

.footer-mid .d-block { font-size:var(--px16); margin-bottom:3.5rem; }

.footer-mid .d-block .h5 { font-size:var(--px20); font-family:var(--LoosExtended); line-height:1.37; font-weight:700; text-transform:uppercase; color:#d7d7d7; margin-bottom:2.125rem; }

.footer-mid .d-block p { color:#cacaca; line-height: 1.51; }

.footer-mid .d-block p a { color:var(--Blue); }

.footer-mid .d-block p a:hover,
.footer-mid .d-block p a:focus { color:#fff;  }

.social-media { display:flex; flex-wrap:wrap; font-size: 1.313rem; gap: 0 1.75rem; justify-content: flex-end; align-items:center; line-height: 1; }

.social-media a { display:inline-block; vertical-align:top; color: #8DCCEB; fill:#8DCCEB; }

.social-media a:hover,
.social-media a:focus { color:#fff; fill:#fff; }

.footer-text { max-width:60rem; font-size: var(--px14); color: #777; margin-bottom:.75rem; }

.footer-text p { line-height:1.51; margin-bottom: 2rem; }

.footer-bottom { gap: 0 2.125rem; font-size:var(--px16); line-height: 1.51; color: #cacaca;  }

.footer-bottom p { margin-bottom: 2rem; }

.bottom-links { color:#fff; display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }

.bottom-links a { color:#fff; }

.bottom-links a:hover,
.bottom-links a:focus { color:var(--Blue); }

.bottom-links span {  }

.lfs { color: #cacaca; margin-bottom: 2rem; }

.lfs a { color:#fff; }

.lfs a:hover,
.lfs a:focus { color:var(--Blue); }

.lfs span  {  }


/* HOMEPAGE
=================================*/

section.hero-top { padding:8.625rem 0 9.75rem; }

section.hero-top h1 { font-size:var(--px100); line-height:1; text-transform:uppercase; margin-bottom: 2.25rem; }

section.hero-top .sub-heading { font-size:var(--px45); line-height:1.33; font-weight:normal; margin-bottom: 3rem; }

section.hero-top .flex { justify-content:center; align-items:center; gap: 2.188rem; }

a.button { font-size:var(--px20); font-family:var(--LoosExtended); text-transform:uppercase; font-weight:700; line-height:1.25; background-color:var(--Blue); padding: 1.313rem 2.688rem; color: #fff; 
  border: 0.188rem solid var(--Blue); display: inline-block; vertical-align: top; }

a.button:hover,
a.button:focus { border-color:#222; }

a.start-link { display:inline-flex; align-items:center; color:#fff; font-size:var(--px16); font-family:var(--LoosExtended); text-transform:uppercase; font-weight:700; line-height:1.37; fill:var(--Blue); gap: 0 0.688rem; }

a.start-link:hover,
a.start-link:focus { color:var(--Blue); fill:red; }

.featured-slide .item { padding:0 1.75rem; transition:.5s; min-width: 43.313rem; }

.featured-block { width:100%; max-width:31.813rem; background-color: #111215; color: #fff; text-align: center; padding: 1.938rem 0.875rem 1.625rem; transition:.5s; margin:0 auto; }

.featured-block .head-part { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-items: center; gap: 0 1.563rem; font-size:var(--px28); font-family:var(--LoosExtended); text-transform:uppercase; 
  font-weight:700;  margin-bottom:1rem; transition:.5s; }

.featured-block .head-part svg { width:2.397rem; transition:.5s; transition:.5s; }

.featured-block .post-meta { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:var(--px16); color: rgba(255,255,255,.5); line-height:1.51; gap: 0 0.875rem; margin-bottom:.5rem; transition:.5s; }

.featured-block h3 { font-size:var(--px32); line-height:1.4; font-weight:700; transition:.5s; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.featured-block h3 a { color:var(--Blue); }

.featured-block h3 a:hover,
.featured-block h3 a:focus { color:#fff; }

.featured-block .desc { font-size:var(--px16); line-height: 1.51; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition:.5s; }

.featured-block .player-wrap { background-size:cover; background-position:center; margin-bottom:2.375rem; transition:.5s; }

.featured-block .player-wrap a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height: 16.25rem; fill: var(--Blue); }

.featured-block .player-wrap a svg { width:4.898rem;  transition:.5s; }

.featured-block .player-wrap a:hover,
.featured-block .player-wrap a:focus { fill:red; }

.featured-slide-wrap .slick-track { display:flex; align-items:center; padding: 4rem 0; }

#featured-episodes { overflow:hidden; padding: 6.688rem 0 6.25rem; }

#featured-episodes h2 { color:var(--Black); margin-bottom:2.5rem; }

.slick-current .featured-block { transform:scale(1.24); }

.slick-current + .slick-slide .featured-block { margin-left:0; }

.slick-slide:has(+ .slick-current) .featured-block { margin-right:0; }

.featured-slide-wrap { min-height:39.813rem; position:relative; }

.featured-slide-wrap .featured-slide .item { display:flex; flex-wrap:wrap; align-items:center; }

.slide-arrows-feat .slick-arrow { border: none; background-color:transparent; fill:var(--Blue); position:absolute; top:17.75rem; z-index:5; }

.slide-arrows-feat .slick-arrow:hover,
.slide-arrows-feat .slick-arrow:focus { fill:var(--Dark); }

.slide-arrows-feat .slick-right { right:3rem; }
.slide-arrows-feat .slick-left { left:3rem; }

.slide-arrows-feat .slick-arrow svg { width:2.625rem; }

#latest-episodes { overflow:hidden; padding: 6.563rem 0 6.25rem; }

.latest-slide-wrap {  }

.latest-slide-wrap .latest-item-block { width:100%; max-width: 21.688rem; color:#505050; }

.latest-slide-wrap .latest-item-block .bg-img { background-size:cover; background-image:url('images/bg-empty.jpg'); background-position: center; margin-bottom: 2.688rem; }

.latest-slide-wrap .latest-item-block .bg-img a { display:flex; flex-wrap:wrap; width:100%; align-items:flex-end; height:25.813rem; fill:var(--Blue); padding: 1.813rem 1.688rem; }

.latest-slide-wrap .latest-item-block .bg-img a:hover,
.latest-slide-wrap .latest-item-block .bg-img a:focus { fill:red; }

.latest-slide-wrap .latest-item-block .h5 { font-size:var(--px16); line-height:1.51; margin-bottom: .75rem; }

.latest-slide-wrap .latest-item-block .h5 a { color:#505050; }

.latest-slide-wrap .latest-item-block .h5 a:hover,
.latest-slide-wrap .latest-item-block .h5 a:focus { color:var(--Blue); }

.latest-slide-wrap .latest-item-block .h3 { font-size:var(--px18); line-height:1.4; font-weight:700; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

#latest-episodes .wrap { position:relative; }

#latest-episodes h2 { max-width:30.688rem; color:var(--Black); margin-bottom: 2.625rem; text-transform:uppercase; }

#latest-episodes .slide-arrows-bottom { display:flex; flex-wrap:wrap; justify-content:center; gap: 2.188rem; }

#latest-episodes .slide-arrows-bottom button { border: none; background-color:transparent; padding:0; display:block; fill: #505050; }

#latest-episodes .slide-arrows-bottom button svg { display:block; }

#latest-episodes .slide-arrows-bottom button:hover,
#latest-episodes .slide-arrows-bottom button:focus { fill:var(--Blue); }

.pod-channels { display:flex; flex-wrap:wrap; justify-content:center; gap: 0 3.125rem; text-align:center; }

.pod-channels .item {  }

.pod-channels .item figure.svg { margin:0 auto; width:7.125rem; height:7.125rem; border-radius:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; fill:transparent; background-color:var(--Blue); 
  transition: .5s; margin-bottom: .75rem;}

.pod-channels .item strong { display:block; font-size:var(--px18); font-family:var(--LoosExtended); font-weight:700; }

.pod-channels .item a { color:#fff; }

.pod-channels .item a:hover,
.pod-channels .item a:focus { color:var(--Blue); }

#channels { position:relative; overflow:hidden; padding: 10.938rem 0 4.25rem; }

#channels:before { content:''; top:7.5rem; display:block; left:0; right:0; background-image:url('images/divorcelawpodcast.png'); background-size: auto 100%; width:100%; height:6.688rem; transition:4s; position:absolute; 
  z-index: 20; background-position: 0 0; }

#channels.effect-on:before { background-position: -66.5rem 0; }

#channels .bg-block { position:relative; z-index:5; min-height:37.375rem; padding: 11.063rem 1rem 1rem; color:#fff; }

#channels .bg-block:before { content:''; display:block; width:auto; height:auto; background-image:url('images/wall-bg.jpg'); background-position: center; background-size: 108.875rem auto; transition: 4s; top: 10.563rem; 
  left: 10.563rem; right: 10.563rem; bottom: 10.563rem; z-index: -1; position: absolute; }

#channels.effect-on .bg-block:before { top:0; left:0; bottom:0; right:0; }

#channels h2 { margin-bottom:2rem; }

.fadein { opacity:0; visibility:hidden; transition:2s; }

.effect-on .fadein { opacity:1; visibility:visible; }

/* INNERPAGE
=================================*/

section.innerpage-top { padding: 10.313rem 0 0rem; }

.page-title {  }

.page-title h1  { font-size:var(--px100); text-transform:uppercase; margin-bottom:1.438rem; }

#breadcrumbs { font-size:var(--px20); font-weight:700; text-transform:uppercase; font-family:var(--LoosExtended); color:#4AC7E9; }

#breadcrumbs i { color:#fff; position:relative; font-weight:700; top:-.031rem; }

#breadcrumbs > span { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap: 0 2rem; }

#breadcrumbs a { color:#fff; }

#breadcrumbs a:hover,
#breadcrumbs a:focus { color:var(--Blue); }

section.inner-page { padding:6.25rem 0 8.75rem }

.about-flex {  }

.about-flex article { max-width:42rem; }

.about-flex article p { max-width:39.063rem; }

.about-flex picture { display:block; width:100%; max-width:57.875rem; order:2; }

.sub { font-size:var(--px20); font-family:var(--LoosExtended); font-weight:700; color:var(--Blue); line-height:1; text-transform:uppercase; }

article.the-content { color:#505050; font-size:var(--px20); }

article.the-content .sub { margin-bottom:1.25rem; }

article.the-content h2 { color:var(--Black); text-transform: uppercase; margin-bottom: 2.063rem; }

article.the-content h3 { color:var(--Black); margin-bottom: 1.3rem; }

article.the-content h4 { margin-bottom: 1.3rem; }

article.the-content ul,
article.the-content ol,
article.the-content p { line-height:1.51; margin-bottom:1.875rem; }

article.the-content ol a,
article.the-content ul a,
article.the-content p a { color:var(--Black); }

article.the-content ul a:hover,
article.the-content ul a:focus,
article.the-content ol a:hover,
article.the-content ol a:focus,
article.the-content p a:hover,
article.the-content p a:focus { color:var(--Blue); }

article.the-content ol ol, article.the-content ol ul,
article.the-content ul ol, article.the-content ul ul { margin:0; }

.about-flex .pod-channels { justify-content:flex-start; margin-top:3.875rem; }

.about-flex .pod-channels .item a { color:#505050; }

.about-flex .pod-channels .item a:hover,
.about-flex .pod-channels .item a:focus { color:var(--Blue); }

#attorney { padding: 6.688rem 0; }

#attorney picture { order:2; width: 100%; max-width: 36.938rem; }

#attorney article { max-width:42rem; }

#attorney article p { max-width:39.063rem; }

.episode-lists { display:flex; flex-wrap:wrap; gap: 0 2.75rem; }

.episode-lists .item { width:100%; max-width:34.938rem; color: #505050; font-size:var(--px16); margin-bottom:4.813rem; }

.episode-lists .item .poster { background-image:url('images/episode-frame.jpg'); background-position: center; background-size: cover; font-weight:700; text-transform:uppercase; font-family:var(--LoosExtended); 
  margin-bottom: 2.875rem; }

.episode-lists .item .poster a { display:block; position:relative; min-height: 25.813rem; color: #fff; padding: 1.938rem 0 2.813rem; }

.episode-lists .item .poster .ep { display:block; padding:0 1.75rem; font-size:var(--px16); text-align:right; }

.episode-lists .item .poster .ep-title { background-image:url('images/title-gradient.png'); background-size: cover; background-position: right center; width:100%; max-width:31.063rem; min-height:7.438rem; display: flex; 
  align-items: center; flex-wrap: wrap; padding-left:1.75rem; padding-right:1.563rem; margin-top: 12.188rem; }

.episode-lists .item .poster .ep-title strong { display:block; font-size:var(--px20); line-height:1.4; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.episode-lists .item .h5 { font-size:var(--px20); font-family:var(--LoosExtended); line-height:1.4; font-weight:700; max-width: 30.313rem; margin-bottom:1.375rem; }

.episode-lists .item .h5 a { color:#505050; }

.episode-lists .item .h5 a:hover,
.episode-lists .item .h5 a:focus { color:var(--Blue); }

.episode-lists .item .pod-details { display:flex; flex-wrap:wrap; align-items:center; gap: 1rem; font-size: var(--px16); margin-bottom: 1.625rem; }

.episode-lists .item .pod-details .ep2 { display:inline-block; vertical-align:top; text-transform:uppercase; font-weight:700; color:var(--Blue); }

.episode-lists .item .pod-details .time-ago { display:inline-block; vertical-align:top; }

.episode-lists .item p { max-width:31.375rem; margin-bottom:2.5rem; }

.episode-lists .item a.button { display:inline-flex; align-items:center; gap: 0 1.25rem; }

.episode-lists .item a.button svg { display:inline-block; position:relative; top:-0.188rem; }

.pagi-wrap { text-align:center; margin-top:0.875rem; }

.pagi-wrap ul.paginations { margin:0; gap: 0.938rem; align-content:center; }

.pagi-wrap ul.paginations li { font-family:var(--LoosExtended); font-size:var(--px16); line-height:1.37; font-weight:700; }

.pagi-wrap ul.paginations li:empty { display:none; }

.pagi-wrap ul.paginations li:first-child { margin-right:0.938rem; }
.pagi-wrap ul.paginations li:last-child { margin-left:0.938rem; }

.pagi-wrap ul.paginations li a { width:2.625rem; height:2.625rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color: #313131; background-color:#D7D7D7; }

.pagi-wrap ul.paginations li span {  width:auto; height:2.625rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; fill: #D7D7D7; }

.pagi-wrap ul.paginations li.icn a { width:auto; fill: #029CC0; background-color:transparent; }

.pagi-wrap ul.paginations li.icn a:hover,
.pagi-wrap ul.paginations li.icn a:focus { fill:var(--Blue); }

.pagi-wrap ul.paginations li a:hover,
.pagi-wrap ul.paginations li a:focus { color:var(--Blue); }

.pagi-wrap ul.paginations li.active a { color:#fff; background-color:#029CC0; }

.filter-episodes { display:flex; flex-wrap:wrap; justify-content:center; font-weight: 700; font-family: var(--LoosExtended); text-transform: uppercase; font-size: var(--px16); gap: 0.938rem; margin-bottom:4rem; }

.filter-episodes a { display:inline-block; vertical-align:top; color:#313131; line-height: 1.37; padding:0.625rem; }

.filter-episodes a:hover,
.filter-episodes a:focus { color:var(--Blue); }

.filter-episodes a.active { background-color:var(--Blue); color:#fff; }

.single-page-top {  }

.single-page-top .epn { color:var(--Blue); font-size:var(--px20); line-height:1; font-family:var(--LoosExtended); font-weight:700; text-transform:uppercase; margin-bottom:1.25rem; }

.single-page-top h1 { font-size:var(--px65); line-height:1; margin:0 auto; max-width:84.875rem; text-transform: uppercase; }

a.logo-small { display:block; margin:0 auto 2.313rem; width:7.563rem; height:6rem;  }

.single-pod-flex { gap: 0 6.688rem; }

.single-pod-flex article { max-width:44.125rem; }

.single-pod-flex aside { color:#313131; }

.single-pod-flex aside strong { font-family:var(--LoosExtended); text-transform:uppercase; display:block; margin-bottom: 1.25rem; }

.single-pod-flex .pod-channels a { color:#505050; }

.single-pod-flex .pod-channels a:hover,
.single-pod-flex .pod-channels a:focus { color:var(--Blue); }

section.inner-page + #latest-episodes { padding-top:2.313rem;  }

.blog-content { margin:0 auto; max-width:79.625rem; display: flex; flex-wrap: wrap; gap: 0 2.5rem; color: #505050; font-size: var(--px20); }

.blog-content .item-blog { max-width:24.875rem; width:100%; margin-bottom:2.125rem; }

.blog-content .item-blog p { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 1rem; }

.blog-content .item-blog .date { font-size:var(--px14); text-transform:uppercase; color:#CED8DB; line-height:1.51; margin-bottom: 1.5rem; }

.blog-content .item-blog .h3 { font-size:var(--px20); font-weight:700; line-height:1; text-transform: uppercase; margin-bottom: 1.313rem; }

.blog-content .item-blog .h3 a { color:var(--Blue); }

.blog-content .item-blog .h3 a:hover,
.blog-content .item-blog .h3 a:focus { color:var(--Black); }

.blog-content .item-blog picture { display:block; width: 100%; max-width: 24.875rem; background-color: var(--Black); margin-bottom: 1.313rem; }

.blog-content .item-blog picture a { display:block; }

.blog-content .item-blog picture a:hover,
.blog-content .item-blog picture a:focus { opacity:.5; }

.blog-content .item-blog picture img { width:100%; height: 20.125rem; object-fit:cover; object-position:center; }

.blog-content .item-blog a.arr { fill:var(--Blue); }

.blog-content .item-blog a.arr:hover,
.blog-content .item-blog a.arr:focus { fill:var(--Dark); }

.single article.the-content {  }

.single article.the-content .date { font-size:var(--px14); text-transform:uppercase; color:#555; line-height:1.51; margin-bottom: 1.5rem; }

/* CONTACT FORM
=================================*/

.contact-inner-flex {}

.contact-inner-flex article { max-width:32.313rem; }

.gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; }

.form-wrap { margin: 0 0; max-width: 43.813rem; font-size: var(--px20); font-family: var(--LoosExtended); font-weight: 700; text-transform: uppercase; line-height: 1.25; }

.form-wrap label {  }

.form-wrap h2 { }

.form-wrap ul { list-style: none; padding: 0; }

.gform_fields { margin: 0; }

.gfield { width: 100%; position: relative; margin-bottom: 1.125rem; }

.gfield.hidden_label { margin-bottom:0; }

.gfield.hidden_label label.gfield_label { display:none; }

.gfield legend.gfield_label { margin-bottom: 0.375rem; border: none; }

.gfield label.gfield_label { margin-bottom: 0.375rem; }

.gfield label.gfield_label span {  }

.form-wrap textarea,
.form-wrap input[type="tel"],
.form-wrap input[type="email"],
.form-wrap input[type="text"] { background-color: transparent; display: block; width: 100%; border: .188rem solid #222; line-height: 1.25; padding: 1.313rem 1.25rem; color:#000; }

.form-wrap textarea { resize: none; height: 9.125rem; }

.gform_footer { text-align: left; padding-top: 0.875rem; }

.gform_footer button { text-transform: uppercase; border-radius: 0; width: 12.563rem; height: 4.563rem; background-color: var(--Blue); color: #fff;border: .188rem solid var(--Blue);  }

.gform_footer button:hover { border-color: #222; }

p.gform_required_legend { display:none; }

.form-wrap h2.gform_submission_error  { font-size:var(--px16); line-height:var(--px30); font-family:inherit; color:var(--Red); }

.gfield_validation_message, .validation_message  { color:var(--Red); font-size:var(--px16); line-height:var(--px30);  }

.page-template-page-contact section.inner-page { padding-bottom:2.875rem; }

.sitecol { gap: 0 10rem; }

.sitecol .col { margin-bottom:3rem; }

.address-details {  }

.address-details .h5 { font-size: var(--px20); font-family: var(--LoosExtended); line-height: 1.37; font-weight: 700; text-transform: uppercase; color: var(--Blue); margin-bottom: 0em; }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .blog-content .item-blog picture a { height:20.125rem; }

  .contact-inner-flex { padding: 0 10.063rem; }

  .single-pod-flex aside { margin-top:10.438rem; }

  .single-page-top { margin-top:-5.625rem; }

  .episode-lists { margin: 0 -0.813rem; }

  #attorney article { padding-top:3.875rem; }

  #attorney .wrap { padding-right:10.625rem; padding-left:11.25rem; }

  #attorney picture { height:41rem; }

  .about-flex picture { height: 33rem; }

  #latest-episodes .slide-arrows-bottom { position:absolute; top:2.75rem; right:0; }

  .latest-slide-wrap .latest-item-block { width: 21.688rem; }

  #latest-episodes .slick-list { margin-left: -0.875rem; margin-right: -5.625rem; }

  .latest-slide-wrap .item { padding:0 0.875rem; }

  .featured-slide-wrap:before { content:''; display:block; background-image:url('images/left-fade.png'); background-position: left; width:36.563rem;height:auto; position:absolute; top:0; left:-15px; z-index: 1; bottom: 0; 
    background-size: 100% auto; }
  .featured-slide-wrap:after { content:''; display:block; background-image:url('images/right-fade.png'); background-position: right; width:36.563rem;height:auto; position:absolute; top:0; right:-15px; z-index: 1; bottom: 0; 
    background-size: 100% auto; }

  section.hero-top .wrap { max-width:60rem; }

  .footer-mid { display:block; margin: -8.188rem 0 3.125rem; }

  .lfs { margin-left:auto; }

  .container { width: 100%; max-width: 120rem; }

  .scroll { display: block; }

  .flex { display: flex; flex-wrap: wrap; }

  .between { justify-content: space-between; }

  .align-start { align-items: flex-start; }

  .wrap { margin: 0 auto; max-width: 108.75rem; }

  .main-menu { display:flex; flex-wrap:wrap; justify-content:center; gap: 0 3.125rem; }

  .main-menu li { position: relative; }
  
  .main-menu > li { display: inline-block; padding-bottom: .5rem; }

  .main-menu > li > a:hover,
  .main-menu > li > a:focus { color:var(--Blue); }

  .main-menu > li:first-child { display:none; }
  
  .main-menu li a { color:#fff; }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: 0; width: 220px; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; }

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu > li > .sub-menu > li { display: block; }
  
  .main-menu > li > .sub-menu > li > a { padding: 10px 15px; color: #fff; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); }

}

@media ( min-width: 1901px ) {

  html { font-size:16px; }

}

@media ( min-width: 992px ) and ( max-width: 1399px ) {

  :root {

    /*FONT SIZE*/
    --px12: 0.95rem;
    --px14: 1.075rem;
    --px15: 1.138rem;
    --px16: 1.2rem;
    --px17: 1.263rem;
    --px18: 1.325rem;
    --px20: 1.45rem;
    --px21: 1.55rem;
    --px22: 1.575rem;
    --px23: 1.638rem;
    --px24: 1.7rem;
    --px25: 1.763rem;
    --px26: 1.825rem;
    --px27: 1.888rem;
    --px28: 1.95rem;


    
    
  }

  .featured-block .head-part { font-size: var(--px22); }

  .featured-block .post-meta { font-size:var(--px14); }

}

@media ( max-width: 991px ) {

  html { font-size: 16px; }

  body { padding-top: 3.938rem; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; background-color: #313131; padding-top: 1.063rem; }

  body.mean-container .mean-bar strong { position:relative; top: -.375rem; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav { background-color: #313131; }

  body.mean-container a.meanmenu-reveal { width: 32px; color: var(--Blue); height:1.375rem; box-sizing:border-box; padding:0; right:unset !important; left: 1.875rem !important; top:1.313rem; }

  body.mean-container a.meanmenu-reveal span { height: 4px; background-color: var(--Blue); margin-top:0; }

  body.mean-container a.meanmenu-reveal span + span { margin-top:.313rem; } 

  body.mean-container .mean-nav ul li a.mean-expand { height: auto; padding: 11px 12px !important; }

  .top-socials { padding:0; }
  
  .top-socials .social-media { position:fixed; top:1.25rem; right:1.688rem; z-index:3000; }

  #header { background-image:url('images/mobile-bg-top.jpg'); background-position: center top; background-size:cover; padding:0; }

  section.hero-top { padding-top:25.5rem; padding-bottom:3.75rem; }

  section.hero-top h1 { font-size:var(--px48); }

  section.hero-top .sub-heading { font-size:var(--px36); }

  section.hero-top a.button { margin-bottom:2.125rem; }

  .main-menu li a { font-size:var(--px16); line-height:normal; }

  h2, .h2 { font-size:var(--px48); }

  .slide-arrows-feat .slick-left { left:unset; }
  
  .slide-arrows-feat .slick-right { right:unset; }

  .slide-arrows-feat .slick-arrow { position:relative; top:unset; }

  #featured-episodes .slick-list { margin:0 -15px; }

  .slide-arrows-feat { display:flex; flex-wrap: wrap; justify-content:center; gap: 1rem; margin-top:2rem; }

  .featured-block .head-part { font-size:var(--px18); gap: 1rem; }

  .featured-block .post-meta { font-size:var(--px14); gap: 0 .5rem; padding: 0 1rem; }

  .featured-block h3 { font-size:var(--px24); line-height:1.4; padding:0 1rem; overflow:auto; display:block; }

  .featured-slide .item { padding:0; }

  .slick-current .featured-block { transform:unset; padding: 1.938rem 0rem 1.625rem; }

  .featured-block { max-width:26.875rem; }

  .featured-slide-wrap .slick-track { padding:0; }

  .featured-slide-wrap .slick-track { align-items:flex-start; }

  .featured-block .player-wrap a svg { width: 3.898rem; }

  .featured-slide-wrap { min-height:unset; }

  #latest-episodes h2 { text-align:center; }

  #featured-episodes { padding: 4.688rem 0 0; }

  #latest-episodes { padding: 3.563rem 0 3.25rem; }

  #latest-episodes .slide-arrows-bottom { margin-top:2rem; }

  #channels { padding: 3.438rem 0 4.25rem; }

  #channels::before { height:6.5rem; top:0; }

  .pod-channels { gap: 30px 25px; }

  .latest-slide-wrap .latest-item-block { max-width:18.125rem; }

  .latest-slide-wrap .latest-item-block .bg-img a { height: 16.813rem; }

  #channels .bg-block::before {  top: 3.125rem; left: 3.125rem; right: 3.125rem; bottom: 3.125rem; background-image: url('images/mobile-mountain-bg.jpg'); }

  #channels.effect-on .bg-block::before { left: -15px; right: -15px;  background-size: cover; }

  #channels h2 { font-size:var(--px32); }

  #channels .bg-block { padding-bottom:6.25rem; }

  #footer { text-align:center; }

  #footer * { justify-content:center; }

  .bottom-links { margin-bottom:2rem; }

  .page-title h1 { font-size:var(--px26); }

  #header { background-position: center -3rem; min-height:unset; }
  
  .home #header { background-position: center top; }

  section.innerpage-top { padding: 15.313rem 0 4rem; }

  #breadcrumbs > span { gap: 1rem 0.5rem; }

  #breadcrumbs { font-size:var(--px14); }

  #attorney picture,
  .about-flex picture { margin-bottom:3rem; display: block;}

  section.inner-page { padding: 4.25rem 0 4.75rem; }

  #attorney { padding: 0 0 3.688rem; }

  .episode-lists .item .poster a { min-height: unset; }

  .episode-lists .item .poster .ep-title { margin-top: 6.188rem; padding:0 1rem; }

  .episode-lists .item .poster .ep-title strong { font-size:var(--px16); }

  a.logo-small { display:none; }

  .single-page-top h1 { font-size:var(--px24); line-height:1.3; }

  .blog-content .item-blog picture img { height: 14.125rem; }

}

@media ( max-width: 399px ) {

  #channels.effect-on .bg-block::before { background-size:26.875rem auto; }

  h2, .h2 { font-size:var(--px24); line-height: 1.3; }

  .featured-block { max-width:20rem; min-height: 27.688rem; }

  .featured-block .player-wrap a { height: 10.25rem; }

  .featured-block h3 { font-size:var(--px20); }

}