/* 
Theme Name:		 Tiny Boxes Child
Theme URI:		 http://revmarketing2u.com/
Description:	 Tiny Boxes Child is a child theme of Tiny Boxes, created by stickguy
Author:			 stickguy
Author URI:		 https://github.com/stickguy
Template:		 tinyboxes
Version:		 1.0.0
Text Domain:	 tinyboxes-child
*/

div[class^=style-light_style] .testimonial_author cite span.date, div[class^=style-light_style] .testimonial_author cite span.stars {
    display: none!important;
}

blockquote.easy_testimonial p {
    width: auto;
    font-size: 1.25rem;
    font-weight: 300;
}


.border-8 {
border-width: 8px!important;
}

.card.card-background.card-background-mask-greener:after {
    background-image: linear-gradient(
310deg
,#10483a 0,#1d7c64 100%);
    opacity: 1;
}

/* -----------------------------------------
    HOME PAGE HERO AREA
-------------------------------------------- */

.herohead {
	transform: translate3d(0,0,0);
  overflow: hidden;
	background-size:cover;
	max-height:550px;
}

.round-image {
  position:relative;
top: 33px;
    right: -14px;
  width: 750px;
  height: 750px;
}

.himage {
  position: relative;
  border-radius:50%;
  width:300px;
  height:300px;
  background-position: center;
  z-index: 2;
  transform: translateX(100%);
}

 .round-shape-1 {
    position: absolute;
    left: -250px;
    bottom: -350px;
    width: 500px;
    height: 500px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    z-index: -1;
    opacity: 1;
    transform: translateY(100%);
} 

.round-shadow {
	content: "";
    position: absolute;
    left:-15px;
    top:-40px;
    width:300px;
    height:300px;
    background: #000;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.1;
    transform: translateX(50%);
}

.round-circle {
    content: "";
    position: absolute;
    border:3px solid white;
    border-radius: 50%;
    left:0px;
    bottom:450px;
    width: 150px;
    height: 150px;
    z-index: 3;
    opacity: 1;
    transform: translateY(100%);	
}

body.home .hero-title, body.home .hero-img, body.home .hero-offer {
	transform: translateY(100%);
	opacity: 0;
}

.fpform {
	max-width: 1039px;
}


@media (min-width: 768px) { 

	.herohead {
		min-height: 60vh;
	}
	
.herocontent {
	z-index:4;
}
.round-shape-1 {
    position: absolute;
    left: -500px;
    bottom: -500px;
    width: 1000px;
    height: 1000px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    z-index: -1;
    opacity: 1;
    transform: translateY(100%);
}

.round-image {
  position:absolute;
  top: 100px;
  right: -150px;
  width: 750px;
  height: 750px;
}


.round-shadow {
	content: "";
    position: absolute;
    left:238px;
    top: 250px;
    width:400px;
    height:400px;
    background: #000;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.1;
    transform: translateX(100%);
}	

	.round-circle {
    content: "";
    position: absolute;
    border:3px solid white;
    border-radius: 50%;
    left:200px;
    bottom:150px;
    width: 150px;
    height: 150px;
    z-index: 3;
    opacity: 1;
    transform: translateY(100%);		
	}	
	
.himage {
  position: absolute;
  border-radius:50%;
  bottom: 75px;
  right: 100px;
  width:400px;
  height:400px;
  background-position: center;
  z-index: 2;
}

}

@media (min-width: 992px) { 

	.herohead {
		min-height: 50vh;
	}
	
.herocontent {
	z-index:4;
}
.round-shape-1 {
    position: absolute;
    left: -500px;
    bottom: -500px;
    width: 1000px;
    height: 1000px;
    background: #D6070F;
    border-radius: 50%;
    z-index: -1;
    opacity: 1;
/*     transform: translateY(100%); */
}

.round-image {
  position:absolute;
  top: 100px;
  right: -150px;
  width: 750px;
  height: 750px;
}


.round-shadow {
	content: "";
    position: absolute;
    left:-15px;
    top:-50px;
    width:600px;
    height:600px;
    background: #000;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.1;
    transform: translateX(100%);
}	

	.round-circle {
    content: "";
    position: absolute;
    border:3px solid white;
    border-radius: 50%;
    left:-45px;
    bottom:150px;
    width: 250px;
    height: 250px;
    z-index: 3;
    opacity: 1;
    transform: translateY(100%);		
	}	
	
.himage {
  position: absolute;
  border-radius:50%;
  width:600px;
  height:600px;
  background-position: center;
  z-index: 2;
}

body.home .rev_simple_horizontal_wrapper .rev_simple_horizontal li {
margin-right:5px;
margin-top: 5px;
}

	
}


/* -----------------------------------------
    PROGRAM PAGE HERO AREA
-------------------------------------------- */
/* .shape {
  fill: transparent;
  stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 8px;
  stroke: #fff;
	-webkit-animation: 1s draw linear forwards;
  animation: 1s draw linear forwards;
}


@keyframes draw {
  0% {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
  }
  100% {
    stroke-dasharray: 3240;
    stroke-dashoffset: 0;
    stroke-width: 2px;
  }
} */


.shape {
  fill: transparent;
  stroke-dasharray: 140 540;
  stroke: #fff;
  opacity:0;
}

.svgtxt {
	box-sizing: border-box;
  fill: #ffffff;
  display: inline;
  font-family: "Fjalla One";
  font-size: 120px;
  font-weight: 400;
  opacity:0;
}

.bgwrap {
    transform: translate3d(0,0,0);
    overflow: hidden;
    height: 75vh;
    width: 100vw;
}

.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #e6431d 50%, #920711 50%);
  bottom:0;
  left:-50%;
  opacity:.1;
  position:fixed;
  right:-50%;
  top:0; 
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

.arrow-bkg {
	background-color: #790113;
}

/* -----------------------------------------
    HOME PAGE HERO AREA
-------------------------------------------- */
.hero-offer .display-4 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1;
	margin-top:0;
}

.hero-offer .small {
    font-size: 48%;
}


/* ----------------------------------  
      Testimonial Quote Styling 
------------------------------------- */
.w-1 {
    width: 5rem;
}

.card.card-background.card-background-mask-greyer:after {
    background-image: linear-gradient(0deg,#f8f9fa 0,#e6e6e6 100%);
    
}


/* ----------------------------------  
      Reviews Page Styling 
------------------------------------- */
.review-card.card {
	display:inline-block;
	margin-bottom:1rem;
	background-color: #00838a;
}

.review-card.card a {
color:#fff;
}

.review-card.card p {
font-size:1.15rem;
}

.review-card.card h4 {
font-size:1.15rem;
color:#fff;
}



.shadow-soft {
    box-shadow: 0 3px 6px 0 rgb(140 152 164 / 79%)!important;
}


@media (min-width: 576px) {
	
.card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

}

@media (min-width: 992px) {
	.card-lg-gutters-2 {
    margin-right: -.5rem;
    margin-left: -.5rem;
}
	
}

/* ----------------------------------  
     Rev Social Button plugin style 
------------------------------------- */

.btn.btn-google {
    background-color: #fbbc05;
    color: #fff;
}

/* -----------------------------------------
    GRAVITY FORM STYLING
-------------------------------------------- */
.gform_body ul.gfield_checkbox{
	list-style-type:none;
}


/* ----------------------------------  
          Blog Styling 
------------------------------------- */

body.post-template-default header.entry-header img{
	margin:0 0 2em 0;
	width:100%;
	height:auto;
}

body.post-template-default .entry-content img{
	/* margin:2em 0; */
	margin: auto;
	width:auto;
	height:auto;
}

body.archive .entry-meta, body.post-template-default .entry-meta {
    display:none;
}


body.archive .site-content, body.post-template-default .site-content {
    margin-top: 0;
}

/* ----------------------------------  
          Podcast Styling 
------------------------------------- */

body.single-podcast .site-content, body.post-template-default .site-content {
    margin-top: 2em;
}

body.single-podcast aside#secondary img {
	height: auto;
    max-width: 100%;
}

/* ----------------------------------  
         Custom Colors 
------------------------------------- */
.gradient-blue-fade {
    background: linear-gradient(90deg, #0b3271, #0052D4, #4364F7, #6FB1FC);
}

.gradient-blue-fade-2 {
    background: linear-gradient(#4364F7, #6fb1fc, #6fb1fc, #6FB1FC, #ffffff);
}

.gradient-red-fade {
	background: linear-gradient(90deg, #d7080d, #bf0012, #a80013, #900013, #790012, #63000f, #4d0009, #380000);
}

.gradient-grey-fade {
	background: linear-gradient(180deg, #fff, #c3c0c0);
}

.gradient-grey-fade-2 {
	background: linear-gradient(0deg, #fff, #c3c0c0);
}

.bg-black-fade {
	background-color: rgba(0, 0, 0, 0.75) ;
}

.gradient-yellow-fade {
	background: linear-gradient(180deg, #ecb005, #fbe803, #fda504);
}

.bg-dark-ghost {
    background-color: #212529cf;
}

.bg-red-ghost {
    background-color: #b1060ac7;
}

.text-greener {
color:#1d7c64;
}

.bg-greener {
background-color:#1d7c64;
}

/* -----------------------------------------
    RESPONSIVE VIDEO CONTAINER
-------------------------------------------- */
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------
# Chatbot
------------------------*/
.circle {
	padding-top:18px
}

button.circle:after {
	margin-top:10px;
}

.wpchatbot-quickaccess-close {
    min-width: 35px;
    height: 35px;
    font-size:20px;
	cursor: pointer;
}

div#wpcb-main-conversation {
    height: 200px!important;
}	
	
body.home cf-chat scrollable:nth-of-type(1):before {
    content: '';
    background-image: url(/wp-content/uploads/2021/06/Tactical-Martial-Arts-logo-lg-20.png);
    height: 180px;
    width: 432px;
    position: absolute;
    /*z-index: 99999;*/
    top: -0%;
	left:-25%;
    background-repeat: no-repeat;
}

	
@media (min-width: 768px) {
body.home cf-chat scrollable:nth-of-type(1):before {
    top: -0%;
	left:13%;
}	
}

/* -----------------------------------------
    IMAGE FILTERS
-------------------------------------------- */
.grey-filter {
   filter: contrast(0.7) grayscale(1) brightness(1.2) blur(1.4px) opacity(0.45);
}



/* -----------------------------------------
    FOOTER
-------------------------------------------- */
ul.socialst {
    list-style-type: none;
	padding-left:0;
}

ul.socialst li {
    display: inline;
    margin-right: 16px;
}

ul.socialst .fa-3x{
	font-size:2.5em;
}

.site-footer a.list-group-item {
	background-color:transparent;
	border:0;
}

.site-footer a.list-group-item-action {
    color: #fff;
}
	
.site-footer a {
    color: #fff;
}

.site-footer ul {
	list-style-type:none;
}

.gform_wrapper .gf_invisible, .gform_wrapper .gfield_visibility_hidden {
    visibility: hidden;
    position: absolute;
    left: -9999px;
}