/*
Theme Name: Health
Theme URI: 
Description: Empowered Health
Version: 1.0
Author: ATN
Author URI: empoweredhealthshow.com
*/
html {
  scroll-behavior: smooth;
    overflow-x:hidden;
}

a {
  color:#e5b9d4;
}

.icon path {
    fill:#fff;
}
.icon rect {
    fill:#fff;
}

.icon:hover path {
    fill: pink;
}

.icon path {
  transition: all ease 0.3s;
}

.icon:hover rect {
  fill: pink;
}

.icon rect {
  transition: all ease 0.3s;
}

.fa-thumbs-up {
  content:"\f004" !important;
}
.fa-thumbs-o-up {
  content:"\f08a" !important;
}
.fa-thumbs-up:before {
  content:"\f004" !important;
}
.fa-thumbs-o-up:before {
  content:"\f08a" !important;
}

.ideapush-container {
  margin-top:20px !important;
  display:inline-table;
  width:100%;
}

.ideapush-container a {
	line-height:2rem !important;
}

.dynamic-idea-listing .idea-item {
	padding:20px 0px !important;
}

.idea-item-right .idea-title {
  	font-size:1rem;	
}
.idea-item .idea-item-left {
	width:60px !important;
  	float: left !important;
  	margin-bottom: 0px !important;
}
.idea-item-left .idea-vote-container {
	margin:7px !important;
}

.ideapush-container-header .ideapush-board-title {
	margin-bottom: 20px !important;
  	margin-top: 0px;
}

.idea-author-container .idea-author{
	pointer-events:none !important;
}

.ideapush-container .no-comments-idea {
  display:none !important;
}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.top {
    background-color:#dd94c1;
    height:380px;
}

#logo {
    width:170px;
}
#mobilelogo {
    margin-top:57px;
    width:230px;
    display:none;
}
#mobilelogo2 {
    padding-bottom:10px;
    width:230px;
}
.sticky {
    position: fixed;
    width: 90%;
}

.sticky + #main {
        padding-top: 40px;
    }

#main {
	margin-top:px;
}

#header {
  	position:relative;
    padding-left:5%;
    padding-right:5%;
    height:60px;
    background-color:white;
    font-size: 1.5rem;
    z-index:999;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#line {
  border-bottom-style: solid;
  border-color:#dd94c1;
}
#line input {
  width:350px
}
.button{
  color:#dd94c1;
  border-color:#dd94c1;
}
.search-bar {
  display:none;
}
.box {
  border:none;
}
input {
  display:inline
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.shownotes {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  text-align: left;
  border: none;
  outline: none;
}
.shownotes a {
  color:black
}

.active, .accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.description {
    text-align:right;
    width:;
    max-width:620px;
    display:inline-block;
    float:right;
    margin-bottom:;
}
.description h6{
    margin-top:-5px;
}
.descriptiond p{
    font-size:1.3rem;
    color:white;
    display: inline;
	padding: 0.5em 0em;
    background-color: plum;
    box-shadow: 1em 0 0 plum,-1em 0 0 plum;
    box-decoration-break: clone;
}

.sub {
    text-align:;
    color:white;
    width:120px;
    height:100px;
    right:8px;
    top:-40px;
    position:absolute;
    background-color:hotpink;
    
}
.sub2 {
    color:white;
    margin:0 auto;
    text-align:center;
    position:relative;
    width:60%;
    background-color:hotpink;
      display:block;
    background-color:hotpink;
    padding:20px;
}
.flexbox2 {
    position:relative;
    right:0;
    background-color:hotpink;
    display:flex;
    flex-wrap:wrap;
    max-width:800px;
    justify-content: space-around;
    margin: 0 auto;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
}
.sub2 h3 {
    margin:0px;
        margin-bottom:10px;
}
.sub2 h6 {
    text-align:;
    margin:0px;
    padding-bottom:6px;
    margin-left:-4px;
    font-family: Oswald;
}
.sub h3 {
    text-align:center;
    margin:10px;
    font-family: Oswald;
}

.flexbox {
    position:absolute;
    right:0;
    background-color:hotpink;
    display:flex;

    flex-wrap:wrap;
    max-width:800px;
    justify-content: space-around;
    margin: 0 auto;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
}

.icon {
    margin:5px;
    width:50px;
    height:100%;
}
.icon svg {
    padding-left:21%;
}

.iconLabel {
    text-align:center;
    font-size:12px;
    margin-top:2.5%;
    display:block;
    color: white;
    position:relative;
    transform: translateX(0%);
}

@-webkit-keyframes header {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-30px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes header {
            0% {
               opacity: 0;
               transform: translateY(-30px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
         #header {
            -webkit-animation-name: header;
            animation-name: header;
         }

#nav {
    float:right;
    text-align:right;
    margin-top:50px;
	}

#name {
    
}

#name, #nav {
    display:inline;
}

#header a{
    text-decoration:none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

li a {
    text-decoration:;
}

.title {
    color:white;
    text-align:center;
    line-height: 60px;
}

.title1 {
    text-align:center;
    color:white;
    text-align:;
    line-height: 2rem;
}
.title2 {
    text-align:left;
    color:white;
    text-align:;
    line-height: 2rem;
}

.title h1 {
    display:inline-block;
    padding:20px;
    background-color: black;
    border-style: solid;
  border-width: 0px;
}

.title1 h1 {
    font-family:Oswald;
    float:left;
    margin-top:0px;
  	margin-bottom:0px;
    text-transform:uppercase;
    display:inline-block;
    padding:15px;
    line-height: 3rem;
    background-color: black;
    border-style: solid;
  border-width: 0px;
}

.title2 h1 {
    font-family:Montserrat;
    float:left;
    margin-top:0px;
  	margin-bottom:0px;
    text-transform:uppercase;
    display:inline-block;
    padding:15px;
    line-height: 3rem;
    background-color: black;
    border-style: solid;
  border-width: 0px;
}

.title1 h3 {
    font-family:oswald;
    float:left;
    margin-top:0px;
    text-transform:uppercase;
    display:inline-block;
    padding:15px;
    background-color: black;
    border-style: solid;
  border-width: 0px;
}

.title1 h2 {
    font-family:oswald;
    float:left;
    margin-top:0px;
    text-transform:uppercase;
    display:inline-block;
    padding:15px;
    background-color: black;
    border-style: solid;
  border-width: 0px;
}

.epinfo {
  width:100%;display:inline-block;vertical-align:top;
} 

.hometitle {
    padding:5px;
    margin-left:10px;
    width:60vw;
    min-height:200px;
    color:white;
    max-width:800px;
    margin-top:;
    line-height:1.1;
    text-transform: uppercase;
}

.hometitle h1 {
    font-size:2.5rem;
}

.space {
    height:;
}

.main {
    padding-top:20px;
    padding-left:8%;
    padding-right:8%;
}

.content {
    text-align:left;
    font-size:1rem;
    padding-bottom:50px;
}

.content-latest {
    margin-bottom:0px;
}

.content-latest img {
    width:45%;
    height:auto;
    border-right: 15px solid white;
    float:left;
    margin-right:; 
    margin-bottom:20px;
}

.content-latest li {
    display:block;

}

.content-latest a {
    display:block;
    margin-bottom:15px;
    color:black;
    font-size:1.2rem;
}

.posttitle {
    
}

.audio {
    background-color:;
}
.audio-player {
  	display:inline-block;
	width:48%;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background:hotpink !important;
}
.mejs-controls .mejs-volume-button {
	display:none !important;
}
.mejs-horizontal-volume-slider {
  	display:none !important;
}

.border {
    margin: 0 auto;
    width:70%;
    max-width:800px;
    border-top: 2px solid black;
}

.border1 {
    margin: 0 auto;
    width:60%;
    max-width:800px;
    border-top: 2px solid black;
}


.subscribe {
    margin-top:40px;
    margin-bottom:40px;
    text-decoration:none;
    text-align:center;
    align-content: center;
}

.subscribe2 {
    margin-bottom:40px;
    text-decoration:none;
    text-align:center;
    align-content: center;
}

.subscribe2 h2 {
    display:inline-block;
    padding:20px;
    color:white;
    background-color:black;
}

.latest {
    margin-top:100px;
    text-align:center;
    align-content: center;
}

a {
    text-decoration:none;
}


.wrapper {
    width: 95%;
    margin: 3em auto;
}

.footer {
    height:100%;
    padding-bottom:40px;
    margin-bottom:-55px;
    background-color: #dd94c1;
}

.footer h3 {
    display:inline-block;
    color:white;
    text-transform: uppercase;
    font-weight:800;
    margin-top:-50px;
    margin-right:30px;
}

.foot-menu {
    display:inline-block;
    position:relative;
    top:-9px;
}

.foot-menu a {
    text-decoration: none;
    font-family: 'Oswald';
    font-weight:300;
    color:white;
}

.foot-menu li {
        display:inline-block;
    padding-right:20px;
    padding-bottom:
}

@media only screen and (min-width: 400px) {
    article {
        float:left;
    }
}

.dropdown {
}

.dropbtn {
  color: white;
  border: none;
}

.dropdown-content {
  display: none;
  position: absolute;

  min-width: 130px;
    margin-top:30px;
    margin-left:150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover ~ ul.dropdown-content, .dropdown-content:hover {display: block;}

ul.dropdown-content a:hover {display:block}

.dropdown-content2 {
  display: none;
  position: fixed;

  min-width: 130px;
    margin-top:30px;
    margin-left:350px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown2:hover ~ ul.dropdown-content2, .dropdown-content2:hover {display: block;}

ul.dropdown-content2 a:hover {display:block}

/* menu */


.menu {
    display:none;
    padding-top:30px;
    font-size:1rem;
    clear: both;
    max-height: 0;
    transition: max-height .5s ease-out;
}

.menu a {
    color:black;
    text-decoration: none;
    font-family: 'Oswald';
    font-weight:300;
    transition: all ease 0.3s;
}

.menu a:hover {
  color:#dd94c1;
 }

/* menu icon */

.menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding-top:20px;
    user-select: none;
}

.menu-icon .navicon {
    background: black;
    display: block;
    height: 2.5px;
    position: relative;
    transition: background .2s ease-out;
    width: 30px;
    border-radius:2px;
}

.menu-icon .navicon:before,
.menu-icon .navicon:after {
    border-radius:2px;
    background: black;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    line-height: 30px;
    transition: all .2s ease-out;
    width: 100%;
}
.menu-icon:hover > .navicon:before {
    margin-top:2px;
}
.menu-icon:hover > .navicon:after {
    margin-top:-2px;
}

.menu-icon .navicon:before {
    top: 7px;
}

.menu-icon .navicon:after {
    top: -7px;
}

/* menu btn */

.menu-btn {
    display: none;
}

.menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.menu-btn:checked ~ .menu-icon .navicon:before {
    margin-top:0px;
    transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
    margin-top:0px;
    transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.menu2 {
    position:absolute;
    width:200px;
    background:black;
    right:0;
    float:right;
    text-align:right;
    margin-top:-13px;
    clear:;
    max-height:0;
    transition: max-height .3s ease-out;
    z-index: 999;
}


#header .menu2 a {
    position:relative;
    z-index:999;
    color:#dd94c1;
    text-decoration:none;
        font-family:Oswald;
}

.menu2 li {
    position:relative;
    margin:20px;
    z-index:999;
}

.menu-btn:checked ~ .menu {
    visibility:hidden;
}
.menu-btn:checked ~ .menu2  {
    max-height: 600px;
    position:absolute;
    z-index:9999;
    }

/* 48em = 768px */

@media (min-width: 80em) {
    .menu {
        display:block;
    }
 .menu li {
    float: left;
}

 .menu li a {
    padding-left:40px;
}
 .menu {
    clear: none;
    float: right;
    max-height: none;
  }
.menu-icon {
    
  }
.menu-btn:not(:checked) ~ .menu-icon {
    display:none;
    }
}

.

@media (max-width: 48em) {
.menu {
    display:none;
    }

}


.bgvid-back {
position: absolute;
top: -25px;
right: 0;
bottom: 0;
left: 0;
height:100%;
min-height:;
overflow: hidden;
z-index: -999;
} 

.bgvid {
position: absolute;
z-index: -999;
top: 50%;
left: 50%;
width: auto;
height: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.bgvid-back:before {
    content:"";
    position: absolute;
    height: 100%;
    width:100%;
    background:rgba(151, 48, 112, 0.5);
}


/**
*** SIMPLE GRID
*** (C) ZACH COLE 2016
**/

/* UNIVERSAL */

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
}

/* ROOT FONT STYLES */

* {
  font-family: 'Montserrat', monospace, sans-serif;
  color:;
  line-height: ;
  font-weight:normal;
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

/* TYPOGRAPHY */

h1 {
  font-size: 2.6rem;
    font-weight:700;
}

h2 {
  font-size: 2rem;
    font-weight:400;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.875rem;
}

p {
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.5;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-heavy {
  font-weight: 700;
}

/* POSITIONING */

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.justify {
  text-align: justify;
}

/* ==== GRID SYSTEM ==== */

.container {
  width: 90%;
  margin: 0 auto;
  padding-top:50px;
}

.container-foot {
  width: 90%;
  margin: 0 auto;
}

.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 0.5rem 0%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 100%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 50%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (max-width: 35em) {
.hometitle h1 {
    font-size:2rem;
    width:100px;
    padding-top:30px;
    padding-bottom:10px;
}
.title1 h1 {
  font-size:2rem;
  }
.title2 h1 {
  font-size:2rem;
  line-height:2rem;
  }
}

@media only screen and (min-width: 33.75em) {  /* 540px */
    .sticky {
        width:84%;
    }
    
    .sticky + #main {
        padding-top:70px;
    }
    
  .container {
    width: 85%;
  }
    .container-foot {
    width: 85%;
  }
    #header {
        padding-top:8px;
        padding-bottom:9px;
        padding-left:8%;
        padding-right:8%;
    }
    .hometitle h1 {
        padding-top:60px;
        font-size:3.4rem;
    }
    .description {
        text-align:right;
    }
    .border1 {
    }
    .title1 {
        text-align:left;
    }
    .title1 h2 {
                font-size:3rem;
    }
    #mobilelogo {
        display:none;
    }
}

@media only screen and (min-width: 45em) {  /* 720px */
  .col-1 {
    width: 4.33%;
  }

  .col-2 {
    width: 12.66%;
  }

  .col-3 {
    width: 21%;
  }

  .col-4 {
    width: 29.33%;
  }

  .col-5 {
    width: 37.66%;
  }

  .col-6 {
    width: 50%;
  }

  .col-7 {
    width: 54.33%;
  }

  .col-8 {
    width: 62.66%;
  }

  .col-9 {
    width: 71%;
  }

  .col-10 {
    width: 79.33%;
  }

  .col-11 {
    width: 87.66%;
  }

  .col-12 {
    width: 100%;
  }

  .hidden-sm {
    display: block;
  }
    
    #logo {
    width:200px;
}
    
    #header {
            padding-top:10px;
            padding-bottom:20px;
    }
    .top {
    height:450px;
}
    .menu-icon {
    padding-top:25px;
    }
    .content-latest {
        display:flex;
        justify-content: space-between;
    }
    
    .subscribe2 {
        margin-top:;}

     .hometitle h1 {
        font-size:4.1rem;
    }

}

@media only screen and (min-width: 60em) { /* 960px */
  .container {
    width: 80%;
  }
    .container-foot {
    width: 80%;
  }
    .col-8 .title {
    width: 700px;
  }
    
    .hometitle {
        padding-top:5%;
    }
    .hometitle h1 {
        font-size:4.8rem;
    }
    #logo {
        width:280px;
    }
    #header {
        padding-top:70px;
        padding-bottom:50px;
        padding-left:10%;
        padding-right:10%;
    }
    .menu-icon {
    padding-top:35px;
    }
    .sticky {
        width:80%;
    }
    .sticky + #main {
        padding-top:70px;
    }
    
    .bgvid {
        height:auto;
    }
	.epinfo {
      width:56%
  }
}

@media only screen and (min-width: 85em) {
    .sub {
    color:white;
    width:200px;
    padding:10px;
    right:50px;
    top:-40px;
    position:absolute;
    background-color:hotpink;
}
    .sub h3 {
        text-align: center;
    }
    .flexbox {
        padding-bottom:20px;
    }
  .epinfo {
      width:60%
  }

}