.offcanvas-menu {
    background-color:#00b4ff;
    background-color:#26aae1;
    color:#000;
}

.offcanvas-inner {
    display:block;
    background-image: url('https://hotyogawithharry.com/images/HOT-YOGA-LOGO-1-icon.png');
    background-size: 140px 140px;
    background-repeat: no-repeat;
    background-position: 90% 10%; 
}
.offcanvas-menu a:hover{
    color:#fff;
}
#offcanvas-toggler >i:hover {
  color: #fff;
}
.sp-module ul >li >a:hover {
  color: #000;
  font-weight:bold;
}
.sp-menu-item.active>a {
  color: #000;
}

.txt-shadw{
    color:#fff;
    font-weight:600;
    text-shadow: -3px 3px #fff;
    text-shadow: -1px 100 white, 100 1px white, 1px 100 white 100 -1px white;
    text-shadow: -1px 0 #000, 0 2px #000, 2px 0 #000, 0 -1px #000;
}
.no-txt-shad{
text-shadow: none;
}

.sp-page-builder .page-content #image-slider-header{color:#f5f5f5;background-color:#0d0d0c;}
X#sp-smart-slider.sp-corporex-layout,
.Xsp-corporex-layout .Xsp-slider-item{
    background-position:bottom;
    height: 580px;
}

.cta {
    font-size:x-small;
Xpadding:1px;
padding-left:8px;
padding-right:8px;
margin-top:20px;
color: #fff !important;
border: 2px solid;
border-color:#000 !important;
background-color: #26aae1;
border-radius: 6px;
}
.cta a:link, a:visted, a:active {
    font-size:x-small;
    color: #fff !important;
}
.cta a:hover {
    font-size:x-small;
   color:#000 !important;
   background-color: #26aae1;
}
.cta.hover>a {
    font-size:x-small;
   color:#000 !important;
   background-color: #f4868ac;
}
.cta-fb {
    color: #000 !important;
    font-size:x-small;
Xpadding:1px;
padding-left:8px;
padding-right:8px;
margin-top:20px;
border: 2px solid;
border-color:#000;
background-color: #4868ac !important;
border-radius: 6px;
}
.cta-fb a:link, a:visted, a:active {
    font-size:x-small;
    color: #fff !important;
    background-color: #4868ac;
}
.cta-fb a:hover {
    font-size:x-small;
   color:#fff !important;
   background-color: #4868ac;
}
.cta-fb.link>a {
    font-size:x-small;
   color:#fff !important;
   background-color: #4868ac;
}
.cta-fb.hover>a {
    font-size:x-small;
   color:#fff !important;
   background-color: #4868ac;
}
.cta-fb.visited>a {
    font-size:x-small;
   color:#fff !important;
   background-color: #4868ac;
}
.sp-menu-item.active>a {
  color: #000;
}
.sppb-btn{
color:#000 !important;
background-color: #26aae1;
}
.sppb-btn a:hover{
color:#fff !important;
background-color: #000;
}
.Xmod-spc{
    padding:4px;
    line-height:24px;
}
.hslide {
    color:#fff !important;
}
.slider-item.item-1 {
    color:#fff !important;
}
.corpora-slider{
    color:#fff !important;
}
.slider-title{
    color:#fff !important;
}
.sp-smart-title{
    color:#fff !important;
}
.-smart-posttitle{
    color:#fff !important;
}
.hhypad{
    line-height:88px;
    padding-top:36px;
}
@font-face {
    font-family: "Code Bold";
    src: url("https://hotyogawithharry.com/templates/j-konnect/fonts/code-bold.otf") format("opentype");
     src: url("https://hotyogawithharry.com/templates/j-konnect/fonts/code-bold.ttf") format('truetype');
     src: url("https://hotyogawithharry.com/templates/j-konnect/fonts/code-bold.woff") format('woff');
     src: url("https://hotyogawithharry.com/templates/j-konnect/fonts/code-bold.woff2") format('woff2');
}
@font-face {
    font-family: "Code Bold";
     src: url("https://hotyogawithharry.com/templates/j-konnect/fonts/code-bold.woff") format('woff'),
         url("https://hotyogawithharry.com/templates/j-konnect/fonts/code-bold.woff2") format('woff2');
}
@font-face {
    font-family: "Helvetica";
    src: url("https://hotyogawithharry/templates/j-konnect/fonts/HELR45W.ttf");
}
p,span,div,body{
      font-family: "Helvetica";
      
}
h1{ 
    font-size:large;
    font-family: "Code Bold";
    letter-spacing: 1px;
}
h2{
    font-size:mendium;
    font-family: "Code Bold";
    letter-spacing: 1px;
}
h3{
    font-size:small;
    font-family: "Code Bold";
    letter-spacing: 1px;
}
h4,h5,h6{
    font-size:x-small;
    font-family: "Code Bold";
    letter-spacing: 1px;
}
table {
    border-collapse: collapse;
    width: 100%;
    color:#000;
}

th, td {
    text-align: left;
    padding: 8px;
}


th {
    Xbackground-color: #26aae1;
    background-color: rgba(38,170,225,1);
    color: rgba(255,255,255,1);
}
.star{
    color:#f5e552;
    text-shadow: 0px 0px 6px #000;
}
#twelve-point-star {
   height: 100px;
   width: 100px;
   background: bred;
   position: absolute;
}
#twelve-point-star:before {
   height: 100px;
   width: 100px;
   background: red;
   content:"";
   position: absolute;
   /* Rotate */
   -moz-transform: rotate(30deg);
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   -o-transform: rotate(30deg);
   transform: rotate(30deg);
}
#twelve-point-star:after {
   height: 100px;
   width: 100px;
   background: red;
   content:"";
   position: absolute;
   /* Rotate */
   -moz-transform: rotate(-30deg);
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
   -o-transform: rotate(-30deg);
   transform: rotate(-30deg);
}
.offer {
    color:#fff;
    font-weight:bold;
    font-size:12px;
    padding-top: 10px;
   width: 60px;
   height: 60px;
   background: red; 
   border:4px;border-style:solid;border-color:yellow;
   -moz-border-radius: 60px; 
   -webkit-border-radius: 60px; 
   border-radius: 60px;
}
a {
  Xcolor: #000;
}
a:hover {
  color: #1a8bba;
}
a:hover {
  color: #26aae1;
}
.sp-megamenu-item lu.sp-has-child{
  color: #fff !important;
}
.Xsp-megamenu-item lu.sp-has-child>a {
  color: #fff !important;
}
.Xsp-megamenu-irem lu.sp-has-child>a:hover {
  color: #26aae1 !important;
}
.Xsp-megamenu-item lu.sp-has-child>a:active {
  color: #fff !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  color: #000 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #26aae1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  color: #fff !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #26aae1;
}
.tags{
    color:#000 !important;
}
.cta-btn-blu {
    color: #fff;
    background-color:#4868ac;
}
/* Roll Over Color for Font Awesome */
.fa:hover{
     color:#6bd3ff !important;
}
.soc-i{
 font-size: large;
 color:#fff;
 margin:3px;
}
.rbox {
    font-size:small;
    color:#fff;
    border:4px;
    border-style:solid;
    border-color:#6bd3ff;
    padding:30px;
    border-radius: 20px;
    background-color: #4da9dc !important;
}
.rboxg {
    text-align: justify;
    font-size:medium;
    color:#000;
    border:3px;
    border-style:solid;
    border-color:#6bd3ff;
    padding:30px;
    border-radius: 20px;
    background-color: #eee !important;
}
.bigf{
    color:#fff;
    font-weight:bold;
    font-style:italic;
    font-size: 12px;
    padding:8px;
}
.circ{
    height:44px;
    width:44px;
    padding:8px;
    margin-right:6px;
    margin-bottom:6px;
    border-radius: 22px;
    background-color:#4da9dc;
    border:2px;
    border-style:solid;
    border-color:#6bd3ff;
}
.book{
    color:#fff important;
    width: 78px; 
    text-align: center;
    font-weight: bold;
}
.book a:link, a:visted, a:active{
    color:#fff important;
}
.book a:hover{
    color:#000 important;
}
.hhy1.ul{
    font-size: medium;
  list-style-image: url('https://hotyogawithharry.com/images/icons/icon2.png');
}
.blue-box{
padding:26px;
border-radius: 20px;
background: rgba(8, 2, 135, 0.31);
}